Верстка интернет-магазина с нуля. Адаптивная верстка макета. GULP SCSS JS. Часть 2

Описание

Привет! Этим видео стартует новый, второй марафон по верстке макета. Будем делать небольшую часть интернет-магазина из трех страниц - главная, каталог, товар. Покажу, как делать те или иные элементы, попишем немного js-кода для интерактивности, сделаем хороший адаптив.

В этой части верстаю шапку и первый блок сайта

Содержание:
00:00 - Вступление и настройка проекта
07:43 - Верстка шапки
37:02 - Верстка первого экрана

В марафоне я использую Gulp, так что советую ознакомиться с видео: https://youtu.be/Hc5ivLLxV4Q
Так же использую SCSS, по нему так же есть цикл видео: https://www.youtube.com/watch?v=-4hHrhrl1kI&list=PLCMvV-acWe2Cdtf_-hpHFGJpEg49TpD9I
И верстаю точно в макет, pixel perfect. Про него так же рассказывал: https://youtu.be/3goWqJcV4u8

Ссылка на верстку: https://github.com/maxdenaro/maxgraph-youtube-source/tree/master/%D0%9C%D0%B0%D1%80%D0%B0%D1%84%D0%BE%D0%BD%20%D0%B2%D0%B5%D1%80%D1%81%D1%82%D0%BA%D0%B8%20%E2%84%962.%20Zonex-YouTube
Ссылка на макет: https://drive.google.com/file/d/1FFuofIgjPsKOBuulZYB-1s9cKzn2q7g_/view?usp=sharing
Исходники gulp-сборки из видео: https://github.com/maxdenaro/gulp-maxgraph

Плейлист марафона: https://www.youtube.com/watch?v=zja2tMDSK9w&list=PLCMvV-acWe2BTewZihXVQIJUls8twTcz0

Предыдущий марафон: https://www.youtube.com/watch?v=JLWywZpAnMI&list=PLCMvV-acWe2A9tnbX678kJ5j9KdHtZSnV

Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.

Понравилось? https://clck.ru/Gr9Ec
Канал в телеграм: https://teleg.run/maxgraph
Чат для верстальщиков: https://teleg.run/maxgraph_chat
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог: http://blog.maxgraph.ru
Мой сайт: http://maxgraph.ru


#обучение #марафонверстки #интернетмагазин