v2016 October 1st 2016
Creando una SPA con
Angular 2 y ASP.NET Core
Southworks
Lead Developer
Nicolas Bello Camilletti
@nb...
v2016 October 1st 2016
¿Qué es una SPA?
v2016 October 1st 2016
v2016 October 1st 2016
Para tener en cuenta!
• Carga inicial vs navegaciones
• Manejo de rutas
• Search Engine Optimizatio...
v2016 October 1st 2016
v2016 October 1st 2016
Multiplataforma
Performance
v2016 October 1st 2016
De Framework a Plataforma
v2016 October 1st 2016
v2016 October 1st 2016
v2016 October 1st 2016
v2016 October 1st 2016
v2016 October 1st 2016
v2016 October 1st 2016
Routing
v2016 October 1st 2016
v2016 October 1st 2016
v2016 October 1st 2016
Consumiendo APIs
v2016 October 1st 2016
v2016 October 1st 2016
v2016 October 1st 2016
JavaScript Services
v2016 October 1st 2016
NodeServices
SPAServices
AngularServices ReactServices
v2016 October 1st 2016
Routing v2
v2016 October 1st 2016
v2016 October 1st 2016
Webpack middleware
v2016 October 1st 2016
Universal Rendering
Application
DOM
Server
App Shell
…
Angular Renderer
Application DOM
v2016 October 1st 2016
Progressive Web Apps
Service Worker
- Caching
- Offline support
- Notificaciones
- Hosted apps
- Ic...
v2016 October 1st 2016
v2016 October 1st 2016
v2016 October 1st 2016
Recap
• ASP.NET Core
• JavaScript Services
• Angular 2
• Webs como aplicaciones
v2016 October 1st 2016
nbellocamilletti@gmail.com
nbellocam
https://www.nbellocam.me/
Muchas gracias!
Nicolas Bello Camill...
Upcoming SlideShare
Loading in …5
×

Creando una SPA con Angular 2 y ASP.NET Core

304 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
304
On SlideShare
0
From Embeds
0
Number of Embeds
65
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 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
  • 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

    ×