Creando una SPA con Angular 2 y ASP.NET Core

Nicolás Bello Camilletti
Nicolás Bello CamillettiHead of Engineering, Google GDE & Mentor, former Microsoft MVP at Qurable
••
v2016 October 1st 2016 Creando una SPA con Angular 2 y ASP.NET Core Southworks Lead Developer Nicolas Bello Camilletti @nbellocam
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 Optimization (SEO)
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 - Iconos - Splashscreen - Colores - Modos de pantalla W3C Web App manifest
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 Camilletti
1 of 29

Creando una SPA con Angular 2 y ASP.NET Core

••
Download to read offline
Technology

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

Nicolás Bello Camilletti
Nicolás Bello CamillettiHead of Engineering, Google GDE & Mentor, former Microsoft MVP at Qurable

Recommended

Cos'è il CRMCos'è il CRM
Cos'è il CRMICT Sviluppo
2.3K views•8 slides
Easy CRM ITA - L'importanza di un CRM per la forza vendita in AziendaEasy CRM ITA - L'importanza di un CRM per la forza vendita in Azienda
Easy CRM ITA - L'importanza di un CRM per la forza vendita in AziendaMichael Surace
1.7K views•15 slides
Introduzione ai CRMIntroduzione ai CRM
Introduzione ai CRMAndrea Della Corte
5.6K views•45 slides
Strategie di CRMStrategie di CRM
Strategie di CRMfabriziocanevari
11.4K views•42 slides
Integrazione del CRM nei processi aziendaliIntegrazione del CRM nei processi aziendali
Integrazione del CRM nei processi aziendaliLeonardo Milan
3.8K views•24 slides
Implementazione di un CRMImplementazione di un CRM
Implementazione di un CRMLeonardo Milan
4K views•13 slides

More Related Content

Similar to Creando una SPA con Angular 2 y ASP.NET Core

GraphqlGraphql
Graphqlsabativi
602 views•29 slides

Similar to Creando una SPA con Angular 2 y ASP.NET Core(20)

GraphqlGraphql
Graphql
sabativi•602 views
First Impressions Matter: Onboarding for First Time UsersFirst Impressions Matter: Onboarding for First Time Users
First Impressions Matter: Onboarding for First Time Users
UXPA International •739 views
Performance in the cloudPerformance in the cloud
Performance in the cloud
Diego Cardozo•302 views
SAP Inside Track Munich 2016 - SAP HANA Cloud Platform SAP Inside Track Munich 2016 - SAP HANA Cloud Platform
SAP Inside Track Munich 2016 - SAP HANA Cloud Platform
Christian Lechner•704 views
First Impressions Matter: Onboarding for First Time UsersFirst Impressions Matter: Onboarding for First Time Users
First Impressions Matter: Onboarding for First Time Users
Design for Context•1.8K views
Oracle API Management in the Year 2026Oracle API Management in the Year 2026
Oracle API Management in the Year 2026
Capgemini•4.3K views
Designing Great Dashboards for SaaS and Enterprise ApplicationsDesigning Great Dashboards for SaaS and Enterprise Applications
Designing Great Dashboards for SaaS and Enterprise Applications
Design for Context•8.9K views
Designing Great Dashboards for SaaS and Enterprise ApplicationsDesigning Great Dashboards for SaaS and Enterprise Applications
Designing Great Dashboards for SaaS and Enterprise Applications
UXPA International •1K views
APIs and the Bot Revolution (APIDays Nordic, May 18)APIs and the Bot Revolution (APIDays Nordic, May 18)
APIs and the Bot Revolution (APIDays Nordic, May 18)
3scale•1.1K views
Lap Around ASPNet Core - HDCLap Around ASPNet Core - HDC
Lap Around ASPNet Core - HDC
Sam Basu•298 views
Introduction to IANA Stewardship Transition SessionIntroduction to IANA Stewardship Transition Session
Introduction to IANA Stewardship Transition Session
APNIC•357 views
Why amazon Web Services?Why amazon Web Services?
Why amazon Web Services?
Bogdan Naydenov•373 views
Harnessing the Light and Darker Sides of On-Page Local SEO | UnGagged Las Veg...Harnessing the Light and Darker Sides of On-Page Local SEO | UnGagged Las Veg...
Harnessing the Light and Darker Sides of On-Page Local SEO | UnGagged Las Veg...
StrategiQ Marketing•525 views
Serverless and the Way ForwardServerless and the Way Forward
Serverless and the Way Forward
Sonatype •326 views
UX Research within an Agile Design and Development Sprint CycleUX Research within an Agile Design and Development Sprint Cycle
UX Research within an Agile Design and Development Sprint Cycle
UXPA International •3K views
DevOps, PowerShell y Windows Containers - NET Conf UY v2016DevOps, PowerShell y Windows Containers - NET Conf UY v2016
DevOps, PowerShell y Windows Containers - NET Conf UY v2016
Victor Silva•165 views
Seo histroy Seo histroy
Seo histroy
Vijay Kumar•103 views
Maintaining Your Developer ToolboxMaintaining Your Developer Toolbox
Maintaining Your Developer Toolbox
appbuilderszurich•337 views
API Management - Practical Enterprise Implementation ExperienceAPI Management - Practical Enterprise Implementation Experience
API Management - Practical Enterprise Implementation Experience
Capgemini•2.2K views
LKCE16 - Irrefutable Demand by Andy CarmichaelLKCE16 - Irrefutable Demand by Andy Carmichael
LKCE16 - Irrefutable Demand by Andy Carmichael
Lean Kanban Central Europe•1.1K views

More from Nicolás Bello Camilletti

More from Nicolás Bello Camilletti(17)

Novedades en CI/CDNovedades en CI/CD
Novedades en CI/CD
Nicolás Bello Camilletti•5 views
Progressive web appsProgressive web apps
Progressive web apps
Nicolás Bello Camilletti•58 views
Personalizando experiencias de usuario con Reinforcement learning y AzurePersonalizando experiencias de usuario con Reinforcement learning y Azure
Personalizando experiencias de usuario con Reinforcement learning y Azure
Nicolás Bello Camilletti•62 views
Progressive Web Apps - WorkshopProgressive Web Apps - Workshop
Progressive Web Apps - Workshop
Nicolás Bello Camilletti•69 views
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Nicolás Bello Camilletti•54 views
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Nicolás Bello Camilletti•211 views
Introducción a .NET Core y DockerIntroducción a .NET Core y Docker
Introducción a .NET Core y Docker
Nicolás Bello Camilletti•158 views
Progressive Web Apps - .NET Conf CO 2017Progressive Web Apps - .NET Conf CO 2017
Progressive Web Apps - .NET Conf CO 2017
Nicolás Bello Camilletti•415 views
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Nicolás Bello Camilletti•610 views
Creando una SPA con Angular y ASP.NET CoreCreando una SPA con Angular y ASP.NET Core
Creando una SPA con Angular y ASP.NET Core
Nicolás Bello Camilletti•196 views
Creando una SPA con Angular 2 y ASP.NET CoreCreando una SPA con Angular 2 y ASP.NET Core
Creando una SPA con Angular 2 y ASP.NET Core
Nicolás Bello Camilletti•213 views
Introducción a DockerIntroducción a Docker
Introducción a Docker
Nicolás Bello Camilletti•8.3K views
Clase Html + CSSClase Html + CSS
Clase Html + CSS
Nicolás Bello Camilletti•601 views
Windows Azure DPE ToolkitsWindows Azure DPE Toolkits
Windows Azure DPE Toolkits
Nicolás Bello Camilletti•735 views
GrailsGrails
Grails
Nicolás Bello Camilletti•382 views
Groovy.v2Groovy.v2
Groovy.v2
Nicolás Bello Camilletti•510 views
GroovyGroovy
Groovy
Nicolás Bello Camilletti•2K views

Recently uploaded

Recently uploaded(20)

[2023] Putting the R! in R&D.pdf[2023] Putting the R! in R&D.pdf
[2023] Putting the R! in R&D.pdf
Eleanor McHugh•36 views
Five Things You SHOULD Know About PostmanFive Things You SHOULD Know About Postman
Five Things You SHOULD Know About Postman
Postman•22 views
Combining Orchestration and Choreography for a Clean ArchitectureCombining Orchestration and Choreography for a Clean Architecture
Combining Orchestration and Choreography for a Clean Architecture
ThomasHeinrichs1•67 views
"Thriving Culture in a Product Company — Practical Story", Volodymyr Tsukur"Thriving Culture in a Product Company — Practical Story", Volodymyr Tsukur
"Thriving Culture in a Product Company — Practical Story", Volodymyr Tsukur
Fwdays•39 views
MemVerge: Gismo (Global IO-free Shared Memory Objects)MemVerge: Gismo (Global IO-free Shared Memory Objects)
MemVerge: Gismo (Global IO-free Shared Memory Objects)
CXL Forum•112 views
"How we switched to Kanban and how it integrates with product planning", Vady..."How we switched to Kanban and how it integrates with product planning", Vady...
"How we switched to Kanban and how it integrates with product planning", Vady...
Fwdays•60 views
Astera Labs: Intelligent Connectivity for Cloud and AI InfrastructureAstera Labs: Intelligent Connectivity for Cloud and AI Infrastructure
Astera Labs: Intelligent Connectivity for Cloud and AI Infrastructure
CXL Forum•125 views
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
NUS-ISS•31 views
Spesifikasi Lengkap ASUS Vivobook Go 14Spesifikasi Lengkap ASUS Vivobook Go 14
Spesifikasi Lengkap ASUS Vivobook Go 14
Dot Semarang•34 views
Micron CXL product and architecture updateMicron CXL product and architecture update
Micron CXL product and architecture update
CXL Forum•23 views
ChatGPT and AI for Web DevelopersChatGPT and AI for Web Developers
ChatGPT and AI for Web Developers
Maximiliano Firtman•161 views
"Role of a CTO in software outsourcing company", Yuriy Nakonechnyy"Role of a CTO in software outsourcing company", Yuriy Nakonechnyy
"Role of a CTO in software outsourcing company", Yuriy Nakonechnyy
Fwdays•38 views
AMD: 4th Generation EPYC CXL DemoAMD: 4th Generation EPYC CXL Demo
AMD: 4th Generation EPYC CXL Demo
CXL Forum•123 views
METHOD AND SYSTEM FOR PREDICTING OPTIMAL LOAD FOR WHICH THE YIELD IS MAXIMUM ...METHOD AND SYSTEM FOR PREDICTING OPTIMAL LOAD FOR WHICH THE YIELD IS MAXIMUM ...
METHOD AND SYSTEM FOR PREDICTING OPTIMAL LOAD FOR WHICH THE YIELD IS MAXIMUM ...
Prity Khastgir IPR Strategic India Patent Attorney Amplify Innovation•24 views
Transcript: The Details of Description Techniques tips and tangents on altern...Transcript: The Details of Description Techniques tips and tangents on altern...
Transcript: The Details of Description Techniques tips and tangents on altern...
BookNet Canada•106 views
"Fast Start to Building on AWS", Igor Ivaniuk"Fast Start to Building on AWS", Igor Ivaniuk
"Fast Start to Building on AWS", Igor Ivaniuk
Fwdays•34 views
GigaIO: The March of Composability Onward to Memory with CXLGigaIO: The March of Composability Onward to Memory with CXL
GigaIO: The March of Composability Onward to Memory with CXL
CXL Forum•122 views
Data-centric AI and the convergence of data and model engineering: opportunit...Data-centric AI and the convergence of data and model engineering: opportunit...
Data-centric AI and the convergence of data and model engineering: opportunit...
Paolo Missier•25 views
Java Platform Approach 1.0 - Picnic MeetupJava Platform Approach 1.0 - Picnic Meetup
Java Platform Approach 1.0 - Picnic Meetup
Rick Ossendrijver•24 views
"Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ..."Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ...
"Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ...
Fwdays•32 views

Creando una SPA con Angular 2 y ASP.NET Core

Editor's Notes

  1. Sitio web dentro de una única página Experiencia mas fluida para los usuarios
  2. Evolución de angular pero diferente  Progressive web apps  Universal rendering  Completo (testing, accesibility, tooling, etc)  Hecho en Typescript 
  3. Evolución de angular pero diferente  Progressive web apps  Universal rendering  Completo (testing, accesibility, tooling, etc)  Hecho en Typescript 
  4. The big picture of Angular Architecture
  5. Typescript + Varios archivos  next slide
  6. 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 
  7. Hello world? pipeline
  8. Manejo de rutas en el cliente Server tiene que devolver siempre lo mismo
  9. Ultimo -> fallback (deep linking)
  10. Por default json Controllers communes
  11. Modulo HTTP
  12. Server -> next slide