- CSS-вёрстка: Flexbox и Grid (начальный · ~1.8 ч)
Углублённая вёрстка на CSS: box-sizing, поток и позиционирование, Flexbox и Grid вглубь, адаптивность через media- и container-queries, clamp и minmax, разбор частых ловушек раскладки.
- DOM и события в браузере (средний · ~2 ч)
Дерево DOM и выборка узлов, создание и удаление элементов, атрибуты против свойств, всплытие событий, делегирование, debounce и throttle, reflow.
- HTML и CSS: основы вёрстки (начальный · ~1.6 ч)
Структура HTML-документа и семантические теги, селекторы CSS и специфичность, каскад и наследование стилей, box model, а также раскладка через flexbox и grid.
- Асинхронный JavaScript (средний · ~2.3 ч)
Событийный цикл и однопоточность, колбэки, Promise и цепочки, async/await, параллельность через all/race/any, микрозадачи и типичные ошибки асинхронного кода.
- JavaScript с нуля (начальный · ~1.7 ч)
Переменные let и const, условия и циклы, функции, строки, массивы и объекты, методы map, filter и reduce, замыкания.
- React: компоненты и состояние (средний · ~2.5 ч)
Декларативный UI, JSX, функциональные компоненты, пропсы, состояние через useState, рендер и реактивность, списки и ключи, условный рендеринг, события и подъём состояния.
- React-хуки (продвинутый · ~2.5 ч)
Правила хуков, useState с функциональными апдейтами и батчингом, useEffect и очистка, useRef, useMemo и useCallback, useContext, useReducer, кастомные хуки и ловушки замыканий.
- TypeScript: типы для JavaScript (средний · ~2.4 ч)
Статическая типизация поверх JavaScript: базовые типы и вывод, интерфейсы и type, union и narrowing, сигнатуры функций, generics, утилити-типы, кортежи, unknown/any/never и строгий tsconfig.
- Веб-доступность (a11y) (средний · ~2 ч)
Как сделать сайт доступным для всех: семантика, клавиатура и фокус, ARIA, контраст, доступные формы, альтернативный текст, скринридеры, WCAG и тестирование доступности.
- Веб-производительность (средний · ~2 ч)
Критический путь рендеринга, Core Web Vitals (LCP, CLS, INP), измерение через Lighthouse и Performance API, загрузка ресурсов, картинки, шрифты, кэширование, CDN и работа главного потока.