Gulp 4 Tutorial with Node JS, ImageMin, Browser Sync, SASS, SourceMaps, CleanCSS & More

This is completely updated tutorial video on Gulp 4.0 with NodeJS, BrowserSync, SASS, SourceMaps, CleanCSS , AutoPrefixer, Gulp Changed, Gulp Uglify and more.

My previous videos have been rendered obsolete since Gulp has been updated from 3.9 to 4.0. That's the beauty of software development, it keeps you on your toes.

Code Your Very Own WordPress Theme with DevWP:
https://youtu.be/pEJ2IzYOx5c

Code for your Gulpfile and Links to More Resources:
https://www.pixemweb.com/blog/gulp-4-0-0-with-nodejs-imagemin-browsersync-sass-sourcemaps-cleancss-more/

I felt it was my duty to create a new Gulp 4.0 video featuring some of the most widely used Gulp Plugins.

This is an Advanced Gulp tutorial video that I make approachable for beginners as well as advanced users.

I demonstrate how to create a gulpfile and a package json file along with how to use gulp to streamline your workflow and save you a tremendous amount of time.

Gulp is a toolkit for web designers and developers to help automate their workflow. It's usage has continuously grown over the years and with almost 4,000 gulp plugins available, it's no wonder Gulp is one of the most popular task runners.

Gulp uses NodeJS which is server side JavaScript used by a growing number of web developers.

In this video I showcase several useful Gulp plugins like:
1 - Browser Sync
2 - Image Min
3 - Gulp Sass
4 - Gulp Source Maps
5 - Gulp Concat
6 - Gulp Clean CSS
7 - Uglify for JavaScript Minification
8 - Line Ending Corrector
9 - and more

Table of Contents:
Unproductive Workflow 00:52
Gulp Plugins Used 05:08
Start The Actual Tutorial 05:46
Node 06:55
Remove Old Gulp Version 08:45
Install Gulp 4 Globally 09:16
Make a Directory for Gulp & Node 09:55
Package JSON File 10:42
Gulp Local Project Installation 11:42
Install Gulp Plugins: 13:18
Creating the Gulpfile.js 22:56
Testing our Gulpfile 01:02:42

If you've found yourself running out of time with your coding projects, or spending to much time on very simple, basic but time consuming tasks, then using Gulp JS will make you a more productive web designer and developer.

My goal is to help you achieve your goal of becoming a productive coder.

Hopefully you enjoyed this Gulp 4.0.0 tutorial for beginners and advanced users.

#gulp #gulpjs #gulp4