angular2 getstart
TRANSCRIPT
![Page 1: Angular2 getstart](https://reader036.vdocuments.net/reader036/viewer/2022062400/5882ed2d1a28ab3f1e8b4ff5/html5/thumbnails/1.jpg)
Angular2Getting Start
Author:
TU TranSkype: tranthanhtu83
![Page 2: Angular2 getstart](https://reader036.vdocuments.net/reader036/viewer/2022062400/5882ed2d1a28ab3f1e8b4ff5/html5/thumbnails/2.jpg)
Scope
TU Tran
- Understand how the angular app looks.- Create and navigate between pages- Get data form remote source and display on UI
![Page 3: Angular2 getstart](https://reader036.vdocuments.net/reader036/viewer/2022062400/5882ed2d1a28ab3f1e8b4ff5/html5/thumbnails/3.jpg)
Resources
TU Tran
- Sample code: https://github.com/thanhtuit27/angular2_gettingstart- Angular docs: https://angular.io/- Visual code: https://code.visualstudio.com- Slides: http://www.slideshare.net/TuTran10/angular2-getstart-62750184
![Page 4: Angular2 getstart](https://reader036.vdocuments.net/reader036/viewer/2022062400/5882ed2d1a28ab3f1e8b4ff5/html5/thumbnails/4.jpg)
Overview
Config & bootstrap Angular
Route & component
Data binding
Service & REST (Http)
Common directive & pipes
Angular 2
TU Tran
![Page 5: Angular2 getstart](https://reader036.vdocuments.net/reader036/viewer/2022062400/5882ed2d1a28ab3f1e8b4ff5/html5/thumbnails/5.jpg)
Overview
TU Tran
![Page 6: Angular2 getstart](https://reader036.vdocuments.net/reader036/viewer/2022062400/5882ed2d1a28ab3f1e8b4ff5/html5/thumbnails/6.jpg)
Config & bootstrap Angular
TU Tran
![Page 7: Angular2 getstart](https://reader036.vdocuments.net/reader036/viewer/2022062400/5882ed2d1a28ab3f1e8b4ff5/html5/thumbnails/7.jpg)
Route & Component
TU Tran
![Page 8: Angular2 getstart](https://reader036.vdocuments.net/reader036/viewer/2022062400/5882ed2d1a28ab3f1e8b4ff5/html5/thumbnails/8.jpg)
Route & Component
TU Tran
![Page 9: Angular2 getstart](https://reader036.vdocuments.net/reader036/viewer/2022062400/5882ed2d1a28ab3f1e8b4ff5/html5/thumbnails/9.jpg)
Data binding
TU Tran
![Page 10: Angular2 getstart](https://reader036.vdocuments.net/reader036/viewer/2022062400/5882ed2d1a28ab3f1e8b4ff5/html5/thumbnails/10.jpg)
Service
TU Tran
![Page 11: Angular2 getstart](https://reader036.vdocuments.net/reader036/viewer/2022062400/5882ed2d1a28ab3f1e8b4ff5/html5/thumbnails/11.jpg)
HTTP
TU Tran
![Page 12: Angular2 getstart](https://reader036.vdocuments.net/reader036/viewer/2022062400/5882ed2d1a28ab3f1e8b4ff5/html5/thumbnails/12.jpg)
Directive
TU Tran
Component Directive
Attribute Directive
Structural Directive
![Page 13: Angular2 getstart](https://reader036.vdocuments.net/reader036/viewer/2022062400/5882ed2d1a28ab3f1e8b4ff5/html5/thumbnails/13.jpg)
Component Directive
TU Tran
![Page 14: Angular2 getstart](https://reader036.vdocuments.net/reader036/viewer/2022062400/5882ed2d1a28ab3f1e8b4ff5/html5/thumbnails/14.jpg)
Attribute Directive
TU Tran
![Page 15: Angular2 getstart](https://reader036.vdocuments.net/reader036/viewer/2022062400/5882ed2d1a28ab3f1e8b4ff5/html5/thumbnails/15.jpg)
Structural Directive
TU Tran
A Structural directive changes the DOM layout by adding and removing DOM elements. We've seen three of the built-in structural directives in other
chapters: ngIf, ngSwitch and ngFor.
![Page 16: Angular2 getstart](https://reader036.vdocuments.net/reader036/viewer/2022062400/5882ed2d1a28ab3f1e8b4ff5/html5/thumbnails/16.jpg)
TU Tran
Thank You