Friday, May 16, 2014

AngularJS

1. AngularJS
AngularJS is an open-source web application framework, maintained by Google and community, that assists with creating single-page applications, one-page web applications that only require HTML, CSS, and JavaScript on the client side.

A very good introduction video by Dan Wahlin:
AngularJS Fundamentals in 60 Minutes - Modules, Routes and Factories

The AngularJS Magazine

Miško Hevery discusses the advantages and disadvantages of various design choices when structuring an app in AngularJS, and some of the best practices in the development.
AngularJS MTV Meetup: Best Practices (2012/12/11) 

2. Yeoman
Miško Hevery suggest Yeoman generator for AngularJS. It will make Angular development much easy with Yeoman & generator-angular.

Several open source tools need:
a. Install Node.js
b. Install Ruby, also make sure that path to Ruby bin folder is added to %PATH%
c. Install Git
d. Install compass, bower, and generator-angular

npm install -g bower
npm install -g bower
npm install -g generator-angular
 
restarted cmd window and ran "bower install" in the app folder After that


e. Once we have Node, we’ll install generator-angular which will also automatically install Yeoman, Grunt, and Bower.
 
Now create a project folder, and change current folder to project folder
mkdir myApp cd myApp
bower install
npm install generator-angular    # Local install to myApp
yo angular:app myApp 
 
More generators
 
f. Grunt work


grunt server

3. Bootstrap
Code a Responsive Website with Bootstrap 3 - [Lecture 1]

No comments: