В этом уроке будет начато создание файловой структуры проекта, в частности настройка директорий, подготовка базовых настроек стилей и начало верстки шапки страницы - header. Особое внимание будет уделено правильному использованию семантических тегов HTML, чтобы обеспечить доступность и удобство для пользователей и поисковых систем. Кроме того, на уроке будут рассмотрены основные моменты работы с препроцессором SASS и в частности его синтаксисом SCSS, включая настройку структуры SCSS-файлов и использование переменных, миксинов и вложенности для удобства написания стилей.
Дополнительно, урок предусматривает настройку сборки проекта с помощью Gulp, что позволит автоматизировать процессы компиляции стилей, следовательно в течение урока будет установлена и настроена сборка. В завершение урока будет осуществлена верстка header для десктопной и мобильной версий, с использованием адаптивных техник для обеспечения корректного отображения на различных устройствах.