Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Angular 2
What you need to know
Working at
fb.com/Gediminas.Dov
@Gediminas_Dov
Front-end Developer
Angular 2
What you need to know
Current State
Features & Benefits
Performance
Development process
Transpilers
System.js
Mobile
New Router
Property/Event b...
Developer Preview
Current version: 2.0.0-alpha.32
Angular 2
What you need to know
Current State
https://goo.gl/6vrv2aPlann...
Angular 2
What you need to know
When ?
Some day….
Mobile First
Future ready
Flexible development
Speed & Performance
Hierarchical dependency
injection
Support for web
compo...
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)
Ba...
With transpilers
Angular 2
What you need to know
Development process
Without transpilers
Angular 2
What you need to know
Transpilers
CoffeeScript
TypeScript
ES6
ES7
…
JavaScript
Make code compatible to run
code in today browsers (ES5)
Angular 2
What you n...
Angular 2
What you need to know
Build-Time & Run-Time transpilers
ES5
ES6, ES.next, TS, CoffeeScript …
Traceur
Universal dynamic module loader
https://github.com/systemjs/systemjs
Angular 2
What you need to know
System.js
open-source...
Native script
React native
Angular 2
What you need to know
Mobile
https://github.com/angular/react-native-renderer
Angular 2
What you need to know
Angular New Router
https://angular.github.io/router/
[property bindings] - Data flow into
component
(event bindings) - Data flow out of
a component
Parent -> Child Child -> Pa...
HTML binding syntax
TemplateDirective
Indicates that the local variable exist
local variable name
Binding expression
Attac...
Angular 2
What you need to know
GediminasDov@KaunasJS - Angular 2: What you need to know
Upcoming SlideShare
Loading in …5
×

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

168 views

Published on

Angular 2 presentation. What you need to know.

Published in: Software
  • Be the first to comment

  • Be the first to like this

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

×