AngularJS

Elliott Sprehn

@ElliottZ / esprehn (at) gmail.com

« {{activeSlide + 1}} / {{totalSlides}} »

Remember Web 1.0 ?

  1. Create a template
  2. Write a little JavaScript
  3. Style it

Remember Web 2.0 ?

  1. Create a template
  2. Create web services
  3. Write a bunch of JavaScript
  4. Style it

Now HTML5

and that means...

tons of JavaScript!

and the need to think differently.

AngularJS

Model-View-Controller

Declarative markup

UI components

Two-way data binding

See it live See the code

The party is
from {{start | date:'MMMM dd, yyyy'}}
to {{end | date:'MMMM dd, yyyy'}}
and dinner will be {{meal.name}}.

Easy repetition

RESTful resources

Dependency injection

Modularized code

Forms and validation

Valid HTML5

i18n and l10n

Testability

End-to-End runner

End-to-End DSL

Okay, lets see some demos!