Rapid Gulp
4.2 (23 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.
141 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Rapid Gulp to your Wishlist.

Add to Wishlist

Rapid Gulp

Create your website, optimize its performance, and make it look good with Gulp
4.2 (23 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.
141 students enrolled
Created by Packt Publishing
Last updated 6/2015
Current price: $10 Original price: $50 Discount: 80% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 41 mins on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Automate tasks with the simplicity and flexibility of Gulp
  • Combine simple subtasks to work out complex tasks that seemed so difficult before.
  • Optimize your site’s JavaScript, CSS, and images and define the way everything looks
  • Free yourself of all those rigorous test sessions with automated testing
  • Get ahead of JavaScript with preprocessors like CoffeeScript and LESS
  • Handle errors to ensure the reliability of your build process
View Curriculum
  • An elemental knowledge of NodeJS will help you understand this course better.

Modern web development is filled with an abundance of tools and technologies, but it's difficult to know where to begin. You want both efficiency of your work and high performance of your site; Gulp brings that right to your doorstep. With its rising popularity, you don't want to leave Gulp out of your toolbox.

This course will teach you to use the tools needed to create better websites through clear examples and step-by-step instructions.

You'll start with setting up Gulp and writing basic tasks, and move through common use cases to create a plugin from scratch. You will learn how to use Gulp through the many practical examples this course comes with, like optimizing our site's files and automating the process of testing our code, as well as tips on how to get the most out of Gulp. We'll gain a deeper understanding by looking at how streams work and how to define custom plugins.

By the end of this course, you'll know how to create your own apps, make them look good, test them and more: everything you need to know about building apps with Gulp!About the Author

Matthew Brandly is an experienced web developer with over a year of experience using Gulp on a variety of projects. He's helped build sites for a number of start-ups and has contributed to open source projects on GitHub. If he's not at his keyboard, you'll find him making music on his guitar or playing pickup basketball.

I would like to thank Evan Hahn, who gave me some initial motivation to create this course, as well as Giles Van Gruisen, for continued motivation throughout. I also have to thank Matthew Stephens, Joe Ostrow, Joe Hermann, David Brusstar, Lulu Tang, Ryan Gonzales, Alex Horak, Mike Marsh, and Alex Schiff, for all kinds of support, and my family, Mark Brandly, Lynda Brandly, Laura Brandly, and Mark Brandly, for supporting all I do. I owe many people who aren't listed as well.

Who is the target audience?
  • This course is for developers who want to do more with their basic knowledge of HTML, JavaScript, and CSS.
Compare to Other Gulp JS Courses
Curriculum For This Course
Getting Started with Gulp
5 Lectures 11:46

Gulp handles repetitive tasks, which would otherwise take up your time, allowing you to focus on creating great websites.

Preview 02:33

Gulp is a program that can be installed from npm. We need to get it in place before we can do anything interesting.

Preview 01:38

In web development, we'll often want to combine several files into a single file. On npm, there's a plugin called “gulp-concat” that will help us in achieving this.

Writing Your First Task

Instead of manually running a series of tasks, combine them into a single, larger task.

Task Dependencies

Instead of manually running a task after you change a file, let Gulp handle it. Gulp will watch for files to change and automatically do what you need.

Watching Files with Gulp
Running Common Tasks
6 Lectures 18:07

Your files are most likely larger than they need to be. If we shrink them down, your site will load more quickly.

Preview 03:32

In some situations, it's helpful to create both minified and unminifed versions of your assets. It's easy to define this pattern with streams.

Outputting Minified and Unminified Files

HTML pages often rely on several JavaScript libraries. During development, it's fine to link to multiple files, but for production, it would be ideal to link to a single JavaScript file.

Using htmlbuild

Testing is an important part of ensuring your code's integrity. Gulp makes it simple to run those tests.

Testing the Code

Preprocessors, such as CoffeeScript and LESS, can ease the development process. Gulp makes this a seamless experience.

Using Preprocessors such as CoffeeScript and LESS

With a typical development environment, you find yourself changing files, saving them, and reloading the browser. With LiveReload, you simply save your files, and the browser will reload automatically.

Using LiveReload
Digging Deeper
4 Lectures 11:15

Streams are a fundamental part of Gulp. Having a better understanding of how they work will heighten your understanding of Gulp.

Preview 03:26

Many plugins will throw errors that will break stop our “watch” task. If we catch these errors, we can handle them gracefully.

Handling Errors

Although many plugins already exist, it's helpful to understand how they work internally. We'll build one from scratch to get a taste.

Writing a Plugin

Summarizing the course

Wrapping Up
About the Instructor
Packt Publishing
3.9 Average rating
8,229 Reviews
58,971 Students
687 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.