Learn Gulp, The Streaming Build System

Automate all your front-end tasks with ease and become a Gulp Guru in this workshop-filled course!
4.4 (32 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
1,275 students enrolled
$19
$25
24% off
Take This Course
  • Lectures 16
  • Length 1.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 4/2015 English

Course Description

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.


What are the requirements?

  • 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

What am I going to get from this course?

  • 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

What is the target audience?

  • 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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction to Gulp
03:37

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.

03:08

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.

05:19

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.

3 questions

Do you know the basics of Gulp?

Section 2: Gulp Plugins
02:54

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.

03:48

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.

03:18

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.

3 questions

Do you know Gulp plugins?

Section 3: Using Gulp
03:41

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.

03:38

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.

07:40

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.

05:32

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.

4 questions

Are you a skilled Gulp user?

Section 4: All About Gulp
11:54

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.

05:51

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.

06:04

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.

15:50

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.

6 questions

Test your knowledge of Gulp in this challenging quiz.

Section 5: Conclusion
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.

19 pages

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Daniel Stern, The Code Whisperer

Known in development circles as “the Code Whisperer," Daniel Stern has been believed to possess a supernatural connection to computers ever since he talked the supercomputer Deep Blue off the roof of a twelve-story St. Petersburg apartment building, following its shameful loss to Gary Kasparov.

He can often be found singing softly to his tablet, or gently caressing his aluminum keyboard in his arms.

Daniel has been working as a front end and full stack developer in the tech industry since 2011. He's developed single-page applications for banks like CIBC, charities like the Ontario Institute for Cancer Research, and at ad agencies like McLaren McCann, TraffikGroup and Olson. Throughout his labors, he's worked on computer programming in his spare time because, well, he's obsessed with it.

In addition to being featured in both CSS Weekly and JavaScript weekly, Daniel is well-known throughout the open-source community for maintaining several open-source tools, most notably the Angular.js and LESS-based tool, Range .css and the Angular .js audio tool, ngAudio.

In addition to being trusted by the open source community to develop top-quality, functional code, Daniel has also been invited to speak at numerous conferences including Full Stack Conference 2014 in London, England.

Daniel is an active learner and very passionate about the following technologies,

- Node.js
- Angular.js
- TypeScript
- MongoDB
- Brackets, the Open Source Code Editor
- Esprima
- LESS
- Grunt
- Yeoman
- Many, many, many more

Ready to start learning?
Take This Course