Web Front-end setup Workflows with Gulp.js, Git, and Browserify

This is the repository for front end web developer to start a setup free working environment.

Description

Modern front-end development means more than just writing HTML, CSS, and JavaScript. Developing an efficient workflow will help you write better code and test and deploy your web applications easily and efficiently. I am here to show you how to generate a workflow that makes it easier to build websites with processed languages like Sass, Compass, and CoffeeScript. You can learn show how to automate development and production versions of your sites, track and share project files with Git and GitHub, and add libraries like jQuery and Mustache.js with Browserify. All of these techniques should easily translate to building your own web projects.

• we dont need compass or ruby install for sass compile we can just simple use gulp-sass

Instructions

1. Make sure you have these installed

   • node.js (if not installed, download and install )
   • git (if not installed, download and install )
   • gulp ( install with $ npm install -g gulp command )
   • bower ( install with $ npm install -g bower command )

2. Clone this repository into your local machine using the terminal (mac) or Gitbash (PC) $ git clone https://github.com/jahir9991/front-end-setup.git

3. CD to the folder $ cd front-end-setup

4. Run $ npm-install to install the project dependencies

5. Install gulp.js via the Mac terminal or Gitbash on a PC $ npm install -g gulp

6. CD to the component folder $ cd components

7. Run the Bower command $ bower install to install the bower project dependencies

8. CD to the root folder $ cd ..

9. Run the Gulp command $ gulp

10. Fire up your browser at http://localhost:8080