Gulp 4: Automate your development workflow
What you'll learn
- Set up Gulp 4 toolkit and automate the development workflow with Gulp (sass and less styles preprocessing, html/css/javascript minification, javascript files concatenation, images optimization and caching, source maps, Babel javascript transpiling, html kit templating language)
Requirements
- HTML Basics, CSS Basics, Javascript Basics
Description
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!
Who this course is for:
- You want to automate some of your development processes
- You want to learn how to use Gulp
Featured review
![Stanley Espaillat](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
Instructor
- 4.6 Instructor Rating
- 218 Reviews
- 7,825 Students
- 3 Courses
My name is Sergey. I'am a self-taught frontend developer.
Starting at the age of 16 I was very interested in how the web works and how the websites were constructed. From that very moment I understood that tinkering with web technologies would be both my hobby and work. I've started learning and keep doing it nowadays.
My main point of interest is a front end development, animations and beautiful UIs. Most of my career I've been doing a lot of HTML and CSS stuff, worked on different companies and did a freelance work. Back in the days I also had much interest in working with Adobe Flash, published my own animation course and wrote some articles for the Smashing Magazine.
Today I continue working, learning and share with people the knowledge I've got.