Какие преимущества даёт обучение в Яндекс Практикуме?

100 000+ выпускников 💻 Много проектов 🖤 Поддержка экспертов

Подойдёт ли мне этот курс?

Вы будете изучать вёрстку с нуля, поэтому курс подойдёт вам, даже если вы раньше ничего не верстали. Если у вас уже есть опыт, то курс поможет разобраться, как дизайн превращается в код, освежить и структурировать знания по HTML и CSS. Чтобы точно понять, подойдёт ли вам этот курс, вы сможете пройти бесплатную вводную часть.

За 3 месяца правда можно научиться верстать сайты и приложения?

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

Каким требованиям нужно соответствовать?

Вам не понадобятся специальные навыки или опыт — мы обучим всему с нуля. Главное — иметь компьютер и достаточно времени для онлайн-занятий. Выше можно посмотреть программу, чтобы оценить количество учебного материала и свои возможности.

Обучение в своём темпе — это как?

Этот курс можно пройти в одном из двух форматов: • **С дедлайнами.** Обучение идёт спринтами, модули открываются по расписанию, а задания нужно выполнять точно в срок. • **В своём темпе.** Темы и задания открываются по мере их прохождения. Можно регулировать свою нагрузку и проходить курс быстрее или медленнее. [Подробнее об обучении в своём темпе](https://yastatic.net/s3/academy/docs/learning-according-to-an-individual-curriculum.pdf){target="_blank" rel="noopener noreferrer" style="color: rgba(0, 0, 0, 0.85)"}. Обучение в своём темпе подойдёт тем, кому сложно подстроить свой график под расписание курса. Но важно помнить, что такой формат требует самоконтроля и высокой мотивации. С дедлайнами будет проще поддерживать темп занятий и пройти курс до конца.

У меня останется доступ к курсу после завершения обучения?

Да, доступ к курсу вы получаете навсегда.

Попробовать бесплатно

ПрограммированиеС нуляPRO

Курс «Профессиональная вёрстка на HTML и CSS»

Q: Что делать, если я не справлюсь с нагрузкой?

Если вам нужно больше времени на выполнение проекта, напишите куратору. Он подскажет, как согласовать новый дедлайн.

Q: Если не понравится, я могу вернуть деньги?

Если курс ещё не начался, вернём всю сумму. Если ваш поток уже стартовал, можно сделать частичный возврат — подробности в 7 пункте [оферты](https://yandex.ru/legal/practicum_offer/){target="_blank" style="color: rgba(0, 0, 0, 0.85)"}.

За 3 месяца научитесь с нуля превращать дизайн в код и создавать современные сайты

Попробовать бесплатно

AI

Освоите ИИ для работы и жизни

32 000

профессионалов
уже повысили свой уровень

86%

студентов используют знания в работе

AI

Освоите ИИ для работы и жизни

32 000

профессионалов
уже повысили свой уровень

профессионалов уже повысили свой уровень

86%

студентов используют знания в работе

7 проектов для портфолио
250+ задач в тренажёре для отработки навыков
Обратная связь от экспертов
Современные стандарты вёрстки
Можно заниматься в своём темпе
Свидетельство об обучении

Дизайнерам

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

Бэкэнд-разработчикам

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

Менеджерам

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

Попробуйте первые уроки бесплатно

Узнаете, подходят ли вам
формат и программа обучения

Скидка после прохождения

Не нужно привязывать карту

Писать код на HTML и CSS по современным стандартам

Превращать дизайн‑макеты в страницы сайта

Создавать сайты под разные устройства

Делать веб‑страницы быстрыми и производительными

Добавлять анимации на CSS

Адаптировать сайты для людей с разными типами восприятия и условиями

Подходы и инструменты, которые вы освоите

Sass и SCSS

PostCSS

Pug

Prettier и Stylelint

Node.js

NPM

GitHub

CSS Layouts

Logical Properties

Custom Properties

БЭМ и Atomic CSS

Доступность

2D — и 3D-анимации

SVG

Адаптивная вёрстка

Добавите 7 проектов в портфолио
с вёрсткой для разных устройств

Статья в мобильной версии

Сверстаете текстовую страницу про страх чистого листа

Лендинг для продажи вещей

Создадите сайт для аукциона: отработаете разные виды лэйаутов и сделаете навигацию

Сайт с видеофоном

Сверстаете страницу, где в качестве заднего плана будет видеоролик

Страница с медиаконтентом

Добавите на сайт видео, напишете стили и потренируетесь работать с чужим кодом

Лендинг с резиновой вёрсткой

Настроите автоматическое изменение элементов под размер экрана, добавите светлую и тёмную темы

Адаптивный сайт

Сверстаете лендинг для устройств с разным разрешением экрана и добавите цветовые темы

Веб-приложение

Создадите интерфейс для мудборда

Поможем не просто освоить вёрстку, но и полюбить её

Даём интересные дополнительные материалы по всем темам и рассказываем про продвинутые инструменты

Овальная светло-серая область с закруглёнными углами, без видимых деталей

Актуально в 2026 году

Программа курса

Скачать подробную программу

Бесплатная часть

Ещё до покупки поймёте,
подходит ли вам курс

Первый проект

Основы HTML и CSS, знакомство с курсом

1 проект

Скидка за прохождение

Начать бесплатную часть

Что такое вёрстка
Первый код
Основы HTML и CSS
Базовые CSS-свойства
CSS: типографика, блоки, расположение элементов
Как устроен курс

Проект: сверстаете обложку для плейлиста и первый сайт

Скидка за прохождение

Начать бесплатную часть

После оплаты

Всё необходимое, чтобы освоить вёрстку на HTML и CSS

3 месяца обучения

7 проектов в портфолио
4 сессии Q&A
50 часов теории
95 часов практики

Семантика и лэйаут

2 проекта

1 спринт

Основы Bash и Git
Шрифты и типографика
Семантика и атрибуты HTML
Флексбокс-вёрстка
Grid Layout

Проект: сверстаете статью для мобильного устройства

Проект: сделаете одностраничный сайт для продажи вещей

Доступность и интерактив

2 проекта

2 спринт

Настройка страницы: описание, фавикон и метаданные
Встраиваемый контент: мультимедиа и виджеты
Псевдоклассы и псевдоэлементы
Настройка доступности сайта
Позиционирование элементов и стилизация форм

Проект: сделаете страницу с видеофоном

Проект: сверстаете сайт с медиаконтентом и напишете стили

Дизайн и адаптивность

2 проекта

3 спринт

Разработка интерфейса для разных устройств
Растровая графика, единицы измерения и функции
Кроссбраузерность, вендорные префиксы
Подходы к написанию вёрстки
CSS-переменные

Проект: создадите лендинг с резиновой вёрсткой, добавите тёмный и светлый фон

Проект: сверстаете адаптивный сайт с разными цветовыми темами

Красотища

1 проект

Продвинутые подходы и инструменты вёрстки

Дополнительно

Кодстайл
Компонентный подход
Линтинг
БЭМ, Atomic
Автоматизация
Постпроцессоры
Шаблонизаторы
Препроцессоры
Основы дизайна

Узнаете, как автоматизировать работу и повысить качество вёрстки

Тренажёр

Основы работы с Git

Дополнительно

Знакомство с GitHub
Синхронизация локального репозитория с удалённым
Хеш, лог, HEAD
Как работать с изменениями и коммитами
Клонирование и «форк»
Как работать с ветками

Научитесь применять Git, чтобы отслеживать изменения в проекте

Свидетельство об обучении

Официальный документ установленного образца — повод обсудить повышение

Образовательная лицензия № Л035‑01298‑77/00185314 от 24 марта 2015 года

Что будет на курсе

4 QA-сессии с наставниками

Проходят в будни вечером или в выходные.
Разберёте сложные темы и интересные кейсы.

Проходите модули
когда и как удобно

Теория доступна с компьютера и в приложении.

Закрепляйте знания
с помощью ИИ

Практикум ИИ сделает краткий пересказ и объяснит
непонятное другими словами.

Тренируйтесь и сразу
применяйте новые навыки

Задания в тренажёре, на воркшопах и в проектах легко
переложить на свою работу.

Автор курса

Максим Иванов

Старший фулстек-разработчик в BetBoom

14 лет опыта в программировании. Автор курсов Практикума по фронтенд- и фулстек-разработке. Преподаватель информатики и математики.

Наставник

Михаил Березин

Технический директор в НКО

Занимается администрированием серверов, настройкой бэкэнда и фронтенда, оптимизацией страниц, рефакторингом легаси-кода.

Ревьюер

Никита Жмаев

Разработчик с опытом 7 лет

Работает с проектами на Bitrix24 и WordPress. Имеет опыт в EdTech, применяет JavaScript и LLM для улучшения кода.

2 формата на выбор
чтобы встроить учёбу даже
в самый плотный график

С дедлайнами

Для тех, кому важно чёткое расписание

Есть дедлайны сдачи работ

Доступ к модулям — по общему расписанию

Фиксированная дата окончания курса

В своём темпе

Для тех, кому важна гибкость

Нет дедлайнов сдачи работ

Доступ к модулям — по мере вашего продвижения

Можно закончить курс раньше или позже

Курс «Профессиональная вёрстка на HTML и CSS»

Профессиональная вёрстка на HTML и CSS

Научитесь превращать дизайн в код и создавать современные сайты с нуля

−%

2 286 ₽/мес

от 1 920 ₽/мес

на 36 месяцев или 47 040 ₽ одним платежом с учётом промокода и сертификатов

Попробовать бесплатно

3 месяца обучения

Нагрузка ~15 часов в неделю

7 проектов

250+ задач для отработки навыков

Продвинутые инструменты вёрстки — для тех, кто хочет узнать больше

Свидетельство об обучении

Как выгодно оплатить курс
не играем скидками, а реально помогаем экономить

Выгода до 20%, если оплатить весь курс сразу

Оформите всё сами — без звонков и ожидания

Оплата частями без переплат

Или кредит до 36 месяцев

Сможете вернуть 13% от стоимости курса

Подскажем, как оформить документы для налогового вычета

Курс может оплатить ваш работодатель

Полностью или разделив оплату с вами, например 50/50 или 75/25

Оставить заявку

рекомендуют Практикум
коллегам и друзьям

4,7

4,6

Отвечаем на вопросы

Какие навыки нужны на старте?

Какие есть форматы обучения?

С дедлайнами. Обучение идёт спринтами, модули открываются по расписанию, а задания нужно выполнять точно в срок.
В своём темпе. Темы и задания открываются по мере их прохождения. Можно регулировать свою нагрузку и проходить курс быстрее или медленнее. Подробнее об обучении в своём темпе.

Обучение в своём темпе подойдёт тем, кому сложно подстроить график под расписание курса. Но важно помнить, что такой формат требует самоконтроля и высокой мотивации. С дедлайнами будет проще поддерживать темп занятий и пройти курс до конца.

Получу ли я какой‑то документ после курса?

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

А если не получится пройти курс целиком и выполнить итоговый проект, по запросу выдадим вам электронную справку об обучении — с перечнем модулей, которые вы освоили.

Что делать, если я не справлюсь с нагрузкой?

Получу ли я какой-то документ после курса?

Да, для этого нужно успешно выполнить итоговый проект.

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

А если не получится пройти курс целиком и выполнить итоговый проект, выдадим вам справку об обучении в электронном виде — с перечнем модулей, которые вы освоили.

Вы поможете сменить или найти работу?

На этом курсе не предусмотрена помощь с трудоустройством, поскольку он для действующих специалистов, у которых уже есть навыки поиска работы.

Но если у вас появится вопрос о карьерном развитии, обратитесь в нашу службу поддержки — постараемся ответить.

Как можно оплатить?

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

• В рассрочку без переплат от Т-Банка. Деньги будут списываться равными частями ежемесячно — столько времени, сколько идёт курс. Первый платёж пройдёт через месяц после оформления рассрочки.

• В кредит от Т-Банка. Можно взять на срок от 3 до 36 месяцев. Первый платёж пройдёт через месяц после оформления кредита.

• С помощью Яндекс Сплита. Подробнее об этом способе можно прочитать на сайте Справки.

• Через компанию, если она налоговый резидент РФ. Условия для юридических лиц и ИП отличаются — чтобы узнать подробнее, оставьте заявку или уточните у вашего менеджера.

Можно ли оплатить курс за счёт работодателя?

Да, работодатель может оплатить учёбу полностью или разделить сумму с вами, например 50/50 или 75/25.

Такая оплата пройдёт по счёту или двустороннему договору, а ИП могут оплатить с бизнес-счёта. Если работодатель купит обучение сразу 10 сотрудникам или больше, сделаем скидку 10%.

Условия для юридических лиц и ИП отличаются — чтобы узнать подробнее, оставьте заявку или уточните у вашего менеджера.

Если не понравится, я могу вернуть деньги?

Что такое налоговый вычет на обучение и как его получить?

Налоговый вычет может получить тот, кто работает по трудовому договору и является налоговым резидентом Российской Федерации, то есть 183 дня в году находится на территории страны.

Вот инструкция, которая поможет всё оформить.

Главная Все курсы Программирование Профессиональная вёрстка на HTML и CSS

Курс «Профессиональная вёрстка на HTML и CSS»

Курс подойдёт специалистам с любым уровнем
в HTML или CSS

Чему научитесь за 3 месяца

Программа курса