Santa Barbara AngularJS intro to 1.3

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