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

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