Скачать или смотреть Gulp 4.0 Tutorial 2020 | Concat & Minify Your CSS and JS

Documentation: https://github.com/samfromaway/Gulp-B...

If you are lazy like me and are always on the watch out of how you can optimize your workflow as a web developer this is the right video for you.

Today we are going to learn what Gulp is and how you can use it to avoid boring repetitive steps especially in regards to deploying a html css javascript website.

Before we start, around two years ago gulp updated from version 3 to version 4. If you see code on stack overflow or somewhere else on the internet like this, where there is no function statement in the beginning. This is the old syntax which most probably is not going to work with Gulp 4. So either install gulp 3 or learn here how it’s done with gulp version 4.

So what is Gulp, Gulp says:
gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.

It’s also called toolkit or task runner

A couple of practical examples can be, with gulp you can automate image optimization, copy files, rename files, uglify CSS or concatinate Javascript files with just a command in the terminal.

Alternative To Gulp, even if not directly, are Grunt, Webpack or direct npm scripts.

1. npm init
2. Install Gulp Globally
3. CD in the project folder
4. Install Gulp as dev dependency
5. Create Gulpfile.js
6. Import gulp and deconstruct variables.
7. Let's go...


CONTACT:
📱 Facebook -   / devworldinfo  
🌎 Website - https://www.dev-world.info
📧 Email - [email protected]

ABOUT THIS CHANNEL:
Dev World is a mix of tutorials and educational videos around Coding, Online Marketing, and Design.

#Coding #Webdesign #Marketing