Gulp за 90 минут [2021]

Добро пожаловать на курс по инструменту автоматизации процессов в разработке – Gulp!

Gulp – это инструмент, который помогает автоматизировать рутинные задачи веб-разработки. Gulp предназначен для решения таких задач, как:

• Создание веб-сервера и автоматическая перезагрузка страницы в браузере при сохранении кода, слежение за изменениями в файлах проекта;
• Использование различных JavaScript, CSS и HTML препроцессоров (CoffeeScript, Less, Sass, Stylus, Jade и т.д.);
• Минификация CSS и JS кода, а также, оптимизация и конкатенация отдельных файлов проекта в один;
• Автоматическое создание вендорных префиксов (приставок к названию CSS свойства, которые добавляют производители браузеров для нестандартных свойств) для CSS.
• Управление файлами и папками в рамках проекта – создание, удаление, переименование;
• Запуск и контроль выполнения внешних команд операционной системы;
• Работа с изображениями – сжатие, создание спрайтов, ресайз (png, jpg, svg и др.);
• Деплой (отправка на внешний сервер) проекта по FTP, SFTP, Git и т.д.
• Подключение и использование в проекте безгранично большого количества Node.js и Gulp утилит, программ и плагинов.
• Создание различных карт проекта и автоматизация другого ручного труда.

После прохождения этого курса:

• Вы сможете автоматизировать процессы разработки, такие как компиляция SCSS, Minify, Uglify, Browserify, Pug
• Сможете настроить автоматический деплой на Github Pages
• Получите готовые шаблоны для автоматизации процессов в своих будущих проектах!

В рамках этого курсы мы с вами научимся автоматизировать следующие задачи и инструменты:

• Pug
• SCSS
• Оптимизация изображений
• Перезагрузка в реальном времени
• Github Pages
• Babel

Для этого мы будем использовать следующие пакеты:

• Gulp
• Pug
• Autoprefixer
• Browserify
• SCSS

Резюме курса:

• Число лекций: 14 (Общая продолжительность видео: 1 ч. 32 мин.)
• Вы научитесь работать с инструментом автоматизации Gulp
• У вас останутся шаблоны для автоматизации процессов в ваших будущих проектах
• Доступен исходный код ко всем лекциям