Учебная программа

Фронтенд с нуля — без лишней воды

Здесь нет обещаний «стать разработчиком за 30 дней». Есть конкретная программа: от HTML-разметки до сборки интерфейсов на React. Каждый модуль построен так, чтобы вы понимали не только «как», но и «почему».

Записаться на курс

Что входит в программу

Три блока, каждый из которых можно проходить в своём темпе. Материал накапливается последовательно — новые темы опираются на предыдущие.

Блок 1 — Основы Блок 2 — Интерфейсы Блок 3 — Инструменты

Модуль 01

HTML: структура документа

Семантическая разметка, работа с формами, доступность по умолчанию. Разбираем, почему <div> — не всегда правильный выбор.

~6 уроков

Модуль 02

CSS: каскад и специфичность

Как браузер вычисляет стили, почему одни правила перебивают другие, и как перестать бороться с каскадом.

~8 уроков

Модуль 03

Блочная модель и отступы

box-sizing, margin collapsing, padding — разбираем то, что регулярно ломает вёрстку у новичков.

~5 уроков

Модуль 04

Типографика в браузере

Подключение шрифтов, единицы em/rem/vw, межстрочный интервал — как получить предсказуемый текст на любом экране.

~4 урока

Модуль 05

Введение в Git

Инициализация репозитория, базовые команды, работа с ветками — ровно то, что нужно для ежедневной работы.

~4 урока

Модуль 06

Первый практический проект

Верстаем страницу-портфолио по макету. Без подсказок — только задание и ревью от куратора.

Проект

Модуль 07

Flexbox и Grid

Двухмерные и одномерные раскладки, auto-fit, minmax — решаем реальные задачи позиционирования без костылей.

~7 уроков

Модуль 08

Адаптивная вёрстка

Media queries, mobile-first подход, breakpoints — как одна и та же страница корректно выглядит на телефоне и мониторе.

~6 уроков

Модуль 09

Анимации и переходы

transition, @keyframes, transform — создаём плавные интерактивные состояния, которые не замедляют страницу.

~5 уроков

Модуль 10

JavaScript: основы DOM

Выборка элементов, события, изменение стилей из JS — минимальный набор для работы с интерактивными компонентами.

~9 уроков

Модуль 11

Работа с формами

Валидация на стороне клиента, обработка событий submit, базовые UX-паттерны для полей ввода.

~4 урока

Модуль 12

Практика: лендинг с нуля

Полноценная адаптивная страница с анимациями и JS-взаимодействием. Используется как второй проект в портфолио.

Проект

Модуль 13

Сборщики: Vite

Настройка проекта, горячая перезагрузка, оптимизация для продакшена — почему современный фронтенд не обходится без инструментов сборки.

~5 уроков

Модуль 14

Введение в React

Компоненты, props, state, хуки useState и useEffect — базовый React без лишних абстракций.

~10 уроков

Модуль 15

Работа с API

fetch, async/await, обработка состояния загрузки и ошибок — подключаем реальные данные к интерфейсу.

~6 уроков

Модуль 16

Производительность интерфейса

Lighthouse, Core Web Vitals, ленивая загрузка изображений, оптимизация перерисовок — как убрать видимые тормоза.

~4 урока

Модуль 17

Деплой и хостинг

Netlify, Vercel, GitHub Pages — публикуем проект в несколько кликов и настраиваем CI/CD.

~3 урока

Модуль 18

Финальный проект

Полноценное SPA-приложение с API-интеграцией. Ревью кода, разбор архитектурных решений, финальная защита.

Дипломный проект

18 модулей программы

Как устроен процесс обучения

Курс заочный — вы проходите уроки тогда, когда удобно. Но это не значит, что вы предоставлены сами себе: куратор проверяет практические задания и даёт развёрнутую обратную связь по каждому проекту.

Материалы не устаревают — программа обновляется каждый год, а доступ к урокам остаётся навсегда после окончания курса.

1 Смотрите урок и выполняете задание в своём редакторе
2 Сдаёте работу на проверку через платформу
3 Получаете комментарии куратора с конкретными замечаниями
4 Дорабатываете и переходите к следующему модулю

Что говорят те, кто уже прошёл

Без купюр — отзывы студентов разных потоков

Вахтанг Элиава Прошёл Блок 1–3 в 2024

«Ожидал типичный курс с обзорными видео — получил что-то другое. Куратор разобрал мой CSS построчно и объяснил, почему мой grid ломался на мобильных. Такого разбора не было ни на одной другой платформе, где я учился раньше.»

Нино Кереселидзе Блок 1–2, 2023

«Удобно, что занятия никуда не исчезают. Я проходила курс параллельно с работой, возвращалась к урокам по несколько раз. Модуль по Flexbox пересматривала три раза — и в итоге разобралась.»

Адаптивная вёрстка

Лаша Джапаридзе Финальный проект, 2024

«Финальный проект был сложнее, чем я думал. Куратор не дал готового решения — только направил. Зато когда сделал сам, понял, что действительно разобрался. Это ценнее быстрых подсказок.»

React + API

Есть вопросы по программе?

Напишите нам — расскажем подробнее о формате, сроках и стоимости. Никаких автоматических писем, отвечает живой человек.

Связаться с нами О платформе

Настройки cookies