Gulp 4: Automate your development workflow

Automate your development processes with Gulp 4 toolkit

4.50 (221 reviews)
Udemy
platform
English
language
Web Development
category
instructor
Gulp 4: Automate your development workflow
1,196
students
5.5 hours
content
Mar 2022
last update
$64.99
regular price

What you will 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)

Why take this course?

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!

Screenshots

Gulp 4: Automate your development workflow - Screenshot_01Gulp 4: Automate your development workflow - Screenshot_02Gulp 4: Automate your development workflow - Screenshot_03Gulp 4: Automate your development workflow - Screenshot_04

Reviews

Thomas
November 10, 2022
It takes too long to dive into the substantial part of the course. Introduction could have been way shorter.
Krisztián
July 1, 2022
“If you give a man a fish, you feed him for a day. If you teach a man to fish, you feed him for a lifetime.” I feel like this proverb wasn't really followed in this course. Instead of teaching us the basic building blocks of Gulp, explaining how they work, rather we got several recipes, where at HTML .kit the repetitive nature of the lectures started to become less useful to me. It's okay to introduce us all the tool set you mentioned, but tools like HTML .kit does not have to be taught with the same level of detail because they don't add much new stuff. Also, I hear phrases like this every time: click here, scroll there, go back to VS Code, press Enter, etc., not only which feels like I'm in elementary school, but it also intensifies the "recipes" way of teaching. Plus the speech feels too robotic because the same intonations are used all the time. It's like I'm reading some text loudly. Public Speech 101: don't be a robot, and connect with the audience, otherwise--sad truth--they might think the presenter is unprofessional, which is of course not like that, but that's the impression it creates. By the way unlike others I won't say "too slow" because the playback speed can be adjusted, which I did. I bought this course as this was the most up to date one on the topic according to my search (last updated in 2022), but instead what I got was plenty of videos using the non-modern style, and one video telling how to use the modern style... :( At least we got the updates, but just sticking to one style (the newest one) could have been more useful to the learner because we don't have to get used to the new API and mapping between the old and new API as we recall what we learned while using Gulp in a real project. Especially that the new style has been out for a few years (since around the beginning of 2019?). Maybe I'm expecting too much on this regard, but to me it looks reasonable that we don't have to do the mental mapping to the new style. We should do the mental mapping to the old style instead, because that's the one we would use less in the future. Teaching outdated stuff just won't cut it as years go by. Especially when the IT world keeps developing so fast, outdated stuff only matter in legacy projects. The accent also bothered me a bit, like mixed British and American English pronounciation, /sʌkˈsesful/ instead of /səkˈsesfl/ , /tesk/ instead of /tɑːsk/ or /tæsk/, etc. /zə/ instead of /ðə/, sɪŋk/ instead of θɪŋk/, etc. But that's subjective, some others aren't bothered by it or at least much less.
Meir
May 26, 2022
It is just the beginning of the course but so far it sounds like this is exactly what I was looking for.
Chad
April 5, 2022
Good in-depth look at the Gulp functionality. Well described and the walk-through was very helpful with learning the material.
Milos
February 20, 2022
It was an amazing and useful course. It helped me a lot to understand Gulp, and most importantly after gulp, the architecture of the folders. ? Thank you for this course, you helped me a lot. Best regards ?
Sarbani
December 6, 2021
The course is great. Sergey is explaining keeping in mind all the important points that the learner needs to take note of. Thanks Sergey! Its a big help.
Cheryl
July 29, 2021
Clear explanations - really good for a JavaScript total beginner. Thanks Sergey for making this course.
Rob
July 10, 2021
It is a detailed explanation of the topics. In this way I will have a good understanding of the use of gulp. A good course.
Smkim
May 24, 2021
It was good to understand gulp.js. But if there is how to set up two different build (production and development) that would be great.
Fraser
May 15, 2021
I thoroughly enjoyed this course more than I thought I would. Sergey is an excellent teacher always on hand to advise. The course is very well structured and clearly explained. I took this course because I have a large bootstrap assignment and didn't want to use a pre-processor app. I am very pleased I took this course. I didn't realise it at the time of purchasing this that I have Sergey's 'Emmet' tutorial which is also fascinating too. Thank You, Fraser.
Senthilnathan
May 3, 2021
Course is good, but ascent of Presenter is much confusing. Words are not clear. Even i used Caption in video but still very difficult to understand what he is telling.
Oleg
March 27, 2021
Sergey. Thanks for the course. It brought me more clarification to gulp than any other course I've seen before.
Mike
March 19, 2021
This should be worth more than $20 as I've spent more previously on this topic and have learned less. I'm happy I came across this course by the author. The course and examples were easy to follow along with.
Andrzej
February 5, 2021
The course is conducted in a very professional, relaxed manner. The author of the course played the role of a teacher well. He was good at explaining the issues raised.
Takei
January 8, 2021
Clear, concise and compact. Should get you up and running in no time. Was exactly what I was looking for.

Charts

Price

Gulp 4: Automate your development workflow - Price chart

Rating

Gulp 4: Automate your development workflow - Ratings chart

Enrollment distribution

Gulp 4: Automate your development workflow - Distribution chart

Related Topics

2824191
udemy ID
2/19/2020
course created date
2/26/2020
course indexed date
Bot
course submited by