Создание Сайтов [HtmlAcademy] HTML и CSS. Профессиональная вёрстка сайтов. 18.09 — 20.11 (2023)

[Trinity]

Автор: HtmlAcademy
Название: HTML и CSS. Профессиональная вёрстка сайтов. 18.09 — 20.11 (2023)

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

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

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

Что входит в программу курса
Во время курса вы будете работать как настоящие верстальщики: поработаете с системой контроля версий на сайте github.com и с графическим макетом в редакторе Figma, создадите выразительную и доступную разметку, построите сетки страниц на гридах, поработаете с кастомными свойствами, оптимизируете код и подготовите завершённый проект к публикации. На каждом этапе вашу работу будет проверять и комментировать наставник.
Макет в Figma
Доступная разметка
Современные стили
Удобная сетка

Программа курса

• Раздел 1. Старт
  Познакомимся с преподавателями, наставниками и учебным процессом на курсе. Рассмотрим устройство веба и чем вы будете заниматься на работе. Установим и настроим инструменты для работы.
• Раздел 2.Разметка
  Создадим семантичную, доступную и выразительную разметку страниц проектов по макету.
• Раздел 3. Графика
  Экспортируем графику из макета.
• Раздел 5. Сетки страниц на флексах
  Построим крупные сетки страниц с помощью флексов.
• Раздел 6. Сетки компонентов на флексах
  Создадим мелкие сетки компонентов страниц при помощи флексов.
• Раздел 7. Сетки компонентов на гридах
  Создадим мелкие сетки компонентов страниц при помощи гридов.
• Раздел 8. Декоративные элементы
  Добавим на страницы проектов мелкие декоративные и иконочные графические элементы. Стилизуем текстовые блоки, декоративные элементы внутри сеток компонентов, кнопки и ссылки.
• Раздел 9. Попапы, слайдеры, формы
  Сверстаем всплывающие элементы. Разберём приёмы стилизации форм и их элементов. Рассмотрим состояния и позиционирование элементов на странице.

Подробнее:

Для просмотра ссылок необходимо выполнить Вход или Регистрация

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.