Уроки Планировщик задач Gulp 4

В этом видео курсе вы изучите работу с Gulp. Продолжительность курса около 3 часов. В курсе для вас подготовлен 21 видео урок. Обязательно изучите все дополнительные материалы прикрепленные к урокам. Мы будем работать с менеджером пакетов NPM, инициализировать проект с помощью Node.js и создавать конфигурационный файл package.json, установим Gulp глобально и локально, научимся устанавливать и подключать NPM плагины в наш проект. Создадим базовую версию сборки проекта на Gulp, которая позволит нам обрабатывать стили, скрипты и отслеживать изменения в этих файлах автоматически. Так же я покажу, как повторно использовать готовую сборку в своих новых проектах размещу её на GitHub и вы в любой момент сможете скачать код настроенного Gulp проекта. Мы расширим возможности нашего сборщика и добавим возможность сжимать изображения, минифицировать HTML код, так же добавим несколько полезных плагинов для работы со стилями и скриптами. Улучшим вывод информации в терминал и настроим автоматическое обновление сайта при изменении любых файлов в нашем проекте. Я покажу как настроить плагины для работы с препроцессорами Sass, Stylus, Pug и языками Type Script и Coffee Script. После подведения итогов данного курса у вас будет полное понимание как работать с Gulp, как добавить что то в эту сборку или изменить её под себя, а так же вы получите готовый код сборки финальной версии нашего планировщика задач Gulp. Этот курс подойдет для тех, кто знает основы HTML и Java Script. Материал в этом курсе изложен простым языком и изучить его вы сможете достаточно быстро.

• Курс по Gulp 4, Планировщик задач Gulp от нуля до профи
• Введение в Gulp
• Установка Node.js
• Инициализация проекта на Node.js NPM init -
• Работа с пакетным менеджером NPM
• Константа с путями, Paths в Gulp
• Обработка стилей в Gulp
• Отслеживание изменений в проекте Gulp Watch
• Обработка скриптов в Gulp
• Повторное использование сборки Gulp
• Плагин Autoprefixer, Sourcemaps, Babel на Gulp
• Плагин Imagemin в Gulp, Сжатие изображений
• Плагин HTMLmin в Gulp, Минификация HTML
• Плагин Size в Gulp, Размеры файлов в терминале
• Плагин Newer в Gulp, Отслеживание только новых файлов
• Плагин Browser Sync в Gulp, Авто-обновление в браузере