Starting with Gulp
4.8 (2 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.
21 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Starting with Gulp to your Wishlist.

Add to Wishlist

Starting with Gulp

Use Gulp as a JavaScript Build System
4.8 (2 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.
21 students enrolled
Last updated 7/2017
Current price: $10 Original price: $100 Discount: 90% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 2 hours on-demand video
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn to have Gulp do all of your monotonous work JavaScript tasks
  • Use Gulp as a JavaScript Build System
  • Learn to manage your JavaScript project with Gulp
  • Understand Gulp's task-based nature
  • Use Gulp plug-ins to create tasks
  • Use Gulp to minify you JavaScript
  • Create runnable "builds" with a single command
  • Implement Gulp's "watch" feature to automatically build your JS project
  • Use Gulp to pre-process and minfify your SASS files
  • Automatically concatenate all of your JavaScript into a single downloadable file
  • Have Gulp re-write your HTML files to reference concatenated, minified JS and CSS
  • Learn to install, configure, and program Gulp to work for you! ... and much, much more!
View Curriculum
  • Before taking this course, a student should ideally (but not absolutely) have some experience in: Creating web and/or mobile solutions with Javascript, regardless of framework, library, or development environment. An understanding of typical JavaScript development lifecycle will help the student understand the relevance of the course content. A studen'ts understanding of JavaScript functions and how they're written is assumed. Experience with nodejs and npm is a plus, but not absolutely necessary.

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...

 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. 

Who is the target audience?
  • This course was built for web developers who design and build JavaScript solutions for mobile and the web.
  • This course is designed for developers who want to learn how to reduce the amount of mundane, boring, routine work that JavaScript projects always require. Of course, the information presented here is just as valuable for architects, testers, and product managers as they too should understand how Gulp is designed and used in an environment that produces JavaScript applications.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
20 Lectures
Welcome to Starting With Gulp
5 Lectures 28:00

A build system is your best friend if you use the right one and have the knowledge to make it work for you.


Preview 04:50

A build system is your best friend if you use the right one and have the knowledge to make it work for you.

What is a Build System?

Gulp can provide automation and magic for you so you can spend your time coding, not fiddling with JavaScript management tasks

What Can Gulp do for me?

We can look at how Gulp provides massive efficiencies at development time and then again at deployment time

Development & Deployment with Gulp

Let's get Gulp downloaded, installed, and ready for work

Getting Gulp
Managing Projects with Tasks
5 Lectures 27:10

With Gulp, we need to think in terms of tasks.  We break down our JavaScript management headaches into individual tasks and have Gulp do them for us.

Managing Projects with Tasks

Let's learn the anatomy of Gulp tasks and how to code them into productive helpers.

Defining Tasks

There are certain tasks that are required of every JavaScript project.  Let's see how to approach them with Gulp.

Preview 05:31

There are a lot of routine, time-consuming code management tasks that we deal with when creating JavaScript solutions.  Gulp is designed to handle any and all of them.

More Common Gulp Tasks

Let's discove how Gulp handles JavaScript performance concerns, including file concatenation and minification.

Common JavaScript Tasks
Gulp for Development
5 Lectures 35:57
Gulp for Development

Converting SASS to CSS is a pain and difficult to do accurately.  Gulp, however, can do without complaining & do it really well (and quickly).

Pre-processing SASS

Gulp can be configured to create a complete, runnable build in seconds.

An Automated Build

Gulp has an innate  feature that watches for us as we make changes to our code.  It can run a build every time we save a file.  How cool is that?

Preview 06:38

Not only can Gulp automatically run a build every time we save a file, but it can reload our application in our browser when that build is complete.  This can make developer life all it should be.

Gulp's Live-Reload function
Gulp for Production
5 Lectures 33:58
Gulp for Production

Deployable JavaScript needs to be tight, light, and fast across the wire.  Gulp plug-ins and build features can create the most efficient JS code possible.

Production JS

Getting SASS and CSS right in a production build is difficult to do.  When Gulp is working for us, though, it's easy.

Production CSS

Producing JS sourcemaps is a breeze with Gulp plug-ins and a little know-how.

Preview 05:51

With a great Production Build in place, there are a few things we can do to kick it up to notches unknown.

Production Wrap-Up
About the Instructor
Stone River eLearning
4.2 Average rating
17,554 Reviews
285,787 Students
205 Courses
280,000+ Happy Udemy Students

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 450,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.