Learn Gulp, The Streaming Build System

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.

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.

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.

Do you know Gulp plugins?

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.

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.

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.

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.

Are you a skilled Gulp user?

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.

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.

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.

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.

Test your knowledge of Gulp in this challenging quiz.

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.

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