angular js, yeomon & grunt
DESCRIPTION
An introduction to Angular JS. The popular JS MVC framework for building complex single page web sites. I also talk about Yeomon and GruntTRANSCRIPT
![Page 1: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/1.jpg)
@byrichardpowellbyrichardpowell.co.uk
Friday, 6 December 13
![Page 2: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/2.jpg)
@serverdensityblog.serverdensity.com
Friday, 6 December 13
![Page 3: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/3.jpg)
Monitor your infastructure
Friday, 6 December 13
![Page 4: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/4.jpg)
Friday, 6 December 13
![Page 5: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/5.jpg)
25 TB of data per month
Friday, 6 December 13
![Page 6: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/6.jpg)
Friday, 6 December 13
![Page 7: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/7.jpg)
Friday, 6 December 13
![Page 8: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/8.jpg)
Friday, 6 December 13
![Page 9: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/9.jpg)
Y U NO ?Manage DependenciesBind DataManage Scope/Child Views
Friday, 6 December 13
![Page 10: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/10.jpg)
Y U NO ?Support IE7Progressive Enhancement
Friday, 6 December 13
![Page 11: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/11.jpg)
218 Lines of code
Todo MVC
378 Lines of code
todomvc.com/
Friday, 6 December 13
![Page 12: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/12.jpg)
218 Lines of code378 Lines of code
todomvc.com/
Friday, 6 December 13
![Page 13: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/13.jpg)
funnyant.com/choosing-javascript-mvc-framework/
Friday, 6 December 13
![Page 14: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/14.jpg)
The Basics
Friday, 6 December 13
![Page 15: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/15.jpg)
An Angular App
Friday, 6 December 13
![Page 16: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/16.jpg)
A Todo List: HTML
Friday, 6 December 13
![Page 17: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/17.jpg)
A Todo List: Controller
Friday, 6 December 13
![Page 18: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/18.jpg)
A Router
Friday, 6 December 13
![Page 19: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/19.jpg)
Client to Server
Friday, 6 December 13
![Page 20: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/20.jpg)
The Awesome
Friday, 6 December 13
![Page 21: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/21.jpg)
Directives
Friday, 6 December 13
![Page 22: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/22.jpg)
Nesting Scopes
Friday, 6 December 13
![Page 23: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/23.jpg)
Nesting Scopes
bit.ly/18aYNgzbit.ly/1eYrs88
Friday, 6 December 13
![Page 24: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/24.jpg)
Filters
Friday, 6 December 13
![Page 25: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/25.jpg)
Animation
Friday, 6 December 13
![Page 26: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/26.jpg)
Animation
bit.ly/1g7n6yG
Friday, 6 December 13
![Page 27: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/27.jpg)
Testing
Friday, 6 December 13
![Page 28: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/28.jpg)
Unit Testing
Friday, 6 December 13
![Page 29: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/29.jpg)
E2e Testing
Friday, 6 December 13
![Page 30: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/30.jpg)
Karmakarma-runner.github.io/0.10/index.html
Protractorhttps://github.com/angular/protractor
Friday, 6 December 13
![Page 31: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/31.jpg)
Friday, 6 December 13
![Page 32: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/32.jpg)
Handles BoilerplateProvides ScaffoldingCan configure GruntManage dependencies
Friday, 6 December 13
![Page 33: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/33.jpg)
* Generators
$ npm install -g yo
$ npm install -g generator-webapp
$ npm install -g generator-angular
Friday, 6 December 13
![Page 34: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/34.jpg)
* Generators
$ yo angular
$ bower install angular-ui
Friday, 6 December 13
![Page 35: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/35.jpg)
npmjs.org/search?q=yeoman-gene
Backbone + RequireAngular + Express
EmberMocha
Front-End BoilerplatesWordpress
HoodieThree.js
Chrome AppsCoffeeScript + Source Maps
Revealand more
Friday, 6 December 13
![Page 36: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/36.jpg)
* GeneratorsFriday, 6 December 13
![Page 37: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/37.jpg)
LintingCompilingMinificationTestingDocumentationDeploymentLive Reloadand more...
Friday, 6 December 13
![Page 38: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/38.jpg)
* Generators
$ grunt server
$ grunt test
$ grunt build
Friday, 6 December 13
![Page 39: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/39.jpg)
Do we need to serve the UI via a backend?
Friday, 6 December 13
![Page 40: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/40.jpg)
• Partials• URL Routing• Templating• Build tools
What more do you need?
Friday, 6 December 13
![Page 41: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/41.jpg)
Friday, 6 December 13
![Page 42: Angular js, Yeomon & Grunt](https://reader034.vdocuments.site/reader034/viewer/2022042512/54c68c6c4a795962378b461a/html5/thumbnails/42.jpg)
blog.serverdensity.com/@serverdensity
byrichardpowell.co.uk@byrichardpowell
Friday, 6 December 13