29
v201 6 October 1 st 2016 Creando una SPA con Angular 2 y ASP.NET Core Southworks Company Logo Lead Developer Nicolas Bello Camilletti @nbellocam

Creando una SPA con Angular 2 y ASP.NET Core

Embed Size (px)

Citation preview

Page 1: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Creando una SPA con Angular 2 y ASP.NET Core

Southworks

Company Logo

Lead Developer

Nicolas Bello Camilletti@nbellocam

Page 2: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

¿Qué es una SPA?

Page 3: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Page 4: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Para tener en cuenta!

• Carga inicial vs navegaciones• Manejo de rutas• Search Engine Optimization (SEO)

Page 5: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Page 6: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Multiplataforma

Performance

Page 7: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

De Framework a Plataforma

Page 8: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Page 9: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Page 10: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Page 11: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Page 12: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Page 13: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Routing

Page 14: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Page 15: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Page 16: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Consumiendo APIs

Page 17: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Page 18: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Page 19: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

JavaScript Services

Page 20: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

NodeServicesSPAServices

AngularServices

ReactServices

Page 21: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Routing v2

Page 22: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Page 23: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Webpack middleware

Page 24: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Universal Rendering

Application

DOMServer

App Shell…Angular Rendere

r

Application DOM

Page 25: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Progressive Web Apps

Service Worker- Caching- Offline support- Notificaciones

- Hosted apps- Iconos- Splashscreen- Colores- Modos de pantalla

W3C Web App manifest

Page 26: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Page 27: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Page 28: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

Recap

• ASP.NET Core• JavaScript Services

• Angular 2• Webs como aplicaciones

Page 29: Creando una SPA con Angular 2 y ASP.NET Core

v2016

October 1st 2016

[email protected]://www.nbellocam.me/

Muchas gracias!

Nicolas Bello Camilletti