Привет! Этим видео стартует новый, второй марафон по верстке макета. Будем делать небольшую часть интернет-магазина из трех страниц - главная, каталог, товар. Покажу, как делать те или иные элементы, попишем немного js-кода для интерактивности, сделаем хороший адаптив.
В этой части верстаю шапку и первый блок сайта
Содержание:
00:00 - Вступление и настройка проекта
07:43 - Верстка шапки
37:02 - Верстка первого экрана
В марафоне я использую Gulp, так что советую ознакомиться с видео: [ Ссылка ]
Так же использую SCSS, по нему так же есть цикл видео: [ Ссылка ]
И верстаю точно в макет, pixel perfect. Про него так же рассказывал: [ Ссылка ]
Ссылка на верстку: [ Ссылка ]
Ссылка на макет: [ Ссылка ]
Исходники gulp-сборки из видео: [ Ссылка ]
Плейлист марафона: [ Ссылка ]
Предыдущий марафон: [ Ссылка ]
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? [ Ссылка ]
Канал в телеграм: [ Ссылка ]
Чат для верстальщиков: [ Ссылка ]
Моя страница вконтакте: [ Ссылка ]
Мой блог: [ Ссылка ]
Мой сайт: [ Ссылка ]
#обучение #марафонверстки #интернетмагазин
Ещё видео