Верстальщик
Онлайн-курс Skillbox для новичков в IT: вёрстка сайтов на HTML, CSS и JavaScript с нуля - от первого макета в Figma до адаптивных интерфейсов и анимаций, с 33 проектами в портфолио.
Мнение редакции
Курс хорошо продуман как вход в профессию с нуля: программа последовательно ведёт студента от простой HTML-разметки к адаптивной вёрстке и базовому JavaScript, не перескакивая через ступени. Сильная сторона - объём практики: 33 проекта и более 80 заданий дают реальный опыт работы с макетами из Figma, а не абстрактные упражнения на выдуманных примерах. Отдельный плюс - блок JavaScript на 19 модулей, который выводит выпускника за пределы чистой вёрстки и приближает к позиции junior frontend-разработчика. При этом официальной гарантии трудоустройства в программе нет, и это стоит учитывать при сравнении с профессиями, где такая гарантия прописана явно. Полная цена курса заметно выше среднего чека за аналогичные программы вёрстки, поэтому покупать его разумно на распродаже, а не по базовому прайсу. Технических требований немного: специальный софт устанавливается уже в процессе обучения, а весь набор инструментов - Figma, VS Code, браузер - бесплатен или имеет бесплатный тариф, так что порог входа по железу минимальный.
Плюсы
- Большой объём практики: 33 проекта и 80+ заданий на реальных макетах
- Отдельный полноценный блок JavaScript на 19 модулей - не только вёрстка
- Куратор проверяет работы в течение суток и даёт код-ревью
- Минимальные требования к софту - всё бесплатно и ставится по ходу курса
- Готовое портфолио из десятков проектов к моменту выпуска
Минусы
- Официальной гарантии трудоустройства нет - работу ищете сами
- Полная цена ощутимо выше средней по рынку за курсы вёрстки - брать стоит по акции
- JavaScript даётся плотно и быстро - совсем без базовой логики будет непросто
Кому подходит
Новичкам без опыта в IT
Стартовать можно с нуля: курс не требует знаний программирования или математики.
Дизайнерам и фрилансерам
Тем, кто хочет самостоятельно превращать макеты в рабочие сайты и брать заказы на вёрстку.
Будущим frontend-разработчикам
Вёрстка и JavaScript - логичная стартовая точка перед изучением React или Vue.
Обзор курса
Программа выстроена в два больших блока. Первый - десять этапов вёрстки: от переноса макета из Figma в HTML-разметку и стилизации текстовых блоков до методологии БЭМ, флексбокс-сеток, CSS Grid, адаптивных форм и интерфейсных анимаций. Финальный этап блока посвящён подготовке вёрстки к продакшену - оптимизации через Lighthouse и работе с современными форматами изображений.
Второй блок - 19 модулей JavaScript: от переменных, циклов и функций до DOM, работы с формами, хранения данных в браузере, запросов к серверу через Fetch API и асинхронного кода на промисах. Это отличает курс от многих программ вёрстки, где JavaScript даётся вскользь: здесь студент получает достаточно, чтобы претендовать не только на статичную вёрстку, но и на позиции с интерактивом.
Практика построена вокруг реальных макетов: студенты собирают интернет-магазины, лендинги, формы авторизации и страницы каталогов, а куратор проверяет работы в течение суток и даёт код-ревью. Из более чем 80 заданий и 33 проектов формируется портфолио, которого достаточно для первых откликов на вакансии.
Ложка дёгтя - цена и трудоустройство. Полная стоимость курса заметно выше средней по рынку за аналогичные программы, и без скидки покупка не выглядит выгодной. Официальной гарантии трудоустройства школа не даёт: помощь ограничивается сертификатом и портфолио, дальше поиск работы - задача выпускника.
Программа курса
1Введение в HTML и перенос макета
2Стилизация контентных блоков
3Методология БЭМ и семантика
4Flexbox-вёрстка гибких блоков
5CSS Grid и семантическая разметка
6Формы и SVG-графика
7Адаптивная вёрстка и Sass
8Адаптивные разделы и резиновая вёрстка
9Интерфейсные анимации
10Подготовка к продакшену
11JavaScript: основы и DOM
12JavaScript: формы, объекты и сервер
Чему вы научитесь
- Верстать адаптивные страницы на HTML и CSS
- Переносить макеты Figma в рабочий код
- Строить сетки на Flexbox и CSS Grid
- Применять методологию БЭМ и писать поддерживаемый CSS
- Использовать препроцессор Sass
- Писать интерактивные сценарии на JavaScript
- Оптимизировать вёрстку через Lighthouse и WebP
Ваши будущие работы
Интернет-магазин с анимацией
Каталог товаров с анимацией загрузки главного блока и адаптивной сеткой карточек.
Лендинг для банковского сервиса
Одностраничный сайт с формой авторизации и кросс-браузерной адаптивной вёрсткой.
Сайт жилого комплекса
Резиновая вёрстка многостраничного сайта премиум-класса с адаптацией под мобильные экраны.
Как проходит обучение
Смотрите видеоуроки
40+ часов видео и теоретические материалы в удобном темпе, доступ сохраняется навсегда.
Верстаете по макетам
80+ практических заданий на реальных дизайн-макетах из Figma.
Получаете код-ревью
Куратор проверяет работу в течение 24 часов и даёт развёрнутую обратную связь.
Собираете портфолио
33 проекта и сертификат Skillbox по итогам курса.
Спецификация
| Школа | Skillbox |
|---|---|
| Формат | Онлайн, видеоуроки + практика с код-ревью |
| Длительность | 6 месяцев (около 2 часов в день) |
| Уровень | С нуля, без опыта программирования |
| Документ | Сертификат Skillbox (государственная лицензия) |
| Рассрочка | 4 052 ₽ × 36 мес (по акции −45%) |
| Доступ | Бессрочный доступ к материалам курса |
Часто задаваемые вопросы
Нужен ли опыт программирования?
Сколько времени занимает обучение?
Какой софт нужен для вёрстки?
Есть ли рассрочка?
Какой документ выдают по итогам?
Хватит ли проектов для портфолио?
Гарантирует ли школа трудоустройство?
Отзывы о курсе «Верстальщик»
Видео короткие, легко смотреть в дороге
Куратор отвечает быстро и по делу
Адаптивная вёрстка объясняется подробно