While the server side has seen large automation of repeated tasks, for the nature of javascript, it was always difficult to have front end development at the same pace as the back end development.

Front end development, has evolved and evolved considerably. With the advent of javascript frameworks, the management and creation of front end projects has become that much easier.

Here we look at Gulp, a framework for managing the front end development.

Gulp is a tool which eases out several tasks when it comes to front end development

  • Launching a web server
  • Hot reload in the browser, when a file changes
  • Using preprocessors (SASS or LESS) to compile SASS to CSS
  • Optimizing Assets
  • Maintaining environments for production and development

With all the above and more advantages, Gulp is not the only one though there are quite a few which do the same (Grunt, Broccoli, Brunch), but with Gulp it is the ease of configuration and maintenance that makes it attractive choice. With Gulp you could configure work flows easily which are short and simple.

Before we kick start ensure to have the following to experiment with the basics

  • nodejs:
  • npm: node package manager for nodejs.

to confirm the pre-requisite type, node -v & npm -v in the terminal it should display the appropriate versions.


An Introduction to Gulp.js


Gulp for Beginners