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

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)"}. Обучение в своём темпе подойдёт тем, кому сложно подстроить свой график под расписание курса. Но важно помнить, что такой формат требует самоконтроля и высокой мотивации. С дедлайнами будет проще поддерживать темп занятий и пройти курс до конца.

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

Налоговый вычет может получить тот, кто работает по трудовому договору и является налоговым резидентом Российской Федерации, то есть 183 дня в году находится на территории страны. Вот [инструкция](https://yandex.ru/support/practicum/ru/tax-deduction){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)"}.

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

Да, работодатель может оплатить учёбу полностью или разделить сумму с вами, например 50/50 или 75/25. Такая оплата пройдёт по счёту или двустороннему договору, а ИП могут оплатить с бизнес-счёта. Если работодатель купит обучение сразу 10 сотрудникам или больше, сделаем скидку 10%. Условия для юридических лиц и ИП отличаются — чтобы узнать подробнее, [оставьте заявку](https://forms.yandex.ru/surveys/10037266.f683087a6a1d7d78344ffa203df53c02666e0c25){target="_blank" rel="noopener noreferrer" 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, чтобы отслеживать изменения в проекте

Сертификат о завершении курса

Повод обсудить повышение на текущем месте или рассмотреть новые возможности на рынке

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

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

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

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

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

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

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

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

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

Автор курса

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

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

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

Наставник

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

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

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

Ревьюер

Никита Жмаев

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

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

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

С дедлайнами

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

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

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

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

В своём темпе

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

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

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

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

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

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

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

−%

172 /мес

138 $/мес

на 3 месяца или 393 $ одним платежом с учётом промокода и сертификатов

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

Курс длится 3 месяца

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

7 проектов

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

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

Сертификат о завершении курса

Как сэкономить при покупке

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

Повышенная скидка при покупке через менеджера

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

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

Полностью или разделив оплату с вами, например 50/50 или 75/25. Оставьте заявку, чтобы узнать подробнее.

Узнать подробнее

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

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

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

Какие есть форматы прохождения курса?

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

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

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

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

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

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

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

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

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

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

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

Банковской картой: внести всю сумму сразу или платить ежемесячно.

Ежемесячные платежи работают так: вы вносите первую оплату, и в этот момент привязывается карта. С этой карты автоматически будут списываться следующие платежи каждые 30 календарных дней. Например, оплатили 25 марта — следующий платёж пройдёт 24 апреля. Курс будет стоить меньше, если оплатить его сразу.

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

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

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

В какой валюте можно оплатить курс?

Оплатить курс можно в любой валюте, кроме российских рублей.

Чтобы вам было проще сориентироваться, мы указываем примерную стоимость в долларах США, но списание будет в казахстанских тенге, а конвертация — по курсу вашего банка.

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

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

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

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

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

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

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