На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.
Учим делать правильно
- Актуальные стандарты качества: не нужно переучиваться после курса.
- Понимание полного цикла работы верстальщика.
- Фундаментальные и структурированные знания необходимых технологий.
- Опыт работы с дедлайнами и планирования работы.
Что входит в программу курса
Во время курса вы будете работать как настоящие верстальщики: поработаете с системой контроля версий на сайте github.com и с графическим макетом в редакторе Figma, создадите выразительную и доступную разметку, построите сетки страниц на гридах, поработаете с кастомными свойствами, оптимизируете код и подготовите завершённый проект к публикации. На каждом этапе вашу работу будет проверять и комментировать наставник.
Макет в Figma
Доступная разметка
Современные стили
Удобная сетка
Программа курса
- Раздел 1. Старт
Познакомимся с преподавателями, наставниками и учебным процессом на курсе. Рассмотрим устройство веба и чем вы будете заниматься на работе. Установим и настроим инструменты для работы. - Раздел 2.Разметка
Создадим семантичную, доступную и выразительную разметку страниц проектов по макету. - Раздел 3. Графика
Экспортируем графику из макета. - Раздел 5. Сетки страниц на флексах
Построим крупные сетки страниц с помощью флексов. - Раздел 6. Сетки компонентов на флексах
Создадим мелкие сетки компонентов страниц при помощи флексов. - Раздел 7. Сетки компонентов на гридах
Создадим мелкие сетки компонентов страниц при помощи гридов. - Раздел 8. Декоративные элементы
Добавим на страницы проектов мелкие декоративные и иконочные графические элементы. Стилизуем текстовые блоки, декоративные элементы внутри сеток компонентов, кнопки и ссылки. - Раздел 9. Попапы, слайдеры, формы
Сверстаем всплывающие элементы. Разберём приёмы стилизации форм и их элементов. Рассмотрим состояния и позиционирование элементов на странице.
