[НТМL Academy] НТМL и CSS. Профессиональная вёрстка сайтов. 2023

[Аноним]

Ссылка на картинку

Почему курс профессиональный:

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

Что вас ждёт на обучении:

• Лайвы
  Прямые эфиры, на которых преподаватели разбирают сложные моменты из теории и практики. Проходят с 19 до 21 по Москве, запись доступна на следующий день.
• Практика
  После лайва вы выполняете домашнее задание, в котором работаете над своим проектом и закрепляете учебный материал.
• Ревью кода
  Наставник будет проверять качество выполнения заданий и делиться опытом, как можно сделать лучше.

Подходит ли вам этот курс:

• Курс рассчитан на новичков. Для его прохождения достаточно завершить тренажёры по основам HTML и CSS. Курс подразумевает, что вы обладаете достаточной компьютерной грамотностью, чтобы устанавливать и запускать программы.
• Объём заданий подобран так, чтобы даже занятые и работающие люди успевали выполнять их в срок, работая в комфортном режиме.
• Вы сами регулируете нагрузку в зависимости от тарифа. На продвинутом тарифе понадобится уделять 8 часов в неделю, на базовом – 20 часов в неделю.
• Сроки итоговой защиты позволяют детально проработать обратную связь от проверяющего наставника и получить отлично выполненный личный проект.

Учим делать правильно:

• Актуальные стандарты качества: не нужно переучиваться после курса.
• Понимание полного цикла работы верстальщика.
• Фундаментальные и структурированные знания необходимых технологий.
• Опыт работы с дедлайнами и планирования работы.

Программа:

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

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

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

Раздел 3
Графика
Экспортируем графику из макета.

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

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

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

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

Раздел 8
Декоративные элементы
Добавим на страницы проектов мелкие декоративные и иконочные графические элементы. Стилизуем текстовые блоки, декоративные элементы внутри сеток компонентов, кнопки и ссылки.

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

Раздел 10
Подготовка к защите
Проверим проект на соответствие критериям качества и подготовим его к публикации.
Защита проекта
Проверка проекта проверяющим наставником по критериям качества, его улучшение и защита.

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