Подробная инструкция по созданию своей сборки на Gulp 4. Необходимый минимум для комфортной верстки скачать в хорошем качестве

Подробная инструкция по созданию своей сборки на Gulp 4. Необходимый минимум для комфортной верстки

Что такое Gulp? Это таск менеджер для выполнения часто используемых задач. Преобразование pug в html, scss в css, typescript в javascript. Оптимизация картинок. Создание спрайтов на лету. Минификация файлов и многое другое. Все то, что вы делали когда-то вручную теперь будет сделано за вас! В данном видео мы с вами научимся создавать любую сборку на gulp 4. Подключать любые плагину и работать с gulp4 на все 100 процентов. NodeJS - https://nodejs.org/en/ Gulp - https://gulpjs.com/ NPM - https://www.npmjs.com/ SVG спрайты http://glivera-team.github.io/svg/201... Марафон LoftSchool Сайт https://loftschool.com/marathons/welc... Записаться https://t.me/joinchat/nW6Oqyg3IM0yNDNi Содержание: 00:00 - Вступление 04:05 - npm init 04:46 - Создание package.json 06:50 - Первый таск 09:20 - Пишем задачу pug2html 10:38 - Первый запуск Gulp 17:20 - Мини курс по pug 27:25 - Пишем обработку стилей 47:20 - Работа с JavaScript 55:50 - BrowserSync 01:10:15 - Минификация картинок 01:18:55 - SVG спрайты 01:30:40 - Подключаем normalize.css 01:35:30 - Обработка шрифтов 01:41:40 - Подключене библиотек к сборке 01:54:10 - Dev и build сборка 01:59:10 - Спасибо! ----------------------------------------------------------------------------------- Плейлисты моего канала, которые также могут быть вам интересны Верстка сайта #10. PSD 2 HTML . Верстка сайта по продаже строительных материалов - http://bit.ly/2kIF3Ov Chrome DevTools - http://bit.ly/33IfApM Учим программирование через игры - http://bit.ly/2CEGkvq Верстка интернет - магазина - http://bit.ly/2CvE75h Собери свою сборку на gulp4 - http://bit.ly/32IwCTa Секреты Frontend Разработчика - http://bit.ly/2X7a3X6 Практикум JavaScript - http://bit.ly/2DPk3LK Основы JavaScript - http://bit.ly/2Rr7rT4 ----------------------------------------------------------------------------------- ✅ ВК —https://vk.com/frontcoder ✅ Telegram — https://t.me/frontcoderchannel ✅ Чат Telegram — https://t.me/frontcoder ----------------------------------------------------------------------------------- Не забываем, что самый лучший способ сказать "спасибо" - нажать кнопку "нравится" и скинуть ссылку на урок друзьям. Ничто другое так сильно не мотивирует автора продолжать работу :)