Обзор: HTML и CSS: вёрстка с нуля — Purple School
Содержание
Формат и условия
Перед записью уточните актуальные условия на странице предложения.
Purple School предлагает отдельный курс по вёрстке, а не короткий ознакомительный блок внутри профессии frontend-разработчика. В открытом плане — 23 основных раздела: от структуры HTML-документа и семантики до адаптивных сеток, Flexbox и CSS Grid. Отдельный 24-й раздел посвящён командному проекту, но доступ к нему зависит от тарифа. Это важнее общего числа уроков: два ученика могут купить курс с одинаковым названием и получить разный объём проверяемой практики.
Цена и условия
На изученной странице были показаны 3 999 ₽ за самостоятельный вариант, 5 499 ₽ за «AI и тренажёры» и 12 999 ₽ за «Наставник и практика». Одновременно рядом с акционной ценой стояла дата «до 10 сентября 2026 года», уже прошедшая ко времени подготовки обзора. Эти суммы нельзя без повторной проверки выдавать за текущий прайс; итоговую цену и состав тарифа нужно сверить в заказе до оплаты.
Школа рекламирует возврат в течение 30 дней, но в ответе на вопрос об условиях уточняет ограничение: к моменту обращения должно быть пройдено не более 50% курса. Эта оговорка важна именно здесь, потому что короткие ролики можно посмотреть быстро. Сохраняйте условия выбранного тарифа и читайте договор до покупки.
Программа обучения
Сначала ученик настраивает VS Code и создаёт первую страницу. Затем идут HTML-структура, заголовки, списки, ссылки, изображения, семантические элементы и доступность для экранных читалок. Таблицы и формы вынесены в самостоятельные блоки: школа показывает разметку label, разных полей ввода и валидацию, а не оставляет формы на уровне одного примера.
Вторая половина программы посвящена CSS. После селекторов, каскада, специфичности и блочной модели разбираются поток документа, единицы измерения, анимация и адаптивность через media queries. На Flexbox отведён отдельный подробный раздел, за которым следует практическая вёрстка. CSS Grid тоже проходит не одной лекцией: в плане есть auto-fit, auto-fill, именованные области, размещение элементов и отдельный проект по сетке. Параллельно показывают, как брать размеры и графику из Figma. Такая последовательность позволяет сначала понять, почему элемент ведёт себя определённым образом, а уже потом собирать макет из готовых приёмов.
Школа указывает 226 видеоуроков с конспектами, 19 упражнений и 79 тестов. Эти числа описывают насыщенность библиотеки, но не равны 226 самостоятельным проектам. Многие ролики короткие; главное при оценке курса — сколько раз студент сверстает страницу без подсказки и получит разбор своего кода.
Преподаватели курса
Автором курса указан Антон Ларичев, основатель Purple School и PurpleCode. На официальной странице не перечислен отдельный состав наставников для каждого тарифа; это важно уточнить, если нужна личная проверка кода.
Как проходит обучение
Уроки проходят на собственной платформе: короткие видео, конспекты, тесты и упражнения, в которых можно сравнить своё решение с разбором. Первые три модуля школа предлагает открыть бесплатно — хороший способ проверить темп и подачу до покупки.
Формат сильно меняется по тарифам. «Самостоятельный» даёт уроки, упражнения, тесты и сертификат, но не включает домашние задания, задачный тренажёр и поддержку наставника. В варианте «AI и тренажёры» появляются домашние задания, тренажёр и AI-занятия на два месяца, но живого наставника всё ещё нет. Только «Наставник и практика» добавляет поддержку и практику в студии. Поэтому формулировку «курс с проверкой домашних работ» нельзя переносить на базовую цену: проверять нужно состав выбранного тарифа.
Практика и результат обучения
В плане есть конкретные задачи: сверстать статью, контактную форму, первый экран страницы, карточку и адаптивный список курсов. К финалу ученик собирает страницу по макету, проверяет её на разных ширинах и проходит итоговое тестирование. В дорогом тарифе отдельно заявлен командный проект с планированием спринта и код-ревью. Он не является результатом базового тарифа.
Разница между «повторил в ролике» и «умею верстать» здесь проверяется простым способом: дать ученику новый макет и попросить без готового кода разметить смысловые блоки, собрать сетку на Flexbox или Grid, оформить форму с label и добиться нормального вида на телефоне. Темы курса для этого есть. Но в самостоятельном тарифе качество решения придётся оценивать самому; именно новичку ошибки в каскаде и адаптивности заметить сложнее всего.
Какой документ выдают
На выходе заявлен сертификат Purple School. Это подтверждение прохождения курса школы, а не диплом о новой профессии. Сам по себе HTML/CSS не охватывает JavaScript, работу с API и программную логику, поэтому курс разумно считать первым этапом frontend-маршрута, а не обещанием трудоустройства разработчиком после одного предмета.
Плюсы и минусы
Плюсы
- Семантика HTML и доступность, не только повторение макета.
- Flexbox и Grid выделены в практические темы.
- Первые три модуля можно попробовать до покупки.
- Есть тариф без обязательной оплаты наставничества.
Минусы
- В младшем тарифе нет домашних работ и проверки человеком.
- Командная практика доступна только в старшем варианте.
- Датированную акцию и цену нужно перепроверить.
- JavaScript в программу не входит.
Кому подойдёт курс
Новичку, который хочет научиться превращать макет в работающую адаптивную страницу, курс даёт подробный маршрут без предварительных знаний программирования. Для самостоятельного студента, уже умеющего искать ошибки по документации, базовый тариф может быть достаточен. Тем, кто застревает на задачах и ценит регулярный разбор кода, имеет смысл сравнивать не рекламную цену «от», а тариф с наставником с альтернативными курсами вёрстки.
Опытному frontend-разработчику все 23 базовых раздела вряд ли нужны. Ему рациональнее точечно закрывать пробелы в доступности, Grid или современной адаптивной вёрстке. Тем, кто хочет сразу создавать интерактивные приложения, после этого курса всё равно понадобится JavaScript и дальнейшая практика.
Вывод: стоит ли учиться?
Сильная сторона курса — подробно раскрытая программа с последовательным переходом от HTML к полноценной адаптивной странице. По плану видно, что именно ученик будет верстать и какие свойства CSS отрабатывать. Но обещание практики с наставником относится не к самому дешёвому варианту. Выбирать стоит по нужному уровню обратной связи: самостоятельный курс хорош как структурированная база, дорогой тариф — если действительно нужен разбор работ и командная задача. Перед оплатой достаточно проверить две вещи, от которых меняется ценность покупки: актуальную цену конкретного тарифа и доступность проверки домашних заданий.
Источники
- Официальная программа Purple School: purpleschool.ru/course/html-css — план, автор, условия и сравнение тарифов; проверено 26.09.2026.