Rapid Gulp
4.3 (20 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.
134 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.3 (20 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.
134 students enrolled
Last updated 6/2015
English
Current price: $10 Original price: $50 Discount: 80% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 41 mins on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
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
Requirements
  • An elemental knowledge of NodeJS will help you understand this course better.
Description

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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 15 Lectures Collapse All 15 Lectures 41:08
+
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
02:46

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

Task Dependencies
02:51

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
01:58
+
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
02:13

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
02:59

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

Testing the Code
03:00

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

Using Preprocessors such as CoffeeScript and LESS
03:09

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
03:14
+
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
02:07

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

Summarizing the course

Wrapping Up
01:05
About the Instructor
Packt Publishing
3.9 Average rating
3,985 Reviews
32,229 Students
318 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.