Показано 4 из 4 найденных курсов
Научитесь верстать страницы по макетам из Figma. Разберёте Flexbox, Grid и адаптивность.
Чему научитесь
Изучите современные теги HTML и свойства CSS. Начнёте смотреть на макет глазами разработчика.
Чему научитесь
и ещё 1 навык
Полный вход во фронтенд: вёрстка на HTML и CSS, JavaScript, React и TypeScript, сборка через Webpack, работа с макетами в Figma и с Git.
Чему научитесь
и ещё 3 навыка
Разберёте структуру страниц и стилизацию элементов. Сверстаете макеты под разные экраны.
Чему научитесь
Вёрстка — это создание структуры и внешнего вида страницы на HTML и CSS: то, с чего начинается путь во frontend и что нужно дизайнерам, контент-менеджерам и владельцам сайтов. Это самостоятельный навык и самый мягкий вход в профессию. Судя по запросам, чаще всего ищут «курсы верстки», «верстка сайтов обучение», «html css курсы». На странице собраны программы по адаптивной и кроссбраузерной вёрстке с разбором Flexbox, Grid и работы с макетами Figma — отдельно от полной программы разработчика, для тех, кому нужна именно вёрстка.
| Название курса | Платформа | Цена | Длительность | Уровень |
|---|---|---|---|---|
| Вёрстка на HTML и CSS | Бруноям | 29 900 ₽ | 3 мес | Начинающий |
| Профессиональная вёрстка на HTML и CSS | Яндекс Практикум | от 19 500 ₽/мес | — | Все уровни |
| Фронтенд-разработчик с нуля | Merion Academy | от 1 077 ₽/мес | 4 мес | Начинающий |
| HTML и CSS с нуля | Sky.pro | от 7 972 ₽/мес | 12 мес | Начинающий |
Вёрстка — это создание структуры и внешнего вида страницы на HTML и CSS. Это первый и самый мягкий навык в веб-разработке: первая страница в браузере появляется в первые часы обучения. Отдельные курсы вёрстки берут те, кому не нужна полная программа разработчика:
Курсы вёрстки компактнее полной программы разработчика. Обычно осваивают: HTML и семантику, CSS и селекторы, блочную модель, Flexbox и Grid для раскладки, адаптивную и кроссбраузерную вёрстку, работу с макетами Figma, базовую анимацию, препроцессор Sass и методологию БЭМ, git. На выходе — умение собрать любой макет в работающую страницу.
Интенсив по вёрстке стоит 15 000-50 000 ₽ за 2-4 месяца, подробная программа — 40 000-80 000 ₽ за 4-6 месяцев. Рассрочка обычно на 6-12 месяцев с платежом 3 000-6 000 ₽, а вводные модули по HTML и CSS часто бесплатны. Это самый дешёвый способ попробовать веб-разработку до длинной программы за 100 000-180 000 ₽: за пару месяцев вы поймёте, нравится ли вам работа с интерфейсами, не вкладываясь в полный курс. На фрилансе вёрстка лендинга стоит 5 000-30 000 ₽ за проект, многостраничного сайта — заметно больше. Важно понимать: чистая вёрстка имеет потолок по доходу, рынок всё больше ждёт владения ещё и JavaScript, а позиций для «чистых» верстальщиков в штате становится меньше. Поэтому вёрстку чаще берут как стартовый навык и быстрый способ начать зарабатывать, а затем растут во frontend-разработку. При выборе курса смотрите на наличие практики с реальными макетами Figma и проверки работ наставником — именно практика, а не теория, превращает вёрстку в навык.
