-
Фаза 1. С чего начать
Зачем этот курс и кому он подойдёт: какую проблему решает программа, как устроены фазы, опросы, тесты и тренажёры, и как проходить её так, чтобы дошло до конца.
- Зачем этот курс и кому он подойдёт обязательно
-
Фаза 2. Основы языка: JavaScript и TypeScript · 18 вопросов
Минимум JavaScript, асинхронность и event loop, модули и npm, типы, дженерики, сужение типов, классы и декораторы, инструменты — фундамент языка.
- Основы JavaScript
- Базовые типы TypeScript: аннотации, вывод, union и any
- Сужение типов и guards в TypeScript
- Дженерики в TypeScript: переиспользуемый типобезопасный код
- Классы и декораторы в TypeScript
- Асинхронность и event loop в TypeScript
- Модули и npm: как код собирается из частей
- Инструменты TypeScript и Node: с чего начать
- Мок-интервью в кабинете
- Тест фазы в кабинете
-
Фаза 3. Глубокий JavaScript · 18 вопросов
Ядро языка: типы и приведение, область видимости и замыкания, прототипы, ссылки и копирование, промисы изнутри, итераторы и генераторы.
- Типы в JavaScript: примитивы, объекты и typeof
- Приведение типов: ==, === и truthy/falsy
- Область видимости: var, let, const и поднятие
- Замыкания: как работают и зачем нужны
- Прототипы: делегирование и классы как сахар
- Объекты: ссылки, копирование и неизменяемость
- Промисы изнутри: цепочки, ошибки и async/await
- Итераторы и генераторы
- Тест фазы в кабинете
-
Фаза 4. JavaScript и браузер · 17 вопросов
Фундамент платформы: this, event loop, события DOM, критический путь рендера, ошибки, анимации и сборка.
-
Фаза 5. Глубокий CSS · 20 вопросов
Язык стилей всерьёз: каскад и специфичность, селекторы, блочная модель, поток и позиционирование, flexbox и grid, единицы и визуальные эффекты.
- Основы CSS: синтаксис, подключение и первые свойства
- Каскад, специфичность и наследование
- Селекторы: комбинаторы, псевдоклассы и псевдоэлементы
- Блочная модель: размеры, box-sizing и схлопывание отступов
- Поток документа: display, visibility и наследие float
- Позиционирование: от static до sticky и z-index
- Flexbox: оси, выравнивание и распределение места
- Grid: двумерная вёрстка
- Единицы и адаптивность: rem, проценты, vw и clamp
- Оформление: градиенты, тени, фильтры и трансформации
- Тест фазы в кабинете
-
Фаза 6. Фундамент · 17 вопросов
Структура проекта, компоненты, типизация, хуки.
- Структура проекта и компонентная модель
- Архитектурные подходы фронтенда: как выбрать структуру
- Feature-Sliced Design: слои, слайсы и правила импортов
- Границы архитектуры: их стережёт линтер, а не ревью
- Компоненты React: структура и композиция
- TypeScript в React
- Хуки: кастомные и ловушки useEffect
- Тест фазы в кабинете
-
Фаза 7. Данные и состояние · 16 вопросов
Состояние, загрузка данных, ошибки, формы.
-
Фаза 8. Навигация и вид · 14 вопросов
Роутинг и стилизация.
-
Фаза 9. Качество и производительность · 14 вопросов
Доступность, производительность, тесты.
-
Фаза 10. Мобильное приложение из веба · 17 вопросов
Web-first вместо натива: PWA и Capacitor, нативные API через мост, специфика iOS (WKWebView) и Android (TWA), push и офлайн — и граница, за которой нужен натив.
- Мобильная разработка: web-first, гибрид или натив
- PWA: устанавливаемое веб-приложение
- Capacitor: веб-приложение в нативной обёртке
- Доступ к нативным возможностям: мост и плагины
- iOS: WKWebView, App Store и ограничения
- Android: TWA, Play Store и WebView
- Push-уведомления в мобильном вебе
- Офлайн и хранение данных на устройстве
- Когда web-first не хватает: предел и натив
- Тест фазы в кабинете
-
Фаза 11. Методологии и процесс разработки · 12 вопросов
Waterfall, Agile, Scrum, Kanban, XP, оценка и масштабирование — как команда организует работу от идеи до релиза.
Программа обучения v2.6.18
Frontend · React + TS
Frontend-специализация на React + TypeScript: от структуры проекта и компонентов до данных, форм, навигации, доступности и тестов.
Всего в программе 163 вопросов для самопроверки.