Getting Started with Angular

https://github.com/jperl/angular-jquery-mobile#getting-started

API

(Angular) Service

Controller

model

View

Directives

scope

Model – View – Controller• Model

– Your data in vanilla JavaScript. No classes to inherit and no special getters or setters to call. Plain old JSON you load from the API.

• View– Regular HTML, but now with data binding and the ability to teach

it new tricks (like creating widgets). The view communicates with the controller via a $scope object.

• Controller– Sets the initial state of the $scope for the view and augment’s the

$scope with behavior

(Angular) Service

Controller

View

Scope

Scope

View

View

Directives

Step through each line of the codefrom API to adding a todo

Install:

Resourcesangularjs.com

egghead.io

weblogs.asp.net/dwahlin/archive/2013/04/12/video-tutorial-angularjs-fundamentals-in-60-ish-minutes.aspx

johnlindquist.com

docs.angularjs.org/guide/concepts

github.com/jperl/angular-jquery-mobile

http://cliffmeyers.com/blog/2013/4/21/code-organization-angularjs-javascript

For WPF / Silverlight Developers– https://csharprambling.wordpress.com/category/angularjs/

Thanks!

@jon_perl

jonathanp@angieslist.com