SlideShare ist ein Scribd-Unternehmen logo
1 von 29
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

Weitere ähnliche Inhalte

Ähnlich wie Creating an SPA with Angular 2 and ASP.NET Core

First Impressions Matter: Onboarding for First Time Users
First Impressions Matter: Onboarding for First Time UsersFirst Impressions Matter: Onboarding for First Time Users
First Impressions Matter: Onboarding for First Time UsersUXPA International
 
Performance in the cloud
Performance in the cloudPerformance in the cloud
Performance in the cloudDiego Cardozo
 
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
SAP Inside Track Munich 2016 - SAP HANA Cloud Platform Christian Lechner
 
First Impressions Matter: Onboarding for First Time Users
First Impressions Matter: Onboarding for First Time UsersFirst Impressions Matter: Onboarding for First Time Users
First Impressions Matter: Onboarding for First Time UsersDesign for Context
 
Oracle API Management in the Year 2026
Oracle API Management in the Year 2026Oracle API Management in the Year 2026
Oracle API Management in the Year 2026Capgemini
 
Designing Great Dashboards for SaaS and Enterprise Applications
Designing Great Dashboards for SaaS and Enterprise ApplicationsDesigning Great Dashboards for SaaS and Enterprise Applications
Designing Great Dashboards for SaaS and Enterprise ApplicationsDesign for Context
 
Designing Great Dashboards for SaaS and Enterprise Applications
Designing Great Dashboards for SaaS and Enterprise ApplicationsDesigning Great Dashboards for SaaS and Enterprise Applications
Designing Great Dashboards for SaaS and Enterprise ApplicationsUXPA International
 
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)
APIs and the Bot Revolution (APIDays Nordic, May 18)3scale
 
Lap Around ASPNet Core - HDC
Lap Around ASPNet Core - HDCLap Around ASPNet Core - HDC
Lap Around ASPNet Core - HDCSam Basu
 
Introduction to IANA Stewardship Transition Session
Introduction to IANA Stewardship Transition SessionIntroduction to IANA Stewardship Transition Session
Introduction to IANA Stewardship Transition SessionAPNIC
 
Why amazon Web Services?
Why amazon Web Services?Why amazon Web Services?
Why amazon Web Services?Bogdan Naydenov
 
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...
Harnessing the Light and Darker Sides of On-Page Local SEO | UnGagged Las Veg...StrategiQ Marketing
 
Serverless and the Way Forward
Serverless and the Way ForwardServerless and the Way Forward
Serverless and the Way ForwardSonatype
 
UX Research within an Agile Design and Development Sprint Cycle
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 CycleUXPA International
 
DevOps, PowerShell y Windows Containers - NET Conf UY v2016
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 v2016Victor Silva
 
Maintaining Your Developer Toolbox
Maintaining Your Developer ToolboxMaintaining Your Developer Toolbox
Maintaining Your Developer Toolboxappbuilderszurich
 
API Management - Practical Enterprise Implementation Experience
API Management - Practical Enterprise Implementation ExperienceAPI Management - Practical Enterprise Implementation Experience
API Management - Practical Enterprise Implementation ExperienceCapgemini
 
LKCE16 - Irrefutable Demand by Andy Carmichael
LKCE16 - Irrefutable Demand by Andy CarmichaelLKCE16 - Irrefutable Demand by Andy Carmichael
LKCE16 - Irrefutable Demand by Andy CarmichaelLean Kanban Central Europe
 

Ähnlich wie Creating an SPA with Angular 2 and ASP.NET Core (20)

Graphql
GraphqlGraphql
Graphql
 
First Impressions Matter: Onboarding for First Time Users
First Impressions Matter: Onboarding for First Time UsersFirst Impressions Matter: Onboarding for First Time Users
First Impressions Matter: Onboarding for First Time Users
 
Performance in the cloud
Performance in the cloudPerformance in the cloud
Performance in the cloud
 
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
SAP Inside Track Munich 2016 - SAP HANA Cloud Platform
 
First Impressions Matter: Onboarding for First Time Users
First Impressions Matter: Onboarding for First Time UsersFirst Impressions Matter: Onboarding for First Time Users
First Impressions Matter: Onboarding for First Time Users
 
Oracle API Management in the Year 2026
Oracle API Management in the Year 2026Oracle API Management in the Year 2026
Oracle API Management in the Year 2026
 
Designing Great Dashboards for SaaS and Enterprise Applications
Designing Great Dashboards for SaaS and Enterprise ApplicationsDesigning Great Dashboards for SaaS and Enterprise Applications
Designing Great Dashboards for SaaS and Enterprise Applications
 
Designing Great Dashboards for SaaS and Enterprise Applications
Designing Great Dashboards for SaaS and Enterprise ApplicationsDesigning Great Dashboards for SaaS and Enterprise Applications
Designing Great Dashboards for SaaS and Enterprise Applications
 
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)
APIs and the Bot Revolution (APIDays Nordic, May 18)
 
Lap Around ASPNet Core - HDC
Lap Around ASPNet Core - HDCLap Around ASPNet Core - HDC
Lap Around ASPNet Core - HDC
 
Introduction to IANA Stewardship Transition Session
Introduction to IANA Stewardship Transition SessionIntroduction to IANA Stewardship Transition Session
Introduction to IANA Stewardship Transition Session
 
Why amazon Web Services?
Why amazon Web Services?Why amazon Web Services?
Why amazon Web Services?
 
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...
Harnessing the Light and Darker Sides of On-Page Local SEO | UnGagged Las Veg...
 
Serverless and the Way Forward
Serverless and the Way ForwardServerless and the Way Forward
Serverless and the Way Forward
 
UX Research within an Agile Design and Development Sprint Cycle
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
 
DevOps, PowerShell y Windows Containers - NET Conf UY v2016
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
 
Seo histroy
Seo histroy Seo histroy
Seo histroy
 
Maintaining Your Developer Toolbox
Maintaining Your Developer ToolboxMaintaining Your Developer Toolbox
Maintaining Your Developer Toolbox
 
API Management - Practical Enterprise Implementation Experience
API Management - Practical Enterprise Implementation ExperienceAPI Management - Practical Enterprise Implementation Experience
API Management - Practical Enterprise Implementation Experience
 
LKCE16 - Irrefutable Demand by Andy Carmichael
LKCE16 - Irrefutable Demand by Andy CarmichaelLKCE16 - Irrefutable Demand by Andy Carmichael
LKCE16 - Irrefutable Demand by Andy Carmichael
 

Mehr von Nicolás Bello Camilletti (17)

Novedades en CI/CD
Novedades en CI/CDNovedades en CI/CD
Novedades en CI/CD
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
 
Personalizando experiencias de usuario con Reinforcement learning y Azure
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
 
Progressive Web Apps - Workshop
Progressive Web Apps - WorkshopProgressive Web Apps - Workshop
Progressive Web Apps - Workshop
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Introducción a .NET Core y Docker
Introducción a .NET Core y DockerIntroducción a .NET Core y Docker
Introducción a .NET Core y Docker
 
Progressive Web Apps - .NET Conf CO 2017
Progressive Web Apps - .NET Conf CO 2017Progressive Web Apps - .NET Conf CO 2017
Progressive Web Apps - .NET Conf CO 2017
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Creando una SPA con Angular y ASP.NET Core
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
 
Creando una SPA con Angular 2 y ASP.NET Core
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
 
Introducción a Docker
Introducción a DockerIntroducción a Docker
Introducción a Docker
 
Clase Html + CSS
Clase Html + CSSClase Html + CSS
Clase Html + CSS
 
Windows Azure DPE Toolkits
Windows Azure DPE ToolkitsWindows Azure DPE Toolkits
Windows Azure DPE Toolkits
 
Grails
GrailsGrails
Grails
 
Groovy.v2
Groovy.v2Groovy.v2
Groovy.v2
 
Groovy
GroovyGroovy
Groovy
 

Kürzlich hochgeladen

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...gurkirankumar98700
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Paola De la Torre
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGGoogle AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGSujit Pal
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 

Kürzlich hochgeladen (20)

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGGoogle AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 

Creating an SPA with Angular 2 and ASP.NET Core

Hinweis der Redaktion

  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