Using gulp and bower for build automation and dependencies management for angularjs app part1

This post is going to be about how to use gulp and bower for dependencies management and automation. In my last post we setup the angularjs project with yeoman scaffolding and visual studio 2013  ; this is the continuation of the next part however this post can be used separately as well for gulp and bower:

gulpbower-logo

Gulp.js 

Gulp is a streaming build / task system ; it uses pips for streaming data that needs to be processed; like for instance minification of css and then publishing it to destination folder.

Bower

Bower is also a node module(plugin) that is used for managing dependencies for dev or production build , keeping them updated and reusing the packaging.

So lets work with examples and see what the hoopla is all about 🙂

Continue reading “Using gulp and bower for build automation and dependencies management for angularjs app part1”

Starting with yeoman(yo man) and visual studio 2013 angularjs spa development


visual studio 2013yeoman

Today I am going to provide a walk through of how to setup yeoman scaffolding tool for  AngularJS and use the angularjs spa files with visual studio 2012+ for development.

I am sure everyone is already familiar with npm modules (npm stands for node package manager) we will be using it alot in this post. Npm is available as soon as you install Node.js on windows or unix environments.

In order to use yeoman scaffolding for angularjs development we will install yeoman from npm and also other tools that will help with our development:

  • yeoman
  • bower
  • gulp

Continue reading “Starting with yeoman(yo man) and visual studio 2013 angularjs spa development”