ng-conf 2015 / AngularJS 2.0
#RennesJS
# Ng-Conf 2015
● March 5-6, 2015 (Salt Lake City, Utah)
○ 2 days / 43 speakers / 25 talks
○ ng-conf.org
● Ng-Europe previo...
# Keynote (by Igor Minar & Brad Green)
# Keynote
● A New Website
○ AngularJS 2 => angular.io
○ AngularJS 1 => angularjs.org
● Angular Material Design
○ material....
material.angularjs.org
# Evolving AngularJS
● Angular core team has grown
○ 15 members in 2014
○ 45 members for early 2015
● Angular community is...
# Evolving AngularJS
● Project models
○ Closed Source
○ Open Source Export
○ Open Source w/ community involvement
github.c...
# 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...
# Shorter Release Cycles
# Migration 1.x => 2.x
● “Big Bang”
○ Stop 1.x and move all features into 2.0 code
● “Incremental”
○ Keep developing in 1....
# Migration 1.x => 2.x
● A New Router (since 1.4)
○ To help bridge the gap to Angular 2
○ Component based
○ Compatible wit...
# Angular @ Google
# Winter Angular 2 Is Coming
● Angular 2 Themes
○ Simplicity
○ Consistent
○ Flexible
○ Fast
○ Productive
● Angular 2 in Al...
# Legacy of Angular 1
○ Dependency
injection
○ Data binding
○ Directives
○ Routers (1.4)
○ Filters
○ Animation
○ Accessibi...
# New Features in 2.x
● New languages
● Web Components
● New template syntax
● Viewports
● Unidirectional data flow
● Ultr...
# AtScript === TypeScript
● Collaboration b/n Google & Microsoft
● Merge of AtScript & TypeScript
● TypeScript 1.5+
○ Type...
# ES6 Support (Today)
http://kangax.github.io/compat-table/es6/
# 2 Fast 2 Furious
○ Improved performance
in Angular 2
○ Change detection is up
to 10x faster
○ Cache view rendering
# Web Components
1 Class + 2 @Annotations = 1 Web Comp.
● angular.io/docs/js/latest/quickstart.html (part.4)
● plnkr.co/ed...
# And... lots of other Cool Stuff !
● AngularFire 1.0
○ www.firebase.com/docs/web/libraries/angular/
● Angular + React
● A...
# Links
● Ng-Conf
○ videos : youtube.com/playlist?list=[…]
○ slides : docs.google.com/spreadsheets/[...]
● Quick starter n...
# Thanks
● credits
○ www.ng-conf.org
○ twitter.com/hashtag/ngconf?src=hash&mode=photos
○ www.pauljeter.net
○ www.pauljeter...
Ng-Conf 2015 Report : AngularJS 1 & 2
Ng-Conf 2015 Report : AngularJS 1 & 2
Ng-Conf 2015 Report : AngularJS 1 & 2
Ng-Conf 2015 Report : AngularJS 1 & 2
Prochain SlideShare
Chargement dans…5
×

Ng-Conf 2015 Report : AngularJS 1 & 2

1 808 vues

Publié le

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/

Publié dans : Technologie
0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 808
Sur SlideShare
0
Issues des intégrations
0
Intégrations
27
Actions
Partages
0
Téléchargements
32
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Ng-Conf 2015 Report : AngularJS 1 & 2

  1. 1. ng-conf 2015 / AngularJS 2.0 #RennesJS
  2. 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. 3. # Keynote (by Igor Minar & Brad Green)
  4. 4. # Keynote ● A New Website ○ AngularJS 2 => angular.io ○ AngularJS 1 => angularjs.org ● Angular Material Design ○ material.angularjs.org
  5. 5. material.angularjs.org
  6. 6. # 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
  7. 7. # Evolving AngularJS ● Project models ○ Closed Source ○ Open Source Export ○ Open Source w/ community involvement github.com/angular
  8. 8. # 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)
  9. 9. # Shorter Release Cycles
  10. 10. # 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
  11. 11. # 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
  12. 12. # Angular @ Google
  13. 13. # Winter Angular 2 Is Coming ● Angular 2 Themes ○ Simplicity ○ Consistent ○ Flexible ○ Fast ○ Productive ● Angular 2 in Alpha (angular.io) ○ Not ready for production
  14. 14. # 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
  15. 15. # New Features in 2.x ● New languages ● Web Components ● New template syntax ● Viewports ● Unidirectional data flow ● Ultra-fast change detection ● (Style Guide)
  16. 16. # 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
  17. 17. # ES6 Support (Today) http://kangax.github.io/compat-table/es6/
  18. 18. # 2 Fast 2 Furious ○ Improved performance in Angular 2 ○ Change detection is up to 10x faster ○ Cache view rendering
  19. 19. # Web Components 1 Class + 2 @Annotations = 1 Web Comp. ● angular.io/docs/js/latest/quickstart.html (part.4) ● plnkr.co/edit/QZ6c6cRnvOyQ71FkowZO?p=options
  20. 20. # 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 ● ...
  21. 21. # 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
  22. 22. # 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

×