← На главнуюМодуль
HTML / CSS
Верстаешь интерфейсы.
Фундамент вёрстки который нужен любому front-end разработчику.
~1 мес
Самый быстрый старт
При 2-3 часах в день. Самый короткий модуль в программе.
20+
заданий по вёрстке
По каждой теме практика: HTML, Flexbox, Grid, SCSS, адаптив.
1
финальный макет
Верстаешь реальный дизайн из Figma — адаптивно и семантично.
Figma
Работаешь с макетом как в команде
Единственный модуль где учишься читать и верстать по дизайну.
SCSS
Современная вёрстка сразу
Не просто CSS — SCSS, БЭМ, правильная структура файлов.
17
тем в учебнике
От первого HTML файла до Swiper и насмотренности.
Для кого этот модуль
Три ситуации — одно решение
0️⃣
Полный ноль
Никогда не делал сайты. Начнём с самого начала: первый HTML файл, VS Code, и до финального макета из Figma.
🕳
Есть пробелы
Что-то смотрел, но Flexbox путается, Grid не идёт, адаптив не получается. Закроешь все дыры системно.
💼
Уже знаешь JS, но вёрстка хромает
Бывает. Модуль закрывает этот пробел — Flexbox, Grid, адаптив. Всё что понадобится при работе.
Программа модуля
Нажми — увидишь что внутри каждой темы
▶Start
JavaScript
↑Введение
Про JavaScriptКак запускать код
Основы языка
ПеременныеТипы данныхОператорыЦиклы и SwitchФункции
Объекты и массивы
ЧислаСтрокиОбъекты: основыОбъекты: углубитьсяМассивыМетоды массивов
⚡ 50 отборных задач
Задачи на переменные и типы данныхЗадачи на операторы и условияЗадачи на циклы (for, while, do-while)Задачи на функции и возврат значенийЗадачи на строки и их методыЗадачи на числа и MathЗадачи на объекты: чтение, запись, переборЗадачи на массивы: map, filter, reduce, findЗадачи на вложенные структуры (объекты в массивах)Закрепляют чек-листы 1, 2 и 3 перед продвинутым JS
Продвинутый JS
Деструктуризация + spreadJSONtry...catch...finallyПрототипДата и времяMap и SetЗамыкание. Рекурсия. Каррирование
ООП
classООП в JavaScript
Асинхронность
Асинхронный кодcallbackPromiseasync/awaitEvent LoopПротокол HTTP + fetch
Подготовка к финалу
Решаем CodewarsРазбор частых вопросов на собесах
🏁 Финал
Тех. собес по JavaScript
✓Чек-лист HTML/CSS сдан
Финальный проект
Верстаешь реальный лендинг по Figma-макету — от нуля до адаптивной страницы
Что сможешь после
Конкретные навыки, а не абстрактное "знание HTML"
✓Верстать страницы по макету из Figma
✓Делать адаптивную вёрстку (mobile-first)
✓Уверенно работать с Flexbox и Grid
✓Писать семантический HTML
✓Использовать SCSS в реальном проекте
✓Анимировать элементы через CSS transitions
✓Понимать БЭМ и структуру кода
✓Подключать Swiper, шрифты, иконки
Куда дальше после модуля
JavaScript + HTML/CSS уже есть. Следующий — React