Основы веба
HTTP, REST, безопасность, производительность и SEO
HTTP/HTTPS: методы, статус-коды, заголовки
НачальныйПротокол HTTP для фронтендера: методы GET, POST, PUT, DELETE, PATCH, статус-коды, заголовки, HTTPS, HTTP/2 и HTTP/3, кэширование.
REST API: принципы, проектирование, лучшие практики
СреднийREST API для фронтенд-разработчика: принципы REST, проектирование эндпоинтов, CRUD-операции, пагинация, фильтрация, версионирование и работа с API.
GraphQL: запросы, мутации, подписки, когда использовать
СреднийGraphQL — язык запросов для API. Запросы, мутации, подписки, схема, резолверы, сравнение с REST, Apollo Client и когда переходить на GraphQL.
WebSocket: real-time коммуникации, чаты, уведомления
СреднийWebSocket — протокол для двусторонней связи в реальном времени. Чаты, уведомления, live-обновления, Socket.IO, подключение из фронтенд-приложений.
CORS: что это, почему возникает, как исправить
СреднийCORS (Cross-Origin Resource Sharing) — механизм безопасности браузера. Почему возникают ошибки CORS, preflight-запросы, заголовки Access-Control-Allow-Origin и решения для фронтендера.
Cookie: httpOnly, secure, SameSite, работа с куками в JS
НачальныйHTTP Cookie для фронтендера: установка, чтение, флаги безопасности (httpOnly, Secure, SameSite), работа с document.cookie, куки vs localStorage и авторизация.
Безопасность: XSS, CSRF, CSP, Sanitize — защита фронтенда
СреднийБезопасность фронтенд-приложений: XSS, CSRF, Content Security Policy, санитизация данных, HTTPS, Subresource Integrity и чеклист безопасности.
Как браузер рендерит страницу: парсинг, DOM, CSSOM, paint, composite
СреднийКак браузер превращает HTML, CSS и JavaScript в пиксели на экране. Парсинг, DOM, CSSOM, Render Tree, Layout, Paint, Composite и оптимизация рендеринга.
DNS, TCP/IP, TLS: как работает интернет (для фронтендера)
НачальныйОсновы работы интернета: DNS, TCP/IP, TLS/SSL, CDN, HTTP-кеширование. Что происходит между вводом URL и отображением страницы.
Progressive Web Apps (PWA): manifest, service worker, offline
СреднийPWA — прогрессивные веб-приложения: Web App Manifest, Service Worker, офлайн-режим, установка на устройство, push-уведомления и критерии PWA.
Service Workers: кэширование, фоновая синхронизация, push-уведомления
СреднийService Worker подробно: жизненный цикл, стратегии кэширования, Background Sync, Push API, уведомления и общение с главной страницей.
SEO для фронтендера: meta-теги, sitemap, robots.txt, structured data
СреднийSEO-оптимизация фронтенд-приложений: meta-теги, Open Graph, robots.txt, sitemap.xml, структурированные данные, SPA и SSR для SEO.
Core Web Vitals: LCP, FID/INP, CLS — метрики производительности
СреднийCore Web Vitals — метрики Google для оценки UX: Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift. Измерение, оптимизация и влияние на SEO.
Web Accessibility (WCAG 2.1): стандарты и чеклист
СреднийДоступность веб-приложений: WCAG 2.1, принципы доступности, ARIA-атрибуты, семантическая разметка, клавиатурная навигация и чеклист для фронтендера.