Learn Gulp, The Streaming Build System
3.8 (53 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,381 students enrolled

Learn Gulp, The Streaming Build System

Automate all your front-end tasks with ease and become a Gulp Guru in this workshop-filled course!
3.8 (53 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,381 students enrolled
Created by Daniel Stern
Last updated 4/2015
English [Auto]
Current price: $16.99 Original price: $24.99 Discount: 32% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 11 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Explain what Gulp is and what it should be used for
  • Install Gulp and Install Gulp Plugins on their workstation
  • Seek out and install new Gulp plugins as required
  • Use Gulp from the Command Line
  • Write a custom Gulpfile for whatever task is required
  • Automate a whole project using a personally created Gulpfile
Course content
Expand all 16 lectures 01:44:29
+ Introduction to Gulp
3 lectures 12:04

Gulp is the new, exciting task runner that can make your workflows much faster and easier.

In this video, we'll explore why learning Gulp is right for you.

Preview 03:37

This course attempts to teach the student everything they need to use the Gulp tool.

This brief lecture will take a step-by-step overview of the materials we'll be covering.

Preview 03:08

Gulp describes itself as "The Streaming Build System." Basically, it's a way of doing automatically the tasks that you would have to do yourself again and again.

In this tutorial, we'll find out what Gulp is and have a look at their website.

Preview 05:19

Do you know the basics of Gulp?

Gulp Basics
3 questions
+ Gulp Plugins
3 lectures 10:00

The Gulp project is an exciting, community-driven initiative where 90% of the functionality used comes from open-source plugins.

In this tutorial, we'll look at what plugins are, and why they're important.

What are Plugins?

Gulp can do many things with the right plugin - compile TypeScript or SASS, minify your files, even commit your GIT repo or create a zip file.

In this tutorial, we'll look at some important plugins and what they do.

Important Gulp Plugins

From time to time, you'll have need of a Gulp plugin that does something you've never needed before. To find new Gulp plugins, you have to know the right steps.

In this workshop, we'll go through the process of finding Gulp plugins for various purposes, including compiling CoffeeScript.

Workshop: Locating Gulp Plugins

Do you know Gulp plugins?

Plugin Recap
3 questions
+ Using Gulp
4 lectures 20:31

Gulp is a simple Node application that can be run on Windows, Mac or Linux.

In this Workshop, we will install Gulp on our computer and also look at the procedure for installing Gulp plugins.

After completing this tutorial, students will be able to run Gulp on their workstation.

Workshop: Installing Gulp and Gulp Plugins

Gulp is a powerful and flexible tool. At the heart of this flexibility are Gulpfiles, the configuration files for Gulp.

In this tutorial, we'll have a look at what a Gulpfile is and how it works.

What is a Gulpfile?

The base Gulp module has only a few simple tasks. However, they are useful on their own, and we will use them time and time again as we make more complex Gulpfiles.

In this tutorial, we'll have a look at the Gulp API, and then code our first real Gulpfile in a live demo.

The Gulp API

Gulp is a Node application, and like many Node applications, it can be run from the Command Line.

In this tutorial, we'll have a look at the Gulp command line interface, and tackle a few of its features in a hands-on workshop.

The Gulp Command Line

Are you a skilled Gulp user?

Gulp Usage
4 questions
+ All About Gulp
4 lectures 39:39

Building small composable tasks, and running them one after another, is at the heart of Gulp and the key to building a good Gulpfile.

In this tutorial, we'll have a look at what running tasks in series is all about. Then we'll try our hand at an in-depth workshop where we used the plugins for concat and uglify to learn running Gulp tasks in series.

Running Tasks in Series

One of the coolest features of Gulp is the ability to run tasks automatically by watching files. This saves lots of time, plus it reduces bugs caused by human error.

In this tutorial, we'll have a look at running gulp tasks automatically, then try it out in a hands-on demo where we use Gulp Watch to automatically update our CSS.

Automatically Running Tasks

Another extremely practical feature available in Gulp is the ability to quickly integrate with other modules to reload your page automatically when you change files.

In this tutorial, we'll learn the process for automatically reloading files and try it out in a live workshop.

Live Reloading

In this workshop, we'll build a serious Gulpfile for a fairly complex application.

To code along, be sure to download the project files. We'll be building the Gulpfile, not the app itself.

In this tutorial, we'll be using many aspects of Gulp including running tasks in series, live reloading and automatic updates.

We'll also use a number of excellent Gulp plugins including gulp-uglify, gulp-concat, gulp-less, browser-sync and more.

Workshop: Putting it All Together - Automating a Project with Gulp

Test your knowledge of Gulp in this challenging quiz.

Are you a Gulp Guru?
6 questions
+ Conclusion
2 lectures 03:15

Overall, Gulp seems extremely challenging, but it's actually made up of simple and easy to understand parts.

In this video, we'll review all we've learned and recap this course on Gulp.

Course Summary

This lecture contains the slides for the course Learn Gulp, The Streaming Build System.

Course Slides
19 pages
  • Students will need a PC or Mac with Node.js installed to code along in the hands-on demos, but nothing is required to watch

This comprehensive course covers everything a developer needs to know to effectively use Gulp in day-to-day situations and in the workplace.

We will cover all main Gulp topics in this series, including what Gulp is, Installation, Plugins and automating a project using a Gulpfile.

You will learn:

• How to install Gulp on your Mac or PC
• How to run Gulp from the command line and use the Gulp command-line arguments
• How Gulp works and when you should use it
• About various essential Gulp plugins including gulp-less, gulp-concat and gulp-uglify
• How to run Gulp tasks in sequence
• How to run Gulp tasks automatically when certain files are updated
• How to write a fully-fledged Gulpfile to manage a complex project

Gulp is a very powerful and easy-to-use tool. By taking this tutorial series, you will be able to use Gulp in all your day-to-day projects. You will understand how to write a Gulpfile, what plugins to download, and how to configure them using the Gulp API.

Best of all, we'll tackle a full Gulpfile in a hands-on workshop where we'll need to automate LESS, JavaScript and HTML processing. We'll use gulp-uglify, gulp-less, browser-sync and more, all in real time, so you can code along at home.

Who this course is for:
  • This course is ideal for someone who already knows Grunt, Make, Rake, etc
  • Also great for someone with a JavaScript background
  • Perfect for anyone working on large Web development projects, especially those using Gulp