" angular 2.0", Андрей Альперт, dataart

17
Спикер: Тема презентации: Андрей Альперт Angular 2.0 корабли бороздят просторы Большого театра.

Upload: dataart

Post on 11-Apr-2017

146 views

Category:

Education


1 download

TRANSCRIPT

Page 1: " Angular 2.0", Андрей Альперт, DataArt

Спикер:

Тема презентации:

Андрей Альперт

Angular 2.0

корабли бороздят просторы Большого театра.

Page 2: " Angular 2.0", Андрей Альперт, DataArt

Angular 1.xShould it be considered?

Stable and powerfulLarge communityLots of existing tools and librariesWill be maintained by Google

Page 3: " Angular 2.0", Андрей Альперт, DataArt

Angular 2.0Motivations

Performance

Page 4: " Angular 2.0", Андрей Альперт, DataArt

Angular 2.0Motivations

PerformanceThe Changing Web

Page 5: " Angular 2.0", Андрей Альперт, DataArt

Angular 2.0Motivations

PerformanceThe Changing WebBetter Mobile Support

Page 6: " Angular 2.0", Андрей Альперт, DataArt

Angular 2.0Motivations

PerformanceThe Changing WebBetter Mobile SupportEase of Use

Page 7: " Angular 2.0", Андрей Альперт, DataArt

Angular 2.0 FeaturesAtScript

Not Another LanguageES6 and BeyondUses TypeScript syntaxOptional Runtime ValidationAnnotations + Introspections

Page 8: " Angular 2.0", Андрей Альперт, DataArt

Angular 2.0 FeaturesAtScript

Page 9: " Angular 2.0", Андрей Альперт, DataArt

Angular 2.0 FeaturesDependency Injection Framework

Type and Metadata AnnotationsTransient/LifetimeChild InjectorsPromises, Lazy Load, etc…

Page 10: " Angular 2.0", Андрей Альперт, DataArt

Angular 2.0 FeaturesTemplating

Overview

Page 11: " Angular 2.0", Андрей Альперт, DataArt

Angular 2.0 FeaturesTemplating

OverviewDynamic Loading

Page 12: " Angular 2.0", Андрей Альперт, DataArt

Angular 2.0 FeaturesTemplating

OverviewDynamic LoadingDirectives

Page 13: " Angular 2.0", Андрей Альперт, DataArt

Angular 2.0 FeaturesComponent Directive

Used to Create Custom ElementsShows General Pattern

Page 14: " Angular 2.0", Андрей Альперт, DataArt

Angular 2.0 FeaturesDecorator Directive

Decorates Existing Elements With New Behavior

Page 15: " Angular 2.0", Андрей Альперт, DataArt

Angular 2.0 FeaturesTemplate Directive

Transforms HTML into a reusable template

Page 16: " Angular 2.0", Андрей Альперт, DataArt

Angular 2.0 FeaturesDatabinding

[attribute] one way binding to view

(event) attach event handler

(^event) attach bubbling event handler

[attribute|name] specifies the local var name

${expression} interpolate binding and covvert it to string to string

Page 17: " Angular 2.0", Андрей Альперт, DataArt

Angular 2.0 FeaturesThe Router

BasicsChild RoutersScreen ActivationFlexible Design