ngConf 2015 Overview

A brief summary of the many topics discussed at ngConf 2015 in Salt Lake City

Transcript

1. © Copyright Odecee Pty Ltd 2012 (ACN 126 302 869) level 11, 410 collins street, melbourne vic 3000! telephone 1300 633 233 fax +61 3 9670 6110 email info@odecee.com.au abn 52 103 811 732 www.odecee.com.au Confiden'al  Informa'on  &  Copyright   This  document  contains  informa'on  that  is  proprietary  to  Odecee  Pty  Ltd.  All  informa'on  within  this   document  rela'ng  to  the  business  of  Odecee  and  is  the  property  of  Odecee  Pty  Ltd  and  deemed  to  be   confiden'al   informa'on   of   Odecee   Pty   Ltd.   Unauthorised   disclosure   of   this   informa'on   will   be   considered   a   breach   of   confiden'ality   resul'ng   in   material   damage   to   Odecee   Pty   Ltd.   Brett Uglow ngConf 2015!
2. © Copyright Odecee Pty Ltd 2012 (ACN 126 302 869) Enterprise Application Experts Page: 2 ngConf was AWEEEEEESOMMMMME! •  Speakers •  Technology •  Community •  Demos
3. © Copyright Odecee Pty Ltd 2012 (ACN 126 302 869) Enterprise Application Experts Page: 3 Angular 1.4 •  About 30% faster than 1.3 •  New Router (video) •  Based on Durandal concepts •  Support for nested view(ports – ng-view à ng-viewport=“optionalName”) •  See http://angular.github.io/router/ for docs •  Compiled from Angular 2 (ES6) – same code for 1.4+ and 2.0 •  Migration path from old router to new router •  New Animation library (slides, video) •  Re-written and lots fo bug fixes •  Simple collapsing panel demo •  Anchoring Demo
4. © Copyright Odecee Pty Ltd 2012 (ACN 126 302 869) Enterprise Application Experts Page: 4 Angular 2.0 •  Themes: simpler, more flexible, faster (video) •  Ember, React = partners, not enemies •  Component pattern •  Unidirectional event system (like React/Flux) •  Mix & match Av2 components and Web Components •  Performance: Best = 1, v1.3 = 8.58, v2 startup = 3.11, v2 after load = 1.4. Av2 alpha is faster than React#*^ (video) •  Support for Immutable and Observable data structures •  TypeScript 1.5 replaces AtScript, still optional •  Angular is community driven and will continue to be •  v2.0 is Alpha – try now at https://angular.io/
5. © Copyright Odecee Pty Ltd 2012 (ACN 126 302 869) Enterprise Application Experts Page: 5 Migrating from 1.x to 2.0 (video) •  Start using ES6 •  services, filters, etc. become classes •  Con: larger download size due to ES6-shims and ES5 compilation artefacts :_( •  Use new router in 1.4+ •  Use component pattern for visual components •  No more pages containing components, the page BECOMES a component •  Components contain a controller + directive to hold the HTML template (guide) •  Follow an Angular style guide •  Will make it easier to migrate code to v2
6. © Copyright Odecee Pty Ltd 2012 (ACN 126 302 869) Enterprise Application Experts Page: 6 Other Key Themes •  Database / Backend -as-a-service •  FireBase, Falcor (coming soon? from NetFlix), Backand •  Protractor plugin architecture •  Accessibility plugin using Chrome Accessibility Audit tool (Protractor v1.8+) •  Building platforms with Angular (video) •  Managing code, working with lots of dev teams, feature flags. Good talk. •  Ionic for Mobile FTW! (video) •  Full featured eco-system for building native mobile apps using Angular. •  Frameworks becoming less important than the patterns in an app •  Components, layered architecture & event-flow patterns are more critical to the long-term maintainability of your app than whether you use Angular, Backbone, Ember, React or your own framework. •  Frameworks can help you leverage the experience of others. E.g. Flux architecture is essentially Adobe Flex + Cairngorm micro-architecture from 2008.
7. © Copyright Odecee Pty Ltd 2012 (ACN 126 302 869) Enterprise Application Experts Page: 7 Questions?
8. © Copyright Odecee Pty Ltd 2012 (ACN 126 302 869) Enterprise Application Experts Page: 8 Summary Blog posts •  https://www.airpair.com/angularjs/posts/what-i-learned- from-attending-ngconf-march-2015 (vote, retweet, recommend pleeeease J) Summary of each session with links to all slides and videos: •  http://uglow.github.io/ngConf-2015-Day-1/ •  http://uglow.github.io/ngConf-2015-Day-2/