Мы используем cookie для стабильной работы сервиса. Подробнее

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

ФорматОнлайн
Длительность30 минут в день
Объём3 занятий
По окончанииStepik
О курсе

Подробнее

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

Что нужно для старта

  • Этот курс подойдет для тех, кто знает основы HTML и Java Script. Если вы только начинаете свой путь, то рекомендую записаться на курсы:
  • Вёрстка на HTML & CSS для начинающих
  • Супер курс по языку JavaScript
  • и только потом переходить к данному курсу.
Результат

Что вы получите

  • Инициализировать проект с помощью NPM от Node JS
  • Находить нужные для работы пакеты и модули, а также устанавливать их
  • Автоматизировать обработку стилей и скриптов в вашем проекте
  • Настраивать автоматическое отслеживание изменений файлов проекта
  • Быстро использовать готовую сборку в дальнейшем и не тратить время на настройку каждый раз
  • Отслеживать только новые файлы в проекте и сжимать изображения с помощью Gulp
  • Настраивать Gulp на обработку препроцессоров Pug, Stylusm Sass, Less
  • Настраивать транспиляцию кода с языков Type Script и Coffee Script в Java Script в стандарте ES5, который поддерживается во всех браузерах
Аудитория

Для кого этот курс

  • Материал в этом курсе изложен простым языком и изучить его вы сможете достаточно быстро. Курс предоставляется вам на всегда, без каких-либо лимитов и ограничений по времени.
Содержание

Программа курса

3 занятия
ТемаЧто внутри
01Введение в Gulp

- Введение в Gulp
- Установка Node JS
- Инициализация проекта NPM init
- Пакеты на NPM JS
- Константа с путями
- Обработка стилей в Gulp
- Отслеживание изменений в проекте
- Обработка скриптов в Gulp
- Повтороное использование сборки

02Продвинутая сборка Gulp

- Autoprefixer, Sourcemaps, Babel
- Сжатие изображений в Gulp
- Минификация HTML в Gulp
- Размеры файлов в терминале
- Отслеживание только новых файлов
- Автообновление в браузере

03Препроцессоры и языки

- Работа с Pug
- Работа с Stylus
- Работа с SASS и SCSS
- Работа с Type Script
- Работа с Coffee Script
- Заключение

01Введение в Gulp

- Введение в Gulp
- Установка Node JS
- Инициализация проекта NPM init
- Пакеты на NPM JS
- Константа с путями
- Обработка стилей в Gulp
- Отслеживание изменений в проекте
- Обработка скриптов в Gulp
- Повтороное использование сборки

02Продвинутая сборка Gulp

- Autoprefixer, Sourcemaps, Babel
- Сжатие изображений в Gulp
- Минификация HTML в Gulp
- Размеры файлов в терминале
- Отслеживание только новых файлов
- Автообновление в браузере

03Препроцессоры и языки

- Работа с Pug
- Работа с Stylus
- Работа с SASS и SCSS
- Работа с Type Script
- Работа с Coffee Script
- Заключение

Документ после выпуска

Stepik

Организатор

Автор курса

StepikStepik
Stepik — образовательная платформа и конструктор онлайн-курсов. Мы разрабатываем алгоритмы адаптивного обучения, сотрудничаем с авторами MOOC, помогаем в проведении олимпиад и программ переподготовки. Наша цель — сделать образование открытым и удобным. Stepik — широко известная российская образовательная платформа, основанная в 2013 году. На Stepik зарегистрировано более миллиона пользователей из России и стран СНГ. В настоящее время на Stepik представлены несколько тысяч учебных курсов на самые разные темы.
Подробнее об авторе
Мнения учеников

Отзывы о курсе

Оставьте отзыв

Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.

Напишите ваш коментарий, не менее 30 символов

Нажимая кнопку, вы даете согласие на обработку персональных данных

Оставьте заявку

Консультант ответит на вопросы о курсе «Планировщик задач Gulp 4» и поможет разобраться в деталях обучения.

Комментарий ...

Нажимая кнопку, вы даете согласие на обработку персональных данных

Направления:JavaScript

Информация обновлена 3 сентября 2026 г.

Продолжить выбор

Похожие курсы

Разработка на JavaScript
−10%16 ноября
Разработка на JavaScript

Изучите увлекательные подходы к разработке интерактивных веб-приложений на JavaScript, включая DOM, асинхронность и фреймворки.

Онлайн13 занятийСредний
Домашние задания
47 900 ₽−10%
43 110 ₽
Vue.js 3, Vue Router и Pinia
Vue.js 3, Vue Router и Pinia

В этом курсе мы изучим Vue, Vue Router и Pinia, создавая два полноценных приложения. Мы сделаем приложение для отображения прогноза погоды и Saas сервис хранения веб закладок. Это…

Онлайн15 занятий
3 999 ₽
jQuery для начинающих
30 минут в день
jQuery для начинающих

В этом видео курсе вы изучите основы библиотеки jQuery. Продолжительность курса чуть больше чем 3 часа. В курсе для вас подготовлено 38 видео уроков. Обязательно изучите все допол…

Онлайн4 занятий
290 ₽
Разработка на Angular
−10%14 сентября
Разработка на Angular

Освойте промышленную разработку на Angular: создавайте динамические веб-приложения с нуля. Изучите TypeScript, компоненты, шаблоны, пайпы, сервисы, маршрутизацию и сложные формы.…

Онлайн13 занятийСредний
42 900 ₽−10%
38 610 ₽
Node js для Front End
4 месяца
Node js для Front End

Backend разработка на Node.js: Express.js, NestJS фреймворки. Работа с базами данных PostgreSQL, MongoDB. Создание REST API, аутентификация и авторизация. WebSockets для реального…

ОнлайнСредний
100 000 ₽от 5 555 ₽/мес на 18 мес.
NestJS — с нуля, современный backend на TypeScript и Node JS
NestJS — с нуля, современный backend на TypeScript и Node JS

NestJS - это быстро растущий Node.js фреймворк, который позволяет командам легко разрабатывать поддерживаемые, легко тестируемые и масштабируемые приложения благодаря TypeScript и…

Онлайн14 занятий
3 999 ₽
Начать без затрат

Бесплатные курсы

Разработка веб-приложений на Node.js
БесплатноКурс рассчитан на 5-6 недель обучения.
Разработка веб-приложений на Node.js

Node.js – современная и востребованная на рынке труда платформа для разработки веб-приложений. Этот курс проведет вас от изучения основ Node.js до создания первого приложения и по…

Онлайн5 занятий
Бесплатно