Если у вас или вашего подопечного цель в сжатые сроки с нуля получить необходимые базовые знания HTML и CSS и начать верстать, то интерактивные курсы позволят сэкономить время.

Начать изучать HTML и CSS по курсам может человек с любым уровнем знаний и образованием, нет никаких ограничений. Сейчас в программе доступно девятьсот шестьдесят пять заданий и испытаний, более трёхсот из них можно пройти бесплатно, периодически появляются новые.

Программа включает курсы по базовым понятиям от простого к сложному: разметка, работа с графикой, стилизация, таблицы, анимация, флексбоксы, SVG и многое другое. Задания в каждом курсе это реалистичные задачи, с которыми сталкивается верстальщик каждый день.

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

Интерфейс состоит из редактора кода, мини-браузера, где в реальном времени видно результат и эталон, на который ориентируемся. Это наглядно показывает как работает синтаксис языка, что изменится если написать иначе.

Испытания

В конце каждого курса будет итоговое испытание, а в некоторых ещё и промежуточные. Это сложные задания, в которых нужно с нуля писать код, применив полученные знания.

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

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

Достичь 100% сходства с эталоном можно используя подсказки в теории или пойдя своим путём. Как и в реальной работе — решений у задачи может быть несколько.

Профиль пользователя

Личный профиль можно оставить открытым — тогда он будет отображать реальный прогресс в обучении, чтобы его можно было отследить или скрыть.

Есть система дополнительной мотивации — достижения, каждое из которых можно получить, выполнив определённые условия. Например, выполнив 100 заданий или 20 испытаний идеально.

В настройках профиля можно отредактировать данные, публичность и отслеживать другие параметры и настроить редактор кода.

Для удобства можно выбрать тёмную или светлую тему, размер шрифта, включить автозакрытие тегов, сворачивание кода, подсветку и другие настройки.

Программу можно пройти в среднем за два месяца. По итогам вы сможете самостоятельно сверстать сайт.

P.S. Это тоже может быть интересно:

• Голограммы, пленочные засветки и шейдеры на чистом CSS
• Укрощаем режимы наложения: difference и exclusion
• Псевдокласс :has() — не только «родительский селектор»