Learn Gulp, The Streaming Build System
4.6 (38 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,310 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn Gulp, The Streaming Build System to your Wishlist.

Add to Wishlist

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.6 (38 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,310 students enrolled
Created by Daniel Stern
Last updated 4/2015
English
Current price: $10 Original price: $25 Discount: 60% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
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
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.


Who 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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
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?
02:54

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
03:48

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
03:18

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
03:41

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?
03:38

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
07:40

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
05:32

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
11:54

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
05:51

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
06:04

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
15:50

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
03:15

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

Course Slides
19 pages
About the Instructor
Daniel Stern
4.2 Average rating
3,607 Reviews
38,645 Students
9 Courses
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