Introduction to AngularJS 1.3

Santa Barbara AngularJSMeetup

November 18, 2014

Santa Barbara AngularJS, Sol Tran

Thank you to our sponsor for hosting

TABLE of CONTENTS

• Introductions

• Overview of changes in Angular 1.3

• Migration issues

• One-time bindings

• Great AngularJS Resources

• Next Meetup Dec. 17th

Introductions!

Why AngularJS

• Less DOM manipulation in the view

• Efficiency

• Directives

• Strong Community

Cool new Features

• Substantial performance updates (3.5x

faster digest and 4.4x faster DOM

manipulation)

• Production Mode

• Lazy one-time binding support

• NgMessages

• ngModelOptions

• $watchGroup: $watch for more than one

property

• Angular Hints

Performance Updates

• Substantial performance updates

• $compileProvider.debugInfoEnabled(false);

One Time data bindings

Example: http://blog.thoughtram.io/angularjs/2014/10/14/exploring-angular-1.3-one-time-bindings.html

Ng-messages

Tutorial: https://egghead.io/lessons/angularjs-introduction-to-ng-messages-for-angularjs

http://plnkr.co/edit/ucbkRcZxaSvWSLBC5v2z?p=preview

Ng-model options

http://blog.thoughtram.io/angularjs/2014/10/19/exploring-angular-1.3-ng-model-options.html

$watchgroup

Angular Hints

http://blog.thoughtram.io/angularjs/2014/11/06/exploring-angular-1.3-angular-hint.html

• Forgot to include a module

• Naming conventions

• Typos in directives

Additional Features

• StrictDI

• $httpProvider.useApplyAsync(true);

• ngModel.$validators

• ngModel.$asyncValidators

• composable SVG

• All or Nothing <img ng-

src="users/{{user.id}}/avatar.png">

• ngAria

Breaking Changes

• IE8 support goes away

• <base href="/">

Angular 2.0

• What we know:

• Angular 1.x support is going to continue

for at least 1.5 yrs after 2.0 comes out.

• Will be harder moving from Jquery to

Angular 1 than 1.x to 2

• There will be a migration path

• Evergreen browser support (starts w/IE6)

• Motivation: Future is WebComponents,

ES6

Resources

• Ng-newsletter

• Ng-book

• Sign up for ng-conf, tickets on sale

tomorrow

• https://github.com/johnpapa/angularjs-

styleguide

• Google Internal AngularJS Style Guide

Resources

• ngEurope notes from Emil van Galen

http://blog.jdriven.com/2014/10/ngeurope-

angularjs13-router-and-future-20/

• Slides from ngEurope

http://angularjsninja.com/blog/2014/10/24/

slides-at-ngeurope-

2014/#.VEryqgU8POM.twitter

Topics for next AngularJS Meetup

• Target Date of Wednesday 12/17

• Topic Ideas?

• Ionic (with a mini-demo/tutorial)

• AngularJS Style Guide

• Other Ideas?

Follow us

SB AngularJS: @SbAngular

Organizer: Sol Tran, @soltran

Sponsor:

ShipHawk, @shiphawk