-
Фаза 1. Основы языка: JavaScript и TypeScript · 8 вопросов
Минимум JavaScript, асинхронность и event loop, модули и npm, типы, дженерики, сужение типов, классы и декораторы, инструменты — фундамент языка.
- Основы JavaScript
- Базовые типы TypeScript: аннотации, вывод, union и any
- Сужение типов и guards в TypeScript
- Дженерики в TypeScript: переиспользуемый типобезопасный код
- Классы и декораторы в TypeScript
- Асинхронность и event loop в TypeScript
- Модули и npm: как код собирается из частей
- Инструменты TypeScript и Node: с чего начать
Пройти опрос фазы → самопроверка после чтения фазы
-
Фаза 2. Глубокий JavaScript · 8 вопросов
Ядро языка: типы и приведение, область видимости и замыкания, прототипы, ссылки и копирование, промисы изнутри, итераторы и генераторы.
- Типы в JavaScript: примитивы, объекты и typeof
- Приведение типов: ==, === и truthy/falsy
- Область видимости: var, let, const и поднятие
- Замыкания: как работают и зачем нужны
- Прототипы: делегирование и классы как сахар
- Объекты: ссылки, копирование и неизменяемость
- Промисы изнутри: цепочки, ошибки и async/await
- Итераторы и генераторы
Пройти опрос фазы → самопроверка после чтения фазы
-
Фаза 3. JavaScript и браузер · 7 вопросов
Фундамент платформы: this, event loop, события DOM, критический путь рендера, ошибки, анимации и сборка.
- this: контекст вызова
- Event loop: как работает и где стреляет
- События DOM: всплытие, погружение, делегирование
- Критический путь рендера
- Обработка ошибок в JavaScript и браузере
- Анимации: CSS и оптимизации
- Сборка фронтенда: бандлеры и подходы
Пройти опрос фазы → самопроверка после чтения фазы
-
Фаза 4. Глубокий CSS · 8 вопросов
Язык стилей всерьёз: каскад и специфичность, селекторы, блочная модель, поток и позиционирование, flexbox и grid, единицы и визуальные эффекты.
- Основы CSS: синтаксис, подключение и первые свойства
- Каскад, специфичность и наследование
- Селекторы: комбинаторы, псевдоклассы и псевдоэлементы
- Блочная модель: размеры, box-sizing и схлопывание отступов
- Поток документа: display, visibility и наследие float
- Позиционирование: от static до sticky и z-index
- Flexbox: оси, выравнивание и распределение места
- Grid: двумерная вёрстка
- Единицы и адаптивность: rem, проценты, vw и clamp
- Оформление: градиенты, тени, фильтры и трансформации
Пройти опрос фазы → самопроверка после чтения фазы
-
Фаза 5. Фундамент · 6 вопросов
Структура проекта, компоненты, типизация, хуки.
- Структура проекта и компонентная модель
- Архитектурные подходы фронтенда: как выбрать структуру
- Feature-Sliced Design: слои, слайсы и правила импортов
- Компоненты React: структура и композиция
- TypeScript в React
- Хуки: кастомные и ловушки useEffect
Пройти опрос фазы → самопроверка после чтения фазы
-
Фаза 6. Данные и состояние · 6 вопросов
Состояние, загрузка данных, ошибки, формы.
- Состояние: локальное и серверное
- Загрузка данных в React: TanStack Query
- Обработка ошибок и Suspense
- Формы: react-hook-form и zod
Пройти опрос фазы → самопроверка после чтения фазы
-
Фаза 7. Навигация и вид · 5 вопросов
Роутинг и стилизация.
Пройти опрос фазы → самопроверка после чтения фазы
-
Фаза 8. Качество и производительность · 6 вопросов
Доступность, производительность, тесты.
Пройти опрос фазы → самопроверка после чтения фазы
-
Фаза 9. Методологии и процесс разработки · 8 вопросов
Waterfall, Agile, Scrum, Kanban, XP, оценка и масштабирование — как команда организует работу от идеи до релиза.
- Модели разработки: от Waterfall к Agile
- Scrum: роли, события и артефакты
- Kanban: поток, WIP-лимиты и вытягивание
- Extreme Programming: инженерные практики Agile
- Оценка и планирование: story points и velocity
- Масштабирование Agile: SAFe и LeSS
Пройти опрос фазы → самопроверка после чтения фазы
Программа обучения v2.2.0
Frontend · React + TS
Frontend-специализация на React + TypeScript: от структуры проекта и компонентов до данных, форм, навигации, доступности и тестов.
Всего в программе 62 вопросов для самопроверки.