In this article, I’m going to show you how to install Gulp 4 and create your first Gulp task to start using it. I assume you have installed Node JS and NPM on your machine because we will need them to install and run Gulp JS.

Gulp 4: How To Install Gulp JS And Start Using It

Check Node JS and NPM Installation

Suppose you want to check Node JS and NPM installation. You can run node --version and npm --version from your Terminal. And the Terminal will tell you the installed version of node and npm if installed.

Clone the GitHub Project

So, we have a project which I…


In most cases, a website or a JavaScript application contains many CSS files. And the browser must fetch those files from the server to completely load the page. Downloading more files takes more time as the browser has to send more HTTP requests.

Additionally, all CSS files are render-blocking, which means that the more CSS files a page depends on, the more time it takes to render the page.

In this article, I’m going to show you how to combine all CSS files into a single file using Gulp and the Gulp Concat plugin. I assume you have installed Gulp…


Pipenv is a tool that creates and manages a virtual environment for your projects and adds or removes packages from your Pipfile as you install or uninstall them. It also generates the Pipfile.lock, which we use to produce deterministic builds and create a snapshot of our working environment. Pipenv provides us with an easy method to set up a working environment. You no longer need to use pip and virtualenv separately. They work together.

Pipenv: Practical Guide to the New Python Packaging Tool

Install Pipenv

Before we start using Pipenv, we will need to install it. I assume you have installed Python

In Node.js, whenever you make any changes in your application source code, you would have to manually restart the application process for those changes to take effect. You can eliminate this extra step by using Nodemon to restart the process automatically.

Table of Contents
- What is Nodemon?
- Install Nodemon
— Install Nodemon globally
— Install Nodemon locally
- Use Nodemon with Node.js
- Configure Nodemon
- GitHub Repo

What is Nodemon?

So, what is Nodemon? Nodemon is a command-line interface (CLI) utility. That will watch the file system for any file changes in the directory you ran Nodemon in. And…

Iman Vafadarnezhad

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store