Angular js, Yeomon & Grunt

Post on 27-Jan-2015

122 views 1 download

Tags:

description

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

Transcript of Angular js, Yeomon & Grunt

@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

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