Gulp для самых маленьких - подробное руководство

Все курсы в одном комплекте: https://wd-m.ru/bundle
Создание сайта от А до Я: https://goo.gl/ankxq9

Сегодня мы подробно рассмотрим, что такое Gulp и как с его помощью можно автоматизировать работу Front-end разработчика. В результате урока мы соберем серьезное и внушительное рабочее Front-end окружение для веб-разработки с использованием Gulp.

Страница урока: https://webdesign-master.ru/blog/tool...
Внимание! В данном уроке рассматривается работа с предыдущей версией Gulp 3. Рекомендую изучить новый актуальный урок «Gulp - Актуальное и исчерпывающее руководство для самых маленьких» - https://webdesign-master.ru/blog/tool...

Таймкоды:
00:00 Начало урока
04:13 Установка Node.js и Gulp
07:34 Инициализация проекта npm
09:23 Обзор файла package.json
10:32 Установка Gulp
11:36 Обзор папки node_modules
12:38 Создание структуры Gulp-проекта
15:29 Создание gulpfile.js и подключение Gulp
16:30 Понимание задач (тасков) Gulp
22:30 Установка препроцессора Sass и создание таска
33:52 Наблюдение за файлами Gulp watch
36:47 Создание файла index.html и HTML-структуры
37:07 Установка и настройка Browsersync
43:39 Модификация тасков для автообновления страницы
47:01 Как работает Browsersync
49:02 Обновление страницы при сохранении HTML и JS
52:02 Работа с JavaScript (подключение bower, модулей, сжатие JS)
1:06:16 Подключение стилей плагинов в Sass
1:08:29 Сжатие CSS
1:14:47 Создание таска "build" (сборка проекта)
1:26:20 Сжатие изображений в Gulp (оптимизация)
1:35:38 Работа с Autoprefixer CSS

ВКонтакте: https://vk.com/jediweb
Телеграм: https://t.me/jediweb
Дзен: https://dzen.ru/jediweb