Изучение такс-менеджера Gulp 4

5 уроков Консультации

Изучение Gulp.JS / Урок #1 - Что такое Gulp 4. Установка

Изучение Gulp.JS / Урок #1 - Что такое Gulp 4. Установка


JavaScript

В курсе вы изучите таск-менеджер Gulp JS версии 4. При помощи Gulp можно оптимизировать веб разработку и добавить плагины для минификации кода, обновления браузера, работы с SASS и для многого другого.

Видео урок:

Полезные ссылки:
- Официальный сайт Gulp;
- Официальный сайт Node JS;
- Gulp на Github;
- Каталог плагинов для Gulp;
- Документация Gulp (на английском);


Gulp — это таск-менеджер, написанный на языке JavaScript и служащий для оптимизации рутинных задач. На основе Gulp можно запустить различные задачи, к примеру:

  1. Объединение файлов для ускорения их подключения и работы;
  2. Тестирование файлов проекта;
  3. Удаление пробелов и всех отступов из файла - минификация.


Для установки Gulp используется npm пакетный-менеджер. Для выполнения задач используется файл Gulpfile, который в свою очередь запускается через командную строку или терминал.


Gulp удобен не только для оптимизации выполнения стандартных задач, но также для работы с файлами: копирование файлов из одного в другой, компиляция и развёртывание проекта в новом окружении.


Gulp позволяет решать следующие задачи:

  • Уменьшение кода в языке разметки HTML;
  • Минимизация CSS, а также JS;
  • Удаление кода, что не используется;
  • Тестирование файлов;
  • Удобная работа с препроцессорами SASS, Stylus и многие другие;
  • Автоматическое добавление префиксов к CSS свойствам;
  • Шаблонизаторы (Jade);
  • Оптимизация изображени.


На основе Gulp было создано более 3500 различных плагинов и каждый день это число лишь увеличивается. В ходе курса вы научитесь использовать различные пакеты Gulp для веб проекта, а также приобретете навык, позволяющий выполнять все рутинные задачи в разы быстрее.

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы получить большое задание. Такие задания есть к каждому курсу. В них входит задание, методика решения, а также "Готовое решение".
PS: подобные задания доступны при подписке от 1 месяца!


JavaScript

Также стоит посмотреть