01
HTML: скелет страницы
Бесплатный модульРазметка, теги, структура документа
- Как устроен интернет и сайтыТеория · 15 мин
- Первая страница: теги и структураПрактика · 25 мин
- Текст, списки, ссылки, картинкиТеория · 25 мин
- Формы: инпуты и кнопкиТеория · 25 мин
- Практика: страница-визиткаПрактика · 30 мин
02
CSS: внешний вид
Селекторы, цвета, шрифты, отступы
- Подключаем CSS, селекторыТеория · 25 мин
- Блочная модель: margin, padding, borderТеория · 25 мин
- Цвета, шрифты, Google FontsТеория · 20 мин
- Практика: стилизуем визиткуПрактика · 30 мин
- Квиз: основы CSSТест · 15 мин
03
Раскладка: Flexbox и Grid
Современное позиционирование
- Flexbox: ряды и колонкиТеория · 30 мин
- Grid: сетки страницТеория · 30 мин
- Адаптивность: media queriesТеория · 25 мин
- Практика: адаптивный лендинг-секцияПрактика · 40 мин
04
JavaScript: оживляем страницу
Основы языка в браузере
- Переменные, типы, операторыТеория · 25 мин
- Функции и события: клики и вводТеория · 30 мин
- DOM: находим и меняем элементыТеория · 30 мин
- Практика: тёмная тема по кнопкеПрактика · 30 мин
- Квиз: основы JavaScriptТест · 15 мин
05
Интерактив и данные
Формы, валидация, запросы к API
- Валидация форм на JSТеория · 25 мин
- fetch: получаем данные из APIТеория · 30 мин
- Практика: виджет погодыПрактика · 40 мин
- LocalStorage: запоминаем пользователяТеория · 20 мин
06
Публикация и портфолио
Git, GitHub Pages, финальные проекты
- Git и GitHub за один урокТеория · 30 мин
- Публикуем сайт на GitHub PagesПрактика · 25 мин
- Проект 1: сайт-портфолиоПроект · 90 мин
- Проект 2: лендинг продуктаПроект · 90 мин
- Финальный квиз и карьерные путиТест · 20 мин