getting started with angular
DESCRIPTION
The presentation that corresponds to this video http://youtu.be/hNAHogdcus0 which explains an example todo application using angular and jquery mobile https://github.com/jperl/angular-jquery-mobileTRANSCRIPT
![Page 1: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/1.jpg)
Getting Started with Angular
https://github.com/jperl/angular-jquery-mobile#getting-started
![Page 2: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/2.jpg)
![Page 3: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/3.jpg)
![Page 4: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/4.jpg)
API
(Angular) Service
Controller
model
View
Directives
scope
![Page 5: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/5.jpg)
![Page 6: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/6.jpg)
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
![Page 7: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/7.jpg)
(Angular) Service
![Page 8: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/8.jpg)
Controller
![Page 9: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/9.jpg)
View
![Page 10: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/10.jpg)
Scope
![Page 11: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/11.jpg)
Scope
![Page 12: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/12.jpg)
View
![Page 13: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/13.jpg)
View
![Page 14: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/14.jpg)
Directives
![Page 15: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/15.jpg)
Step through each line of the codefrom API to adding a todo
![Page 16: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/16.jpg)
![Page 17: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/17.jpg)
Install:
![Page 18: Getting started with angular](https://reader034.vdocuments.us/reader034/viewer/2022051323/54b539f94a79594f358b46ad/html5/thumbnails/18.jpg)
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/