Верстка интернет-магазина с нуля. Адаптивная верстка макета. GULP SCSS JS. Часть 1
HTML-код
- Опубликовано: 29 сен 2024
- Привет! Этим видео стартует новый, второй марафон по верстке макета. Будем делать небольшую часть интернет-магазина из трех страниц - главная, каталог, товар. Покажу, как делать те или иные элементы, попишем немного js-кода для интерактивности, сделаем хороший адаптив.
В марафоне я использую Gulp, так что советую ознакомиться с видео: • Gulp 4. Полное руковод...
Так же использую SCSS, по нему так же есть цикл видео: • Препроцессор Sass. Для...
И верстаю точно в макет, pixel perfect. Про него так же рассказывал: • Pixel Perfect - что эт...
Ссылка на верстку: github.com/max...
Ссылка на макет: drive.google.c...
Исходники gulp-сборки из видео: github.com/max...
Плейлист марафона: • Верстка интернет-магаз...
Предыдущий марафон: • Верстка сайта с нуля д...
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? clck.ru/Gr9Ec
Канал в телеграм: teleg.run/maxg...
Чат для верстальщиков: teleg.run/maxg...
Моя страница вконтакте: maxdenaro
Мой блог: blog.maxgraph.ru
Мой сайт: maxgraph.ru
#обучение #марафонверстки #интернетмагазин
Прекрасные и полезные уроки ! Спасибо вам за контент
Вот прямо вещь контент! С большим нетерпением ждемс! )))
Спасибо))
Отличный контент! Спасибо тебе) скажи пожалуйста, а почему без личного кабинета? этим верстальшик вообще занимается?
Спасибо)
Просто долго верстать полноценный
Но вёрстку кабинета да, делает верстальщик
@@maxgraph спасибо за ответ)
Да, это будет интересно и полезно! Хорошо, если б в описании были ссылки на предыдущую и следующую части
Спасибо огромной за плейлист!! воспользовалась вашей сборкой для своей верстки, но как в нее необходимо преобразовать изображения в webp, как это сделать ? пакет установила imagemin-webp и в gulfile правильно написать таск?
Тут не знаю, не работал с этим
Спасибо за контент! Лучшее что я видел в сети. Удачи на ютубе!
спасибо за отзыв) расту потихоньку
Обалденно, благодарю!)
Не устану благодарить за настолько годный контент :3
Благодарю за уроки! А есть исходник в Figma?
Исходники под видео) только эти
Макс а те проекты которые я верстал по твоему марафону можно потом использовать в качестве фрилансерского портфолио ?
Можно, конечно
@@maxgraph СПАСИБО !!!!!!!!
Очень ждем новых видео и проектов, спасибо за ваш труд!
Пожалуйста)
Отличный контент!!! Спасибо за труд =)
спасибо)
Здравствуйте! Запись будет сохранена?
Здравствуйте! Премьера - это не прямой эфир) это и есть запись, так что конечно останется
@@maxgraph Биг сенкю!
а как скачать верстку, не могу разобраться???
в корень репозитория зайдите)
зачем ее скачивать? тут смысл сделать самому
Шикарно
Спасибо)
Спасибо, будет круто!
Спасибо :)