Платные курсы 144
Сколько зарабатывает
Карьерная траектория
Джун-верстальщик 6–12 месяцев
Вёрстка простых страниц по макетам в Figma, изучение адаптивной вёрстки и кроссбраузерности. Часто работа на фрилансе.
40 000–65 000 ₽Верстальщик / HTML-разработчик 1–3 года
Работа с препроцессорами (SASS, LESS), BEM-методологией, инструментами сборки (Webpack, Gulp). Участие в командных проектах.
65 000–120 000 ₽Фронтенд-разработчик 3–5 лет
Добавление JavaScript, React или Vue.js к навыкам вёрстки. Работа с API, оптимизация производительности.
120 000–200 000 ₽Старший фронтенд 5+ лет
Архитектурные решения, ревью кода, менторство. Работа в продуктовых компаниях или на зарубежных проектах.
200 000–350 000 ₽О профессии
Верстальщик — специалист, который переводит дизайн-макеты в работающий HTML/CSS-код. Задача: чтобы сайт выглядел так, как нарисовал дизайнер, на всех устройствах и в разных браузерах. В 2024 году чистых верстальщиков всё меньше — рынок смещается в сторону фронтенд-разработчиков, владеющих JavaScript и фреймворками. Но спрос на верстальщиков сохраняется в агентствах, у небольших студий и в командах, где вёрстка выделена как отдельная роль.
Средняя зарплата HTML-верстальщика по данным hh.ru и Хабр Карьеры составляет 60 000–80 000 рублей. Разброс большой: джун получает 40 000–60 000 рублей, мидл с навыками препроцессоров и адаптива — 80 000–120 000 рублей. Те, кто освоил React, Vue или Angular, выходят на уровень фронтенд-разработчика с зарплатами от 150 000 рублей.
Направления
Категории
Навыки и инструменты
HTML5 и CSS3
Семантическая вёрстка, Flexbox, Grid — фундамент профессии
Адаптивная вёрстка
Media queries, mobile-first подход, работа с разными разрешениями экрана
Препроцессоры CSS
SASS или LESS — ускоряют написание стилей и упрощают поддержку кода
Работа с Figma
Чтение макетов дизайнера, понимание сеток, отступов и компонентов
Git
Контроль версий — обязателен для командной работы
Soft Skills
- Внимание к деталям
- Пикселперфект
- Умение читать и понимать дизайн
- Коммуникация с дизайнерами и разработчиками
- Самостоятельность
Обязанности
Вёрстка страниц и компонентов по макетам из Figma / Photoshop
Адаптация под мобильные устройства и разные браузеры
Подключение анимаций и интерактивных элементов
Оптимизация производительности страниц
Исправление верстальных багов
Взаимодействие с дизайнерами по спорным моментам в макете
Плюсы и минусы
Преимущества
- Быстрый вход в профессию. За 3–6 месяцев самообучения можно найти первую оплачиваемую работу или фриланс-заказ
- Удалённая работа. Верстальщики работают удалённо — можно жить в любом городе и получать московскую зарплату
- Переход во фронтенд. Вёрстка — логичный первый шаг к полноценной фронтенд-разработке с вдвое большими зарплатами
Сложности
- Профессия сужается. Спрос на «чистую» вёрстку падает — работодатели хотят верстальщиков, умеющих хотя бы базовый JS
- Рутинность задач. Много однотипных задач: вёрстка похожих страниц, исправление мелких багов. Творчества мало.
- Низкий старт зарплаты. Первый год-два зарплата джуна 40 000–50 000 рублей при высоких ожиданиях после курсов
Востребованность
Спрос умеренный и стабильный. Чистых верстальщиков на рынке меньше, чем фронтенд-разработчиков, но и вакансий — тоже. Особенно много работы в веб-студиях и агентствах.
Где работают
Как стать верстальщик
Изучить HTML и CSS
Htmlacademy, freeCodeCamp или онлайн-курсы. На базу уходит 2–4 месяца при регулярных занятиях
Освоить адаптивную вёрстку
Media queries, Flexbox, Grid — без этого невозможно найти работу. Практика на реальных макетах из Figma
Собрать портфолио
3–5 свёрстанных сайтов на GitHub Pages или свой домен. Верстать чужие макеты с Figma Community
Начать с фриланса или стажировки
Первые заказы на Kwork, FL.ru или стажировка в студии — чтобы получить опыт командной работы
Добавить JavaScript
Базовый JS открывает путь во фронтенд с зарплатами 120 000+ рублей. Учить сразу после твёрдого освоения HTML/CSS