[1/3] Вёрстка сайта с нуля • HTML, SCSS, JS практика • Подробное объяснение • Проект в портфолио

✏️ Пошагово профессионально верстаем многостраничный сайт по макету Figma. Разметку пишем по БЭМ методологии. В разработке используем препроцессор стилей Sass (SCSS) и активно применяем адаптивные rem-единицы измерения. Пишем много JavaScript и реализуем такие компоненты как BurgerButton, Tabs, VideoPlayer, ExpandableContent, InputMask и даже непростой кастомный Select. 🔴 Timeline: ▶ 00:00 | Введение ▶ 00:53 | Анализ макета ▶ 02:47 | Подготовка файловой структуры ▶ 08:31 | Установка NodeJS ▶ 09:25 | Инициализация пакетного менеджера NPM ▶ 10:07 | Установка препроцессора стилей Sass ▶ 15:06 | Нормализация стилей ▶ 16:55 | Подключение шрифтов ▶ 20:04 | Подготовка Sass-миксинов ▶ 24:37 | Подготовка Sass-функций ▶ 27:29 | Sass-миксины медиазапросов ▶ 34:02 | Испытание Sass-миксинов, функций и медиазапросов ▶ 37:00 | Заполнение глобальных CSS-переменных ▶ 43:40 | Подготовка утилитарных классов ▶ 46:06 | Глобальные стили ▶ 58:10 | Шапка страницы ▶ 01:53:51 | JavaScript модуль Header (бургер-кнопка и меню-оверлей) ▶ 02:02:45 | Липкая шапка ▶ 02:06:26 | Прибитие футера к низу страницы ▶ 02:07:19 | Футер страницы ▶ 02:34:08 | Доработка разметки шапки ▶ 02:34:31 | Секция Hero ▶ 03:37:32 | Секция Features 📚 Ссылки: 💬 Чат в телеграмме (помощь новичкам): ℹ Основной телеграм-канал: 🔸 Boosty (поддержать канал): 🗂️ Бесплатные курсы на канале: 📌 Автор: #js