Successfully reported this slideshow.
Your SlideShare is downloading. ×

Creando una SPA con Angular 2 y ASP.NET Core

Creando una SPA con Angular 2 y ASP.NET Core

Download to read offline

En la charla de NetConfUY se mostró como configurar Angular 2 en un projecto de ASP.NET Core para crear una single page application. Como parte de la misma, aparte de mostrar como hookear Angular 2, se vió como manejar rooting y llamadas a una Web API. Luego, se mostró algunos conceptos de Progressive Web Apps

En la charla de NetConfUY se mostró como configurar Angular 2 en un projecto de ASP.NET Core para crear una single page application. Como parte de la misma, aparte de mostrar como hookear Angular 2, se vió como manejar rooting y llamadas a una Web API. Luego, se mostró algunos conceptos de Progressive Web Apps

More Related Content

Creando una SPA con Angular 2 y ASP.NET Core

  1. 1. v2016 October 1st 2016 Creando una SPA con Angular 2 y ASP.NET Core Southworks Lead Developer Nicolas Bello Camilletti @nbellocam
  2. 2. v2016 October 1st 2016 ¿Qué es una SPA?
  3. 3. v2016 October 1st 2016
  4. 4. v2016 October 1st 2016 Para tener en cuenta! • Carga inicial vs navegaciones • Manejo de rutas • Search Engine Optimization (SEO)
  5. 5. v2016 October 1st 2016
  6. 6. v2016 October 1st 2016 Multiplataforma Performance
  7. 7. v2016 October 1st 2016 De Framework a Plataforma
  8. 8. v2016 October 1st 2016
  9. 9. v2016 October 1st 2016
  10. 10. v2016 October 1st 2016
  11. 11. v2016 October 1st 2016
  12. 12. v2016 October 1st 2016
  13. 13. v2016 October 1st 2016 Routing
  14. 14. v2016 October 1st 2016
  15. 15. v2016 October 1st 2016
  16. 16. v2016 October 1st 2016 Consumiendo APIs
  17. 17. v2016 October 1st 2016
  18. 18. v2016 October 1st 2016
  19. 19. v2016 October 1st 2016 JavaScript Services
  20. 20. v2016 October 1st 2016 NodeServices SPAServices AngularServices ReactServices
  21. 21. v2016 October 1st 2016 Routing v2
  22. 22. v2016 October 1st 2016
  23. 23. v2016 October 1st 2016 Webpack middleware
  24. 24. v2016 October 1st 2016 Universal Rendering Application DOM Server App Shell … Angular Renderer Application DOM
  25. 25. 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
  26. 26. v2016 October 1st 2016
  27. 27. v2016 October 1st 2016
  28. 28. v2016 October 1st 2016 Recap • ASP.NET Core • JavaScript Services • Angular 2 • Webs como aplicaciones
  29. 29. v2016 October 1st 2016 nbellocamilletti@gmail.com nbellocam https://www.nbellocam.me/ Muchas gracias! Nicolas Bello Camilletti

Editor's Notes

  • Sitio web dentro de una única página
    Experiencia mas fluida para los usuarios

  • Evolución de angular pero diferente 
    Progressive web apps 
    Universal rendering 
    Completo (testing, accesibility, tooling, etc) 
    Hecho en Typescript 
  • Evolución de angular pero diferente 
    Progressive web apps 
    Universal rendering 
    Completo (testing, accesibility, tooling, etc) 
    Hecho en Typescript 
  • The big picture of Angular Architecture
  • Typescript + Varios archivos  next slide
  • Evolución de ASP.NET 
    Focalizado en resolver los problemas modernos 
    Multiplataforma (Windows, Mac y Linux) 
    Open-source y basado en la comunidad 
    Depencency injection 
    Pipeline de request HTTP liviano y modular 
  • Hello world?

    pipeline
  • Manejo de rutas en el cliente
    Server tiene que devolver siempre lo mismo
  • Ultimo -> fallback (deep linking)
  • Por default json
    Controllers communes

  • Modulo HTTP
  • Server -> next slide

×