Gulp 4 Crash Course for Beginners

Get the files from this project from my GitHub repo:

__________________________________

0:00 - Intro
7:36 - Create Sass task
10:00 - Create JavaScript task
11:17 - Create Cachebust task
15:33 - Create Watch task
17:12 - Create default Gulp task
19:09 - Add SCSS and JS files, and folders for workflow
22:53 - Testing the Gulp workflow!

_________________________________

SUPPORT THE CHANNEL
👏🏽 Hit the THANKS button in any video!

WANT TO LEARN WEB DEV?
Check out my courses:

RECOMMENDATIONS

🔽 FOLLOW CODER CODER

#webdevelopment #coding #programming

[TheCoderCoder]

🚨 NOTE: If you're working on Gulp in 2021 and getting an error "gulp-sass 5 does not have a default compiler; please set one yourself" you will need to update the line:
const sass =require('gulp-sass'); to instead read: const sass =

[SamFromaway]

Great video, here for the ones that need it: npm install --save-dev gulp gulp-sass gulp-sourcemaps gulp-postcss autoprefixer cssnano gulp-concat gulp-uglify gulp-replace

[centori]

This has been the most fun I've had coding so far. I don't think I've learned so much in such a short time from any other Web Development tutorial. I really like the no nonsense approach, straight to the point and no wasted words just focused on the task at hand. I am really impressed and truly grateful for the best tutorial ever. Such a great teacher, thank you!

[Shvashish]

It helped me to get a quick overview of the Gulp 4, it's tasks and the processes .

[charlyRoot]

I've been watching vids like this for years and this is the best one yet. I use webpack but spun up gulp yesterday for a small project. Yesterday I didn't know what everything was but just that it worked. Today I know every line and what it means. Rad!

[Nischhal]

I can't understand why your channel is so underated ... You just nailed every point a beginner should know while learning gulp. Thank you for making web a great place.

[NerdyPugStudios]

This was great, thank you! The presentation, delivery of the content, and quality of the audio/video is perfect.

[rahsalghul]

Gulp is a fantastic tool that is really well explained here. There are a couple of small adjustments required but they are easy fixed and added to the git repo if required. Best tuts on YouTube.

[jasonm]

You're the coolest coder out there gurl!

[SauravKhare]

This is a super useful video! Always wanted to use gulp but didn't know how to setup 😅 your video made things clear now. Thanks 👍 keep making such videos.

[prophetebaptiste]

I congratulate you for sharing with the programmers world. Thank to you I just learned gulp

[mwafulirwa]

watched this other tutorial which left me more confused about gulp...enjoyed this tutrial. much thanks Coder Coder!!!

[artemaz]

You Fridgin Rock I needed to migrate to Webpack from Gulp and I needed some Gulp 4 Knowledge like ASAP and this is all I needed!! Thanks haha

[apseh]

A super good tutorial for beginners like me. I have been struggling to find a module for php minification and removing white space etc, the whole day today without luck. Would be wonderful if you can add that functionality to this tutorial or maybe make a new one for HTML and php. Looking forward ! Thank you.

[koitaki]

Nicely made tutorial, clear & succinct, covered the necessities, thanks for producing it! 👍

[wraithy]

Great tutorial, thank you a lot for sharing this!

For those who struggle having autoprefixer working - adding specified browser versions made it work in my case:
.pipe(postcss([ autoprefixer({browsers: ['> 1%', 'last 2 versions']}), cssnano() ]))

[anthonyforsey]

Thank you for the cache busting task and clear explanations

[dianagasper]

Great tutorial. Saved me a lot of time and headaches. Very grateful!

[AslamD]

This really very helpful. Thank you for Sharing Coder Coder :)
Next thing I want to do to this Gulp file is, add BrowserSync (although I am using livereload from vscode) which I will try to figure out myself how to do.
Also I would like to know how to add more JS and CSS files to this. E.g. bootstrap, slick carousel, fontawesome etc.

Thanks again. Great work.

[mario.cvetkovski]

Thank you so much for this tutorial you really helped me alot. I would like to see more advanced tutorial about Gulp4 in the future.
Thanks again.