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

Friday, 6 December 13
Monitor your infastructure
Friday, 6 December 13
Friday, 6 December 13
25 TB of data per month

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

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

Friday, 6 December 13
Todo MVC

378 Lines of code

218 Lines of code

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

218 Lines of code

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

Friday, 6 December 13
The Basics

Friday, 6 December 13
An Angular App

Friday, 6 December 13
A Todo List: HTML

Friday, 6 December 13
A Todo List: Controller

Friday, 6 December 13
A Router

Friday, 6 December 13
Client to Server

Friday, 6 December 13
The Awesome

Friday, 6 December 13
Directives

Friday, 6 December 13
Nesting Scopes

Friday, 6 December 13
Nesting Scopes

bit.ly/18aYNgz
bit.ly/1eYrs88
Friday, 6 December 13
Filters

Friday, 6 December 13
Animation

Friday, 6 December 13
Animation

bit.ly/1g7n6yG
Friday, 6 December 13
Testing

Friday, 6 December 13
Unit Testing

Friday, 6 December 13
E2e Testing

Friday, 6 December 13
Karma
karma-runner.github.io/0.10/index.html

Protractor
https://github.com/angular/protractor

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

Friday, 6 December 13
$ npm install -g yo
$ npm install -g generator-webapp
$ npm install -g generator-angular

* Generators

Friday, 6 December...
$ yo angular

$ bower install angular-ui

* Generators

Friday, 6 December 13
Backbone + Require
Angular + Express
Ember
Mocha
Front-End Boilerplates
Wordpress
Hoodie
Three.js
Chrome Apps
CoffeeScript...
* Generators

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

Friday, 6 December 13
$ grunt server
$ grunt test
$ grunt build

* Generators

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

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

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

byrichardpowell.co.uk
@byrichardpowell

Friday, 6 December 13
Upcoming SlideShare
Loading in...5
×

Angular js, Yeomon & Grunt

1,662
-1

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,662
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Angular js, Yeomon & Grunt

  1. 1. @byrichardpowell byrichardpowell.co.uk Friday, 6 December 13
  2. 2. @serverdensity blog.serverdensity.com Friday, 6 December 13
  3. 3. Monitor your infastructure Friday, 6 December 13
  4. 4. Friday, 6 December 13
  5. 5. 25 TB of data per month Friday, 6 December 13
  6. 6. Friday, 6 December 13
  7. 7. Friday, 6 December 13
  8. 8. Friday, 6 December 13
  9. 9. Y U NO ? Manage Dependencies Bind Data Manage Scope/Child Views Friday, 6 December 13
  10. 10. Y U NO ? Support IE7 Progressive Enhancement Friday, 6 December 13
  11. 11. Todo MVC 378 Lines of code 218 Lines of code todomvc.com/ Friday, 6 December 13
  12. 12. 378 Lines of code 218 Lines of code todomvc.com/ Friday, 6 December 13
  13. 13. funnyant.com/choosing-javascript-mvc-framework/ Friday, 6 December 13
  14. 14. The Basics Friday, 6 December 13
  15. 15. An Angular App Friday, 6 December 13
  16. 16. A Todo List: HTML Friday, 6 December 13
  17. 17. A Todo List: Controller Friday, 6 December 13
  18. 18. A Router Friday, 6 December 13
  19. 19. Client to Server Friday, 6 December 13
  20. 20. The Awesome Friday, 6 December 13
  21. 21. Directives Friday, 6 December 13
  22. 22. Nesting Scopes Friday, 6 December 13
  23. 23. Nesting Scopes bit.ly/18aYNgz bit.ly/1eYrs88 Friday, 6 December 13
  24. 24. Filters Friday, 6 December 13
  25. 25. Animation Friday, 6 December 13
  26. 26. Animation bit.ly/1g7n6yG Friday, 6 December 13
  27. 27. Testing Friday, 6 December 13
  28. 28. Unit Testing Friday, 6 December 13
  29. 29. E2e Testing Friday, 6 December 13
  30. 30. Karma karma-runner.github.io/0.10/index.html Protractor https://github.com/angular/protractor Friday, 6 December 13
  31. 31. Friday, 6 December 13
  32. 32. Handles Boilerplate Provides Scaffolding Can configure Grunt Manage dependencies Friday, 6 December 13
  33. 33. $ npm install -g yo $ npm install -g generator-webapp $ npm install -g generator-angular * Generators Friday, 6 December 13
  34. 34. $ yo angular $ bower install angular-ui * Generators Friday, 6 December 13
  35. 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. 36. * Generators Friday, 6 December 13
  37. 37. Linting Compiling Minification Testing Documentation Deployment Live Reload and more... Friday, 6 December 13
  38. 38. $ grunt server $ grunt test $ grunt build * Generators Friday, 6 December 13
  39. 39. Do we need to serve the UI via a backend? Friday, 6 December 13
  40. 40. What more do you need? • Partials • URL Routing • Templating • Build tools Friday, 6 December 13
  41. 41. Friday, 6 December 13
  42. 42. blog.serverdensity.com/ @serverdensity byrichardpowell.co.uk @byrichardpowell Friday, 6 December 13
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×