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

Во время курса вы будете работать как настоящие верстальщики:

• поработаете с системой контроля версий на сайте github.com и с графическим макетом в редакторе Figma,
• создадите выразительную и доступную разметку,
• построите сетки страниц на гридах,
• поработаете с кастомными свойствами,
• оптимизируете код,
• подготовите завершённый проект к публикации.

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

Старт

Подготовка

Познакомимся с преподавателями, наставниками и учебным процессом на курсе. Рассмотрим устройство веба и чем вы будете заниматься на работе. Установим и настроим инструменты для работы.

• Познакомимся со структурой курса, сделаем обзор личных проектов и критериев качества, по которым они будут оцениваться.
• Узнаем, кто такие авторы, кураторы и наставники курса.
• Поговорим о том, из чего состоят сайты, кто и как их делает, и за что в этом процессе отвечает верстальщик.
• Посмотрим на инструменты для работы на курсе: редакторы графики и кода, браузеры и отладчики, систему контроля версий.
• Разберём процесс работы над проектом и его защиту.

Разметка

Создадим семантичную, доступную и выразительную разметку страниц проектов по макету.

Графика

Экспортируем графику из макета.

Базовая стилизация

Выполним базовую стилизацию страниц проекта.

Сетки компонентов на флексах

Построим крупные сетки страниц с помощью флексов.

Сетки страниц на флексах

Построим крупные сетки страниц с помощью флексов.

Сетки компонентов на гридах

Создадим мелкие сетки компонентов страниц при помощи гридов.

Попапы, слайдеры, формы

Сверстаем всплывающие элементы. Разберём приёмы стилизации форм и их элементов. Рассмотрим состояния и позиционирование элементов на странице.

Подготовка к защите

Проверим проект на соответствие критериям качества и подготовим его к публикации.

Защита проекта и финал

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

После прохождения курса вы получите электронный сертификат.

После курса вы можете выбрать любую из профессий и развиваться в ней:

Фронтенд-разработчик

Зарплата: 150 000 ₽

JavaScript-разработчик

Зарплата: 196 000 ₽

Фулстек-разработчик

Зарплата: 183 000 ₽