Скачать или смотреть ВЕРСТКА САЙТА НА WEBPACK 5 #2 - верстаем хедер

👋Привет! В этой серии видео мы с нуля сверстаем современный лендинг, используя мощный инструмент Webpack. В предыдущем видео мы подготовили шаблон в Figma, настроили проект и подробно разобрали конфигурацию Webpack.

В этом видео мы сверстаем хедер сайта и подробнее разберемся с некоторыми техническими особенностями верстки.

🚀Консультация / менторство: https://t.me/greencourses_sensei
✅Отзывы: https://t.me/greencourses_reviews

🔴Настройка проекта для верстки тут    • ВЕРСТКА САЙТА НА WEBPACK 5  #1 - смотрим к...  
🔴Следующая часть    • ВЕРСТКА САЙТА НА #WEBPACK #3 - верстаем гл...  

👨‍💻Исходный шаблон из ролика забираем тут: https://t.me/green_courses/6
💻Финальный код проекта: https://github.com/greencourses/creat...

🟢Скачать шаблон Figma для верстки: https://t.me/green_courses/9
🟢Скачать Figma: https://figma.com/downloads/
🟢Скачать Node.js: https://nodejs.org/en/download

⏰Таймкоды:
00:00 Вступление
00:12 Шаблонизация
01:28 Смотрим дизайн хедера
01:40 Глобальные стили
03:25 Пишем разметку HTML
06:44 Стилизуем хедер
09:40 Стилизуем лого
11:20 Стилизуем навигацию
14:15 Стилизуем кнопку

Если вам понравилось видео, не забудьте поставить лайк и подписаться на канал! Ваши комментарии и вопросы помогут мне делать еще больше полезного контента.

🍀Сказать автору спасибо: https://boosty.to/greencourses

#фронтенд #верстка #версткасайта #webpack5 #scss #вебразработка #frontend #лендинг #HTML #CSS #JavaScript #Figma #сборка_проектов #настройка_Webpack #конфигурация_Webpack #обучение_программированию #уроки_для_начинающих #вебдизайн #адаптивная_верстка #оптимизация #сборка_проекта #шаг_за_шагом #с_нуля #практика #инструменты_разработчика #фронтенд_разработка #FigmaToHTML #современные_технологии #вебинструменты #разработка_лендингов #Webpack5 #модульный_CSS #продвинутая_настройка #сборка_фронтенда #верстка_из_фигмы #webdev #frontend_tutorial