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
@byrichardpowellbyrichardpowell.co.uk
Friday, 6 December 13
@serverdensityblog.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 DependenciesBind DataManage Scope/Child Views
Friday, 6 December 13
Y U NO ?Support IE7Progressive Enhancement
Friday, 6 December 13
218 Lines of code
Todo MVC
378 Lines of code
todomvc.com/
Friday, 6 December 13
218 Lines of code378 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/18aYNgzbit.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
Karmakarma-runner.github.io/0.10/index.html
Protractorhttps://github.com/angular/protractor
Friday, 6 December 13
Friday, 6 December 13
Handles BoilerplateProvides ScaffoldingCan configure GruntManage dependencies
Friday, 6 December 13
* Generators
$ npm install -g yo
$ npm install -g generator-webapp
$ npm install -g generator-angular
Friday, 6 December 13
* Generators
$ yo angular
$ bower install angular-ui
Friday, 6 December 13
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
* GeneratorsFriday, 6 December 13
LintingCompilingMinificationTestingDocumentationDeploymentLive Reloadand more...
Friday, 6 December 13
* Generators
$ grunt server
$ grunt test
$ grunt build
Friday, 6 December 13
Do we need to serve the UI via a backend?
Friday, 6 December 13
• Partials• URL Routing• Templating• Build tools
What more do you need?
Friday, 6 December 13
Friday, 6 December 13
blog.serverdensity.com/@serverdensity
byrichardpowell.co.uk@byrichardpowell
Friday, 6 December 13