Изучение Gulp.JS / Урок #1 - Что такое Gulp 4. Установка
Видеоурок
Полезные ссылки:
- Официальный ;
- Официальный сайт ;
- Gulp на ;
- Каталог ;
- (на английском);
Gulp — это таск-менеджер, написанный на языке JavaScript и служащий для оптимизации рутинных задач. На основе Gulp можно запустить различные задачи, к примеру:
- Объединение файлов для ускорения их подключения и работы;
- Тестирование файлов проекта;
- Удаление пробелов и всех отступов из файла - минификация.
Для установки Gulp используется npm пакетный-менеджер. Для выполнения задач используется файл Gulpfile, который в свою очередь запускается через командную строку или терминал.
Gulp удобен не только для оптимизации выполнения рутинных задач, но также для ряда других задач: копирование файлов, компиляция и развёртывание проекта в новом окружении.
Gulp позволяет решать следующие задачи:
- Уменьшение кода в языке разметки HTML;
- Минимизация CSS, а также JS;
- Удаление кода, что не используется;
- Тестирование файлов;
- Удобная работа с препроцессорами SASS, Stylus и другие;
- Автоматическое добавление префиксов к CSS свойствам;
- Использование шаблонизаторов (например: Jade);
- Оптимизация изображений.
На основе Gulp было создано более 3500 различных плагинов и каждый день это число лишь увеличивается. В ходе курса вы научитесь использовать различные пакеты Gulp, а также получите навык, позволяющий выполнять все рутинные задачи в разы быстрее.
Онлайн редактор кода
Большое задание по курсу
Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца
Также стоит посмотреть