Report of the Ng-Conf 2015 about AngularJS 2. Slides presented at the RennesJS (Rennes Javascript User Group, France) on March 26, 2015. http://www.meetup.com/fr/RennesJS/ https://twitter.com/rennesjs http://www.ng-conf.org/

1. ng-conf 2015 / AngularJS 2.0
#RennesJS

2. # Ng-Conf 2015
● March 5-6, 2015 (Salt Lake City, Utah)
○ 2 days / 43 speakers / 25 talks
○ ng-conf.org
● Ng-Europe previously (Oct. 2014 - Paris)
○ AngularJS 2.0 & AtScript (first announcement)
○ Angular 1.4 & New Router
○ ngeurope.org

3. # Keynote (by Igor Minar & Brad Green)

4. # Keynote
● A New Website
○ AngularJS 2 => angular.io
○ AngularJS 1 => angularjs.org
● Angular Material Design
○ material.angularjs.org

5. material.angularjs.org

7. # Evolving AngularJS
● Angular core team has grown
○ 15 members in 2014
○ 45 members for early 2015
● Angular community is growing
○ 100K+ unique GitHub visitors / 2 week
○ ~ 1600 new issues and PRs created
○ ~ 200 new contributors

8. # Evolving AngularJS
● Project models
○ Closed Source
○ Open Source Export
○ Open Source w/ community involvement
github.com/angular

9. # Angular 1 Still Alive
● Angular 1 is not dead
○ 1.3 => 1.4 => 1.5 (=> 1.6)
○ Continue to release 1.x until the community stops
using it
● Angular 1.4 (RC0)
○ ~30% faster digest times vs 1.3
○ 2-4% memory footprint improvement (Less GC pressure)

10. # Shorter Release Cycles

11. # Migration 1.x => 2.x
● “Big Bang”
○ Stop 1.x and move all features into 2.0 code
● “Incremental”
○ Keep developing in 1.x, start migrating individual
views
○ Migrate core router and start migrating individual
views

12. # Migration 1.x => 2.x
● A New Router (since 1.4)
○ To help bridge the gap to Angular 2
○ Component based
○ Compatible with Angular 2 and Angular 1
● Angular >= 1.5
○ more common components with Angular 2

13. # Angular @ Google

14. # Winter Angular 2 Is Coming
● Angular 2 Themes
○ Simplicity
○ Consistent
○ Flexible
○ Fast
○ Productive
● Angular 2 in Alpha (angular.io)
○ Not ready for production

15. # Legacy of Angular 1
○ Dependency
injection
○ Data binding
○ Directives
○ Routers (1.4)
○ Filters
○ Animation
○ Accessibility
○ i18n (1.4)
○ Forms (1.4)
○ Expressions
○ Material Design
○ Protractor
○ Karma
○ Mocks

16. # New Features in 2.x
● New languages
● Web Components
● New template syntax
● Viewports
● Unidirectional data flow
● Ultra-fast change detection
● (Style Guide)

18. # AtScript === TypeScript
● Collaboration b/n Google & Microsoft
● Merge of AtScript & TypeScript
● TypeScript 1.5+
○ Type annotations
○ Field annotations
○ Metadata annotations
○ Type Introspection with Annotation Support
● ES6, Dart and TypeScript support

20. # ES6 Support (Today)
http://kangax.github.io/compat-table/es6/

21. # 2 Fast 2 Furious
○ Improved performance
in Angular 2
○ Change detection is up
to 10x faster
○ Cache view rendering

23. # Web Components
1 Class + 2 @Annotations = 1 Web Comp.
● angular.io/docs/js/latest/quickstart.html (part.4)
● plnkr.co/edit/QZ6c6cRnvOyQ71FkowZO?p=options

24. # And... lots of other Cool Stuff !
● AngularFire 1.0
○ www.firebase.com/docs/web/libraries/angular/
● Angular + React
● Angular + Meteor
● Collab. b/n Angular & Ember (Router + Tc39)
● Ionic & Angular
● Benchmarking Tools
● ...

25. # Links
● Ng-Conf
○ videos : youtube.com/playlist?list=[…]
○ slides : docs.google.com/spreadsheets/[...]
● Quick starter ng2
○ github.com/angular/quickstart
○ ng-learn.org/2014/03/AngularJS-2-Status-Preview/
● a ToDo with ng2
○ github.com/davideast/ng2do

26. # Thanks
● credits
○ www.ng-conf.org
○ twitter.com/hashtag/ngconf?src=hash&mode=photos
○ www.pauljeter.net
○ www.pauljeter.net
○ scotch.io
Thanks to them ;-)
@NicoPennec