Rapid Gulp

Create your website, optimize its performance, and make it look good with Gulp
4.2 (18 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.
126 students enrolled
$19
$50
62% off
Take This Course
  • Lectures 15
  • Length 41 mins
  • 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

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.

What are the requirements?

  • An elemental knowledge of NodeJS will help you understand this course better.

What am I going to get from this course?

  • 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

What is the target audience?

  • This course is for developers who want to do more with their basic knowledge of HTML, JavaScript, and CSS.

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: Getting Started with Gulp
02:33

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

01:38

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

02:46

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.

02:51

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

01:58

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.

Section 2: Running Common Tasks
03:32

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

02:13

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.

02:59

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.

03:00

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

03:09

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

03:14

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.

Section 3: Digging Deeper
03:26

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

02:07

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

04:37

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

01:05

Summarizing the course

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Packt Publishing, Tech Knowledge in Motion

Over the past ten years Packt Publishing has developed an extensive catalogue of over 2000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

Ready to start learning?
Take This Course