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.
Gulp handles repetitive tasks, which would otherwise take up your time, allowing you to focus on creating great websites.
Gulp is a program that can be installed from npm. We need to get it in place before we can do anything interesting.
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.
Instead of manually running a series of tasks, combine them into a single, larger task.
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.
Your files are most likely larger than they need to be. If we shrink them down, your site will load more quickly.
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.
Testing is an important part of ensuring your code's integrity. Gulp makes it simple to run those tests.
Preprocessors, such as CoffeeScript and LESS, can ease the development process. Gulp makes this a seamless experience.
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.
Streams are a fundamental part of Gulp. Having a better understanding of how they work will heighten your understanding of Gulp.
Many plugins will throw errors that will break stop our “watch” task. If we catch these errors, we can handle them gracefully.
Although many plugins already exist, it's helpful to understand how they work internally. We'll build one from scratch to get a taste.
Summarizing the course
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.