Курс «HTML и CSS»: вёрстка с нуля прямо в браузере
Бесплатный курс по вёрстке: теги и структура страницы, селекторы, flexbox и grid, адаптивность. Задания решаются в браузере с мгновенной проверкой.
Платформа открылась курсом, с которого проще всего начать знакомство с любой разработкой. HTML и CSS не требуют установки программ, не спрашивают про алгоритмы и дают результат сразу: написал строку — увидел изменение на экране.
Что внутри
Курс проходит путь от пустого файла до готовой страницы. Сначала разбирается сам документ: почему у страницы есть скелет, зачем нужны заголовки по уровням, чем абзац отличается от переноса строки. Затем появляется оформление: селекторы и их специфичность, цвет и типографика, отступы и рамки, а вместе с ними и блочная модель — то место, где новички спотыкаются чаще всего.
Вторая половина курса про раскладку. Flexbox для рядов и колонок, grid для сеток, позиционирование для того немногого, что нужно вырвать из потока. Заканчивается всё адаптивностью: как одна и та же страница остаётся читаемой и на мониторе, и на телефоне.
Как устроены занятия
Задания решаются прямо в браузере. Человек пишет разметку или правило, тут же видит результат и получает проверку — не «правильно или нет» вообще, а разбор: что именно не сходится и почему. Есть задания с выбором ответа для быстрой проверки понимания, есть разбор чужих ошибок, есть полноценные задачи с кодом.
Курс разделён на ступени и возрастные группы. Ребёнок, подросток и взрослый идут по одному материалу, но берут из него разный объём: младшим достаются базовые задачи и короткие уроки, взрослым — полная нагрузка с контрольными по разделам и итоговой аттестацией. Прогресс у каждой ветки свой, и переход между ними ничего не обнуляет.
Кому подойдёт
Тем, кто никогда не программировал и хочет понять, нравится ли ему это вообще. Тем, кто делает сайт на конструкторе и упирается в «а вот это подвинуть нельзя». Тем, кто работает рядом с разработкой — дизайнерам, маркетологам, контент-менеджерам, — и устал объяснять на пальцах то, что можно поправить самому.
Никакой подготовки не нужно: хватит браузера и желания разобраться.