fullstack part 2 - angular

13
Full- Stack Author: TU Tran Skype: tranthanhtu83 Level 1 Part 2 - Angular

Upload: tu-tran

Post on 21-Jan-2017

154 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Fullstack Part 2 - Angular

Full-StackAuthor:

TU TranSkype: tranthanhtu83

Level 1

Part 2 - Angular

Page 2: Fullstack Part 2 - Angular

- Implement permission management feature- Create and register route to appropriated component- Display data and display on UI- Getting data from remote source (Http + REST)- Multiple languages- Error handling

Scope

TU Tran(skype: tranthanhtu83)

Page 3: Fullstack Part 2 - Angular

- Sample code: https://github.com/techcoaching/angular_for_enterprise- Angular docs: https://angular.io/- Visual code: https://code.visualstudio.com- Slides: http://www.slideshare.net/TuTran10/fullstack-part-2-angular- Node Js: https://nodejs.org/en/

Resource

TU Tran(skype: tranthanhtu83)

Page 4: Fullstack Part 2 - Angular

Overview

Configure and run sample code

Route & component

Data binding

Service & REST (Http)

Agenda

TU Tran(skype: tranthanhtu83)

Page 5: Fullstack Part 2 - Angular

Overview

TU Tran(skype: tranthanhtu83)

Page 6: Fullstack Part 2 - Angular

Configure and Run

TU Tran(skype: tranthanhtu83)

Page 7: Fullstack Part 2 - Angular

Route & Component

TU Tran(skype: tranthanhtu83)

Page 8: Fullstack Part 2 - Angular

Route & Component

TU Tran(skype: tranthanhtu83)

Page 9: Fullstack Part 2 - Angular

Route & Component

TU Tran(skype: tranthanhtu83)

Page 10: Fullstack Part 2 - Angular

Binding

TU Tran(skype: tranthanhtu83)

Page 11: Fullstack Part 2 - Angular

Component (.ts)

Component UI(.html)

Service REST ApiHttp

Promise

Binding

Service

TU Tran(skype: tranthanhtu83)

Page 12: Fullstack Part 2 - Angular

TU Tran(skype: tranthanhtu83)

Q&A

Page 13: Fullstack Part 2 - Angular

TU Tran(skype: tranthanhtu83)

THANK YOUFullstack Part 2 - Angular