Angular 2 presentation. What you need to know.

1. Angular 2
What you need to know

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

4. 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

5. Developer Preview
Current version: 2.0.0-alpha.32
Angular 2
What you need to know
Current State
https://goo.gl/6vrv2aPlanning notes

6. Angular 2
What you need to know
When ?

7. Some day….

8. 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

9. 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

10. With transpilers
Angular 2
What you need to know
Development process
Without transpilers

11. Angular 2
What you need to know
Transpilers

12. 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

13. Angular 2
What you need to know
Build-Time & Run-Time transpilers
ES5
ES6, ES.next, TS, CoffeeScript …
Traceur

14. 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.

15. Native script
React native
Angular 2
What you need to know
Mobile
https://github.com/angular/react-native-renderer

16. Angular 2
What you need to know
Angular New Router
https://angular.github.io/router/

17. [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

18. 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

19. Angular 2
What you need to know