Upload
sol-tran
View
363
Download
2
Tags:
Embed Size (px)
Citation preview
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