Gulp 4: Automate your development workflow

What’s this course about?

In this course you will learn how to automate routine and tedious tasks with Gulp 4. The code editor for the course is Visual Studio Code (although you can use any code editor). The course is aimed at the beginners or people new to Gulp and will teach you how to set up a good configuration file for the frontend development.

More details please!

If you have never heard of Gulp before, it is a special toolkit that allows you to automate routine tasks in web development. In this course I will show you how to set up Gulp 4, use different Gulp plugins, write tasks and track the file changes.At the end of the course you will have a fully functional gulp configuration file, which can be used in your own projects.

We will start from the very basics. I will show you how to install all the needed dependencies and the Gulp itself. Then we will explore how to write tasks and watch for file changes. Almost every lesson we will improve our gulp configuration file and add a new feature to it. I will also provide to you the complete gulp configuration file with additional comments describing most used Gulp APIs, glob patterns and a guide on setting up a task, so that you would have a good hint while creating your own tasks with Gulp.

If you still do routine tasks by yourself, Gulp will probably change it. Let’s get started!

What should you know to take the course?

Javascript basics, HTML basics, CSS basics

What’s inside?

• Installation of Gulp dependencies

• Installation of Gulp

• Basic Gulp tasks

• Project structure

• SASS preprocessing

• LESS preprocessing

• Watch for file changes

• Styles source maps (SASS/LESS)

• CSS minification

• Javascript minification

• HTML minification

• javascript concatenation

• File renaming

• Images optimizations

• Images caching

• HTML templating language (Kit)

• CSS Autoprefixer

• Javascript Babel transpiling

• Project archiving

• Complete Gulp configuration file with comments that you can use in your own projects

Who is teaching you?

My name is Sergey Shtyrlov. I’m a frontend developer. I’ve been working in this sphere for almost 7 years and continue doing it today. Gulp is essential for web development and you will sure benefit from it!

Rating Distribution

• 1 stars: 3 votes
• 2 stars: 1 votes
• 3 stars: 20 votes
• 4 stars: 87 votes
• 5 stars: 115 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!