Gulp: Starting with Gulp


In this Starting with Gulp training course, you'll gain an understanding of what a build system is, what Gulp can do for you, and install and configure gulp according to your own needs. Then, the course divides into two sections: Gulp for development and Gulp for production.  Get ready to learn this popular task manager for JavaScript development!

Length: 2 hrs

This title is available in the
Total Training All-Access library.

Subscribe Now


Sometimes there’s nothing more fun than sinking your teeth into a complex, challenging JavaScript build. Until you get so inundated with tiny, repetitive tasks that take up the majority of your coding time, that is. Enter Gulp; the toolkit that automates all the boring stuff, so you can build the cool stuff. It’s going to make your builds so much better, and we’re going to teach you how to use it with this Starting with Gulp training course.

Sample Clip:

Cut Out the Boring Bits!

  • Install, program, and configure Gulp to work for you
  • Manage JavaScript projects with Gulp
  • Leverage Gulp as a JavaScript build system
  • Create runnable ‘builds’ with a single command
  • Use Gulp to minify SASS files and JavaScript
  • Rewrite HTML files to reference concatenated, minified JavaScript and CSS
  • Concatenate all your JavaScript into a single, downloadable file
  • Automatically build a JavaScript project with the ‘watch’ feature
  • Let Gulp do all of your mundane JavaScript tasks!

Use Gulp as a JavaScript Build System

This course was designed for developers who want to enhance their workflow. However if you work with JavaScript regularly, you need this course too. We’ll show you how to use to this toolkit to eliminate the most time-consuming, monotonous and downright boring tasks… and you don’t even need any Gulp experience to get started!

First we’ll explore Gulp at a high level. You’ll gain an understanding of what a build system is, what Gulp can do for you, and we’ll install and configure gulp according to your own needs. Then, the course divides into two sections; Gulp for development and Gulp for production. In the former, you’ll learn about pre-processing SASS, automating your builds, the much lauded ‘watch’ function and the live re-load function.

In the latter, we’ll focus on production for JavaScript and CSS, and we’ll teach you everything you need to know about generating sourcemaps. Once you’ve finished the last section, you’ll know exactly how to use Gulp to get maximum efficiency and productivity from your builds. You’ll also be ready to use this clever toolkit to manage your JavaScript projects, minify, rewrite and concatenate your code, and basically make your developing life a whole lot easier.

What is Gulp?

Gulp is a toolkit designed to automate time-consuming tasks in your development workflow, so you can stop focussing on the boring, repetitive ‘to dos’ and get back to building. It makes the development processes simple and efficient, with a quality ecosystem ensuring plugins stay simple and work as expected. It’s intended use is for JavaScript builds and front end web development, and it uses a code-over-configuration approach.

Starting with Gulp
What is a Build System?
What Can Gulp do for me?
Development & Deployment with Gulp
Getting Gulp
Managing Projects with Tasks
Defining Tasks
Common Gulp Tasks
More Common Gulp Tasks
Common JavaScript Tasks
Gulp for Development
Pre-processing SASS
An Automated Build
Gulp’s Watch Function
Gulp’s Live-Reload function
Gulp for Production
Production JS
Production CSS
Generating Sourcemaps
Production Wrap-Up

Brett Hooper, Brett is a seasoned software engineer with a 20+ year IT career, which includes Fortune 200 clients and the US Dept. of Defense.

You may also like…