Wield AngularJS Like aPro

Me

Nate Abele

Former lead developer, CakePHP

Founder & current lead developer, Lithium

Member, AngularUI

@nateabele

AngularJS?

Two-way data binding

Live HTML templating

Dependency injection

Module system

Complete reversal of perspective

Lots of new terms!

Controllers

Directives

Providers

Services

Factories

Filters

Controllers

function($scope) {}

Directives

function(elem) { elem.click(...);}

Providers, Services &Factories

Different names for the same thing

Filters

{{ 500 | currency }} == $500.00

Filters(secretly just a service)

$filter('currency')(500)

Filters(secretly just a service)

$filter('filter')(posts, {

archived: true

})

Filters(secretly just a service)

<div ng-repeat="posts | { archived:

true }">

Tools

Yeoman, Bower & Friends

Meh.

Batarang!

AngularUI

Utilities

Wrapper Modules

Standalone Modules

UI Bootstrap

UI Router

Demo Time!