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

compare_arrows

Для прохождения курса достаточно завершить тренажеры по основам HTML и CSS (есть на сайте HTML Academy). Подразумевается, что вы уже обладаете достаточным уровнем компьютерной грамотности, чтобы устанавливать и запускать программы.

Первая неделя

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

Вторая неделя

• Раздел 3. Графика и базовая стилизация. Экспортируем графику из макета и выполним базовую стилизацию страниц проекта.

Третья неделя

• Раздел 4. Сетки страниц на флексах Построим крупные сетки страниц с помощью флексов.

Четвертая неделя

• Раздел 5. Сетки компонентов на флексах. Создадим мелкие сетки компонентов страниц при помощи флексов.

Пятая неделя

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

Шестая неделя. 

• Защита проекта. Подготовка проекта к итоговой защите и оценка его проверяющим наставником по критериям качества.
• Раздел 7. Декоративные элементы. Добавим на страницы проектов мелкие декоративные и иконочные графические элементы. Стилизуем текстовые блоки, декоративные элементы внутри сеток компонентов, кнопки и ссылки.
• Раздел 8. Попапы, слайдеры, формы. Сверстаем всплывающие элементы. Разберём приёмы стилизации форм и их элементов. Рассмотрим состояния и позиционирование элементов на странице. Завершение работы над проектом и подготовка к итоговой защите.

Седьмая неделя

• Раздел 9. Шлифовка. Проверим проект на соответствие критериям качества и подготовим его к публикации. Первая оценка проекта проверяющим наставником по критериям качества.

Восьмая неделя

• Улучшение проекта по замечаниям проверяющего наставника и подача на вторую оценку. 

Девятая неделя

• Внесение финальных правок и получение итоговой оценки. 
• Раздел 10. Финал. Поговорим о том, как прошёл курс и куда вам двигаться дальше.