17

Realizzare Single Page Application con Angular2

Embed Size (px)

Citation preview

Page 1: Realizzare Single Page Application con Angular2
Page 2: Realizzare Single Page Application con Angular2

WEB05 – Sviluppare Single Page Application con Angular 2Michele AponteMVP Visual Studio and Development Technologies Presidente DotNetCampania CEO/CTO Blexin Srl@apomic80 – http://www.tolist.net

Page 3: Realizzare Single Page Application con Angular2

Single Page Application (SPA)

Page 4: Realizzare Single Page Application con Angular2
Page 5: Realizzare Single Page Application con Angular2

Semplifichiamoci la vita

Page 6: Realizzare Single Page Application con Angular2

Semplifichiamoci la vita

Page 7: Realizzare Single Page Application con Angular2

Angular 2: Moduli

NgModule

Page 8: Realizzare Single Page Application con Angular2

NgModule

Angular 2: Componenti e Servizi

Main Component

Menu Component

Events Component

Event Component

Events Services

Page 9: Realizzare Single Page Application con Angular2

DEMOAngular 2: Moduli, Componenti e Servizi

Page 10: Realizzare Single Page Application con Angular2

Angular 2: Routing

NgModuleMain Component

Events Speakers Menu Component

Events ComponentSpeakers Component

Events Speakers

Page 11: Realizzare Single Page Application con Angular2

DEMOAngular 2: Routing

Page 12: Realizzare Single Page Application con Angular2

Angular 2: Pipe{{ event.startDate }} >>> 2016-09-23T00:00:00

{{ event.startDate | date }} >>> 23-9-2016

Page 13: Realizzare Single Page Application con Angular2

Angular 2: Direttive

Page 14: Realizzare Single Page Application con Angular2

Angular 2: Direttive

Page 15: Realizzare Single Page Application con Angular2

Angular 2: Direttive

Page 16: Realizzare Single Page Application con Angular2

DEMOAngular 2: Pipe e Direttive

Page 17: Realizzare Single Page Application con Angular2

Domande?

Materiale su http://www.communityda

ys.it/https://github.com/apo

mic80