◈
трек
Веб от нуля до сайта
От пустой страницы до задеплоенного сайта. HTML каркас → CSS-вёрстка с flex/grid → React-компоненты со стейтом → деплой на Vercel за 5 минут. После трека ты можешь сам собрать и опубликовать любой простой сайт.
пройдено 0 / 11
модуль 01
HTML — каркас страницы
Семантика, структура, формы
HTML — каркас любой веб-страницы
Теги, атрибуты, структура документа — то, на чём всё держится.
доступно только в Pro
pro6 мин→
Семантика и доступность
Почему семантические теги и aria-атрибуты — это не модный пшик, а реальная ценность.
доступно только в Pro
pro5 мин→
Формы — поля ввода и валидация
input, textarea, label, валидация, type="email/number/password" — формы на пальцах.
доступно только в Pro
pro6 мин→
модуль 02
CSS — внешний вид и вёрстка
Селекторы и каскад, Flex и Grid, адаптивность
CSS — селекторы и каскад
Как CSS находит элементы, что выигрывает в конфликте, и почему !important — крайняя мера.
доступно только в Pro
pro6 мин→
Flex и Grid — современная вёрстка
Два инструмента которые закрывают 90% задач по расположению элементов.
доступно только в Pro
pro7 мин→
Адаптивность — сайт на любом экране
media-queries, mobile-first, гибкие единицы — как сделать чтобы всё работало и на телефоне.
доступно только в Pro
pro6 мин→
модуль 03
React — интерактивные интерфейсы
Компоненты, props, state, useEffect, формы
React — что это и зачем
Компонент = функция, возвращает JSX. Это основа всего React.
доступно только в Pro
pro5 мин→
useState — компонент с памятью
Как компонент запоминает что в нём ввели, на что нажали, и обновляет UI.
доступно только в Pro
pro7 мин→
useEffect — действия извне компонента
Запросы к API, таймеры, подписки — всё что выходит за пределы рендера.
доступно только в Pro
pro7 мин→
Формы в React и список с фильтрацией
Соберём форму поиска + динамический список — главный паттерн React-приложения.
доступно только в Pro
pro7 мин→
модуль 04
Деплой
Публикуем сайт за 5 минут на Vercel