Santa Barbara AngularJS intro to 1.3
Download as PPTX, PDF0 likes991 views
This document summarizes an AngularJS meetup that covered updates in Angular 1.3 including major performance improvements, one-time bindings, NgMessages, and NgModelOptions. It also discussed Angular 2.0 plans to continue supporting Angular 1.x for 1.5 years after 2.0's release while providing a migration path, evergreen browser support starting with IE6, and motivation to move to web components and ES6. Additional resources on Angular style guides and the ngEurope conference were provided.
Santa Barbara AngularJS intro to 1.3
- 1. Introduction to AngularJS 1.3 Santa Barbara AngularJS Meetup November 18, 2014 Santa Barbara AngularJS, Sol Tran
- 2. Thank you to our sponsor for hosting
- 3. TABLE of CONTENTS • Introductions • Overview of changes in Angular 1.3 • Migration issues • One-time bindings • Great AngularJS Resources • Next Meetup Dec. 17th
- 5. Why AngularJS • Less DOM manipulation in the view • Efficiency • Directives • Strong Community
- 6. 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
- 7. Performance Updates • Substantial performance updates • $compileProvider.debugInfoEnabled(false);
- 8. One Time data bindings Example: http://blog.thoughtram.io/angularjs/2014/10/14/exploring-angular- 1.3-one-time-bindings.html
- 9. Ng-messages http://plnkr.co/edit/ucbkRcZxaSvWSLBC5v2z?p =preview Tutorial: https://egghead.io/lessons/angularjs-introduction-to-ng-messages-for- angularjs
- 10. Ng-model options http://blog.thoughtram.io/angularjs/2014/10/19/exploring-angular-1.3-ng-model- options.html
- 11. $watchgroup
- 12. Angular Hints • Forgot to include a module • Naming conventions • Typos in directives http://blog.thoughtram.io/angularjs/2014/11/06/exploring-angular-1.3- angular-hint.html
- 13. Additional Features • StrictDI • $httpProvider.useApplyAsync(true); • ngModel.$validators • ngModel.$asyncValidators • composable SVG • All or Nothing <img ng-src=" users/{{user.id}}/avatar.png"> • ngAria
- 14. Breaking Changes • IE8 support goes away • <base href="/">
- 15. 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
- 16. 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
- 17. 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
- 18. Topics for next AngularJS Meetup • Target Date of Wednesday 12/17 • Topic Ideas? • Ionic (with a mini-demo/tutorial) • AngularJS Style Guide • Other Ideas?
- 19. Follow us SB AngularJS: @SbAngular Organizer: Sol Tran, @soltran Sponsor: ShipHawk, @shiphawk