Подробная инструкция по созданию своей сборки на 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
-----------------------------------------------------------------------------------
Не забываем, что самый лучший способ сказать "спасибо" - нажать кнопку "нравится" и скинуть ссылку на урок друзьям. Ничто другое так сильно не мотивирует автора продолжать работу :)