An introduction to Angular JS. The popular JS MVC framework for building complex single page web sites. I also talk about Yeomon and Grunt

1. @byrichardpowell
byrichardpowell.co.uk
Friday, 6 December 13

2. @serverdensity
blog.serverdensity.com
Friday, 6 December 13

3. Monitor your infastructure
Friday, 6 December 13

4. Friday, 6 December 13

5. 25 TB of data per month
Friday, 6 December 13

6. Friday, 6 December 13

7. Friday, 6 December 13

8. Friday, 6 December 13

9. Y U NO ?
Manage Dependencies
Bind Data
Manage Scope/Child Views
Friday, 6 December 13

10. Y U NO ?
Support IE7
Progressive Enhancement
Friday, 6 December 13

11. Todo MVC
378 Lines of code
218 Lines of code
todomvc.com/
Friday, 6 December 13

12. 378 Lines of code
218 Lines of code
todomvc.com/
Friday, 6 December 13

13. funnyant.com/choosing-javascript-mvc-framework/
Friday, 6 December 13

14. The Basics
Friday, 6 December 13

15. An Angular App
Friday, 6 December 13

16. A Todo List: HTML
Friday, 6 December 13

17. A Todo List: Controller
Friday, 6 December 13

18. A Router
Friday, 6 December 13

19. Client to Server
Friday, 6 December 13

20. The Awesome
Friday, 6 December 13

21. Directives
Friday, 6 December 13

22. Nesting Scopes
Friday, 6 December 13

23. Nesting Scopes
bit.ly/18aYNgz
bit.ly/1eYrs88
Friday, 6 December 13

24. Filters
Friday, 6 December 13

25. Animation
Friday, 6 December 13

26. Animation
bit.ly/1g7n6yG
Friday, 6 December 13

27. Testing
Friday, 6 December 13

28. Unit Testing
Friday, 6 December 13

29. E2e Testing
Friday, 6 December 13

30. Karma
karma-runner.github.io/0.10/index.html
Protractor
https://github.com/angular/protractor
Friday, 6 December 13

31. Friday, 6 December 13

32. Handles Boilerplate
Provides Scaffolding
Can configure Grunt
Manage dependencies
Friday, 6 December 13

33. $ npm install -g yo
$ npm install -g generator-webapp
$ npm install -g generator-angular
* Generators
Friday, 6 December 13

34. $ yo angular
$ bower install angular-ui
* Generators
Friday, 6 December 13

35. Backbone + Require
Angular + Express
Ember
Mocha
Front-End Boilerplates
Wordpress
Hoodie
Three.js
Chrome Apps
CoffeeScript + Source Maps
Reveal
and more
npmjs.org/search?q=yeoman-gene
Friday, 6 December 13

36. * Generators
Friday, 6 December 13

37. Linting
Compiling
Minification
Testing
Documentation
Deployment
Live Reload
and more...
Friday, 6 December 13

38. $ grunt server
$ grunt test
$ grunt build
* Generators
Friday, 6 December 13

39. Do we need to serve the
UI via a backend?
Friday, 6 December 13

40. What more do you need?
• Partials
• URL Routing
• Templating
• Build tools
Friday, 6 December 13

41. Friday, 6 December 13

42. blog.serverdensity.com/
@serverdensity
byrichardpowell.co.uk
@byrichardpowell
Friday, 6 December 13