Successfully reported this slideshow.
Your SlideShare is downloading. ×

GediminasDov@KaunasJS - Angular 2: What you need to know

Ad

Angular 2
What you need to know

Ad

Working at
fb.com/Gediminas.Dov
@Gediminas_Dov
Front-end Developer
Angular 2
What you need to know

Ad

Current State
Features & Benefits
Performance
Development process
Transpilers
System.js
Mobile
New Router
Property/Event b...

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Upcoming SlideShare
SlideShare 101
SlideShare 101
Loading in …3
×

Check these out next

1 of 19 Ad
1 of 19 Ad
Advertisement

More Related Content

Advertisement

GediminasDov@KaunasJS - Angular 2: What you need to know

  1. 1. Angular 2 What you need to know
  2. 2. Working at fb.com/Gediminas.Dov @Gediminas_Dov Front-end Developer Angular 2 What you need to know
  3. 3. Current State Features & Benefits Performance Development process Transpilers System.js Mobile New Router Property/Event bindings HTML Binding Syntax Angular 2 What you need to know Agenda
  4. 4. Developer Preview Current version: 2.0.0-alpha.32 Angular 2 What you need to know Current State https://goo.gl/6vrv2aPlanning notes
  5. 5. Angular 2 What you need to know When ?
  6. 6. Some day….
  7. 7. Mobile First Future ready Flexible development Speed & Performance Hierarchical dependency injection Support for web components Internationalization (I18N) & Accessibility Angular 2 What you need to know Features & Benefits
  8. 8. 8.5 3 1 1 0. 2.3 4.5 6.8 9. A1 A2 A2 (view pool) Baseline Render 9.53 3 1 1 0. 2.5 5. 7.5 10. 12.5 A1 A2 A2 (view pool) Baseline Memory Angular 2 What you need to know Performance
  9. 9. With transpilers Angular 2 What you need to know Development process Without transpilers
  10. 10. Angular 2 What you need to know Transpilers
  11. 11. CoffeeScript TypeScript ES6 ES7 … JavaScript Make code compatible to run code in today browsers (ES5) Angular 2 What you need to know ES6/ES7 browsers support Transpilers
  12. 12. Angular 2 What you need to know Build-Time & Run-Time transpilers ES5 ES6, ES.next, TS, CoffeeScript … Traceur
  13. 13. Universal dynamic module loader https://github.com/systemjs/systemjs Angular 2 What you need to know System.js open-source library that adds ES6 module loading functionality to browsers.
  14. 14. Native script React native Angular 2 What you need to know Mobile https://github.com/angular/react-native-renderer
  15. 15. Angular 2 What you need to know Angular New Router https://angular.github.io/router/
  16. 16. [property bindings] - Data flow into component (event bindings) - Data flow out of a component Parent -> Child Child -> Parent Application FiltersTalks Talk Talk [talks]=“someExp” [talks]=“someExp” Application Filters Talks TalkTalk (rate)=“onRate()” (rate)=“onRate()” Angular 2 What you need to know Property and Event bindings
  17. 17. HTML binding syntax TemplateDirective Indicates that the local variable exist local variable name Binding expression Attaching expression as an event handler String interpolation into content
  18. 18. Angular 2 What you need to know

×