SlideShare una empresa de Scribd logo
1 de 8
Single Page Applications
                   Introducción
Julio Cesar Avellaneda
        http://julitogtu.wordpress.com
                Microsoft MVP ASP.NET
                            @julitogtu
Antes de SPA…..
             ASP.NET Web Forms

             ASP.NET MVC

             HTML 5

             PHP

             Un poco de js
Problemas a resolver
             Estados

             ViewState

             Postback

             Performance

             Velocidad

             Usabilidad
Características SPA
               Renderización en cliente

               Cargue de 1 sola página

               No más Postback

               Disponibilidad offline

               UI enriquecida

               HTML 5!

               Integración con REST
Que necesitas?
              JavaScript Skills

              Diversas líbrerias JS

              Servicios REST (Web API)

              HTML 5 (storage, bd, offline)

              Framework JS
               (Knockout, Backbone,Ember, ….)
Aproximación inicial

       Modelos        Plantillas         Almacenamiento

                                    UI
        Vistas      Controladores            ………




                 Servicios REST (Web API) – Autenticación




                                    DB
Recursos
   http://www.pluralsight.com/training/Courses/TableOfContents/single-
    page-apps-jumpstart

   http://www.pluralsight.com/training/Courses/TableOfContents/spa

   http://www.johnpapa.net/

   http://knockoutjs.com/

   http://www.asp.net/web-api

   http://www.asp.net/single-page-application

Más contenido relacionado

La actualidad más candente

Uso de html5 + webcomponents
Uso de html5 + webcomponentsUso de html5 + webcomponents
Uso de html5 + webcomponentsAvanet
 
Aplicaciones Mobile con AngularJS y Ionic framework
Aplicaciones Mobile con AngularJS y Ionic framework Aplicaciones Mobile con AngularJS y Ionic framework
Aplicaciones Mobile con AngularJS y Ionic framework Marcos Reynoso
 
diseño aplicaciones de interente
diseño aplicaciones de interentediseño aplicaciones de interente
diseño aplicaciones de interenteDmoralks
 
Desarrollos de aplicaciones móviles con tecnologías web
Desarrollos de aplicaciones móviles con tecnologías webDesarrollos de aplicaciones móviles con tecnologías web
Desarrollos de aplicaciones móviles con tecnologías webJulio Alfaro
 
JBoss Forge y Eclipse Neon para aplicaciones Java EE 7
JBoss Forge y Eclipse Neon para aplicaciones Java EE 7JBoss Forge y Eclipse Neon para aplicaciones Java EE 7
JBoss Forge y Eclipse Neon para aplicaciones Java EE 7Víctor Leonel Orozco López
 
Angular.js
Angular.jsAngular.js
Angular.jsGDG Cali
 
Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1Rafael Garcia
 
Camtasia getting started guide.ppt (victor)
Camtasia getting started guide.ppt (victor)Camtasia getting started guide.ppt (victor)
Camtasia getting started guide.ppt (victor)reyestarita
 
Hack2Progress - Desarrollando una aplicación web con AngularJS
Hack2Progress - Desarrollando una aplicación web con AngularJSHack2Progress - Desarrollando una aplicación web con AngularJS
Hack2Progress - Desarrollando una aplicación web con AngularJSCarlos Azaustre
 
Arquitectura SEO y Internal linkin
Arquitectura SEO y Internal linkin Arquitectura SEO y Internal linkin
Arquitectura SEO y Internal linkin Digital Growth
 
Webinar: Introducción a VUE.js
Webinar: Introducción a VUE.jsWebinar: Introducción a VUE.js
Webinar: Introducción a VUE.jsArsys
 
Html 5 - Historia y principales novedades.
Html 5 - Historia y principales novedades.Html 5 - Historia y principales novedades.
Html 5 - Historia y principales novedades.Ale Moyano
 
Presentacion java scripts
Presentacion java scriptsPresentacion java scripts
Presentacion java scriptsHernando Moreno
 

La actualidad más candente (20)

Uso de html5 + webcomponents
Uso de html5 + webcomponentsUso de html5 + webcomponents
Uso de html5 + webcomponents
 
Aplicaciones Mobile con AngularJS y Ionic framework
Aplicaciones Mobile con AngularJS y Ionic framework Aplicaciones Mobile con AngularJS y Ionic framework
Aplicaciones Mobile con AngularJS y Ionic framework
 
diseño aplicaciones de interente
diseño aplicaciones de interentediseño aplicaciones de interente
diseño aplicaciones de interente
 
Wordpress Meetup - Junio 2015
Wordpress Meetup - Junio 2015Wordpress Meetup - Junio 2015
Wordpress Meetup - Junio 2015
 
Introducción a Angular JS
Introducción a Angular JSIntroducción a Angular JS
Introducción a Angular JS
 
Web Development introduction
Web Development introductionWeb Development introduction
Web Development introduction
 
Desarrollos de aplicaciones móviles con tecnologías web
Desarrollos de aplicaciones móviles con tecnologías webDesarrollos de aplicaciones móviles con tecnologías web
Desarrollos de aplicaciones móviles con tecnologías web
 
Introducción a Responsive Design
Introducción a Responsive DesignIntroducción a Responsive Design
Introducción a Responsive Design
 
JBoss Forge y Eclipse Neon para aplicaciones Java EE 7
JBoss Forge y Eclipse Neon para aplicaciones Java EE 7JBoss Forge y Eclipse Neon para aplicaciones Java EE 7
JBoss Forge y Eclipse Neon para aplicaciones Java EE 7
 
Angular.js
Angular.jsAngular.js
Angular.js
 
Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1
 
Google Web Toolkit
Google Web ToolkitGoogle Web Toolkit
Google Web Toolkit
 
ASP.NET MVC Workshop Día 1
ASP.NET MVC Workshop Día 1ASP.NET MVC Workshop Día 1
ASP.NET MVC Workshop Día 1
 
Camtasia getting started guide.ppt (victor)
Camtasia getting started guide.ppt (victor)Camtasia getting started guide.ppt (victor)
Camtasia getting started guide.ppt (victor)
 
Las Herramientas de un Frontend
Las Herramientas de un FrontendLas Herramientas de un Frontend
Las Herramientas de un Frontend
 
Hack2Progress - Desarrollando una aplicación web con AngularJS
Hack2Progress - Desarrollando una aplicación web con AngularJSHack2Progress - Desarrollando una aplicación web con AngularJS
Hack2Progress - Desarrollando una aplicación web con AngularJS
 
Arquitectura SEO y Internal linkin
Arquitectura SEO y Internal linkin Arquitectura SEO y Internal linkin
Arquitectura SEO y Internal linkin
 
Webinar: Introducción a VUE.js
Webinar: Introducción a VUE.jsWebinar: Introducción a VUE.js
Webinar: Introducción a VUE.js
 
Html 5 - Historia y principales novedades.
Html 5 - Historia y principales novedades.Html 5 - Historia y principales novedades.
Html 5 - Historia y principales novedades.
 
Presentacion java scripts
Presentacion java scriptsPresentacion java scripts
Presentacion java scripts
 

Destacado

Diapositivas trabajo final
Diapositivas trabajo finalDiapositivas trabajo final
Diapositivas trabajo finalalexisemendo
 
Plan de Marketing
Plan de MarketingPlan de Marketing
Plan de Marketingguest3ae10c
 
creacion de un spa
creacion de un  spacreacion de un  spa
creacion de un spajmosorio777
 
MANUAL DE SEGURIDAD Y SALUD EN PELUQUERIAS.
MANUAL DE SEGURIDAD Y SALUD EN PELUQUERIAS.MANUAL DE SEGURIDAD Y SALUD EN PELUQUERIAS.
MANUAL DE SEGURIDAD Y SALUD EN PELUQUERIAS.YAJAIRA CARDENAS
 
Portafolio de servicios del spa
Portafolio de servicios del spaPortafolio de servicios del spa
Portafolio de servicios del spaportafoliospavenus
 
Seguridad E Higiene En Peluqueria Y Estetica Veronica
Seguridad E Higiene En Peluqueria Y Estetica VeronicaSeguridad E Higiene En Peluqueria Y Estetica Veronica
Seguridad E Higiene En Peluqueria Y Estetica Veronicapenazcurna
 

Destacado (6)

Diapositivas trabajo final
Diapositivas trabajo finalDiapositivas trabajo final
Diapositivas trabajo final
 
Plan de Marketing
Plan de MarketingPlan de Marketing
Plan de Marketing
 
creacion de un spa
creacion de un  spacreacion de un  spa
creacion de un spa
 
MANUAL DE SEGURIDAD Y SALUD EN PELUQUERIAS.
MANUAL DE SEGURIDAD Y SALUD EN PELUQUERIAS.MANUAL DE SEGURIDAD Y SALUD EN PELUQUERIAS.
MANUAL DE SEGURIDAD Y SALUD EN PELUQUERIAS.
 
Portafolio de servicios del spa
Portafolio de servicios del spaPortafolio de servicios del spa
Portafolio de servicios del spa
 
Seguridad E Higiene En Peluqueria Y Estetica Veronica
Seguridad E Higiene En Peluqueria Y Estetica VeronicaSeguridad E Higiene En Peluqueria Y Estetica Veronica
Seguridad E Higiene En Peluqueria Y Estetica Veronica
 

Similar a Introducción a spa

Jc Web2.0 Java Ee5 Net Beans
Jc Web2.0 Java Ee5 Net BeansJc Web2.0 Java Ee5 Net Beans
Jc Web2.0 Java Ee5 Net Beansvicosw
 
Herramientas SharePoint para programadores .NET
Herramientas SharePoint para programadores .NETHerramientas SharePoint para programadores .NET
Herramientas SharePoint para programadores .NETHaaron Gonzalez
 
Evaluación de Propuestas Metodológicas para el Desarrollo de Aplicaciones Web
Evaluación de Propuestas Metodológicas para el Desarrollo de Aplicaciones WebEvaluación de Propuestas Metodológicas para el Desarrollo de Aplicaciones Web
Evaluación de Propuestas Metodológicas para el Desarrollo de Aplicaciones WebSoftware Guru
 
Desarrollando Una Mejor Experiencia De Usuario Con Ajax
Desarrollando Una Mejor Experiencia De Usuario Con AjaxDesarrollando Una Mejor Experiencia De Usuario Con Ajax
Desarrollando Una Mejor Experiencia De Usuario Con Ajaxjuliocasal
 
Adf. El Framework De Desarrollo De Fusion V7.0
Adf. El Framework De Desarrollo De Fusion V7.0Adf. El Framework De Desarrollo De Fusion V7.0
Adf. El Framework De Desarrollo De Fusion V7.0Pedro Gallardo
 
Bajo el Toldo con la Programabilidad de Microsoft SharePoint 2010
Bajo el Toldo con la Programabilidad de Microsoft SharePoint 2010Bajo el Toldo con la Programabilidad de Microsoft SharePoint 2010
Bajo el Toldo con la Programabilidad de Microsoft SharePoint 2010Andrés Iturralde
 
Web20
Web20Web20
Web20UJAP
 
Jdeveloper 11g
Jdeveloper 11gJdeveloper 11g
Jdeveloper 11gJulio Pari
 
HTML Tour - Construyendo tu ecosistema de desarrollo Web
HTML Tour - Construyendo tu ecosistema de desarrollo WebHTML Tour - Construyendo tu ecosistema de desarrollo Web
HTML Tour - Construyendo tu ecosistema de desarrollo WebPlain Concepts
 
Mudate a ajax sin morir en el intento.
Mudate a ajax sin morir en el intento.Mudate a ajax sin morir en el intento.
Mudate a ajax sin morir en el intento.Iván García Villar
 
Introduccion teorica a los frameworks de desarrollo para php
Introduccion teorica a los frameworks de desarrollo para phpIntroduccion teorica a los frameworks de desarrollo para php
Introduccion teorica a los frameworks de desarrollo para phpDaniel Hahn
 
1 curso javaserverfaces-presentacion_clase_1
1 curso javaserverfaces-presentacion_clase_11 curso javaserverfaces-presentacion_clase_1
1 curso javaserverfaces-presentacion_clase_1josezapana
 
Estrategias de desarrollo en sharepoint
Estrategias de desarrollo en sharepointEstrategias de desarrollo en sharepoint
Estrategias de desarrollo en sharepointDaniel Laco
 

Similar a Introducción a spa (20)

Jc Web2.0 Java Ee5 Net Beans
Jc Web2.0 Java Ee5 Net BeansJc Web2.0 Java Ee5 Net Beans
Jc Web2.0 Java Ee5 Net Beans
 
Herramientas SharePoint para programadores .NET
Herramientas SharePoint para programadores .NETHerramientas SharePoint para programadores .NET
Herramientas SharePoint para programadores .NET
 
Evaluación de Propuestas Metodológicas para el Desarrollo de Aplicaciones Web
Evaluación de Propuestas Metodológicas para el Desarrollo de Aplicaciones WebEvaluación de Propuestas Metodológicas para el Desarrollo de Aplicaciones Web
Evaluación de Propuestas Metodológicas para el Desarrollo de Aplicaciones Web
 
Tecnologias web
Tecnologias webTecnologias web
Tecnologias web
 
Aplicaciones Web
Aplicaciones WebAplicaciones Web
Aplicaciones Web
 
Desarrollando Una Mejor Experiencia De Usuario Con Ajax
Desarrollando Una Mejor Experiencia De Usuario Con AjaxDesarrollando Una Mejor Experiencia De Usuario Con Ajax
Desarrollando Una Mejor Experiencia De Usuario Con Ajax
 
Adf. El Framework De Desarrollo De Fusion V7.0
Adf. El Framework De Desarrollo De Fusion V7.0Adf. El Framework De Desarrollo De Fusion V7.0
Adf. El Framework De Desarrollo De Fusion V7.0
 
Bajo el Toldo con la Programabilidad de Microsoft SharePoint 2010
Bajo el Toldo con la Programabilidad de Microsoft SharePoint 2010Bajo el Toldo con la Programabilidad de Microsoft SharePoint 2010
Bajo el Toldo con la Programabilidad de Microsoft SharePoint 2010
 
Arquitectura
Arquitectura Arquitectura
Arquitectura
 
Frameworks J2EE
Frameworks J2EEFrameworks J2EE
Frameworks J2EE
 
Web20
Web20Web20
Web20
 
Desarrollo de webapps 1
Desarrollo de webapps 1Desarrollo de webapps 1
Desarrollo de webapps 1
 
Jdeveloper 11g
Jdeveloper 11gJdeveloper 11g
Jdeveloper 11g
 
HTML Tour - Construyendo tu ecosistema de desarrollo Web
HTML Tour - Construyendo tu ecosistema de desarrollo WebHTML Tour - Construyendo tu ecosistema de desarrollo Web
HTML Tour - Construyendo tu ecosistema de desarrollo Web
 
Mudate a ajax sin morir en el intento.
Mudate a ajax sin morir en el intento.Mudate a ajax sin morir en el intento.
Mudate a ajax sin morir en el intento.
 
Expo
ExpoExpo
Expo
 
Exposicion JSF
Exposicion JSFExposicion JSF
Exposicion JSF
 
Introduccion teorica a los frameworks de desarrollo para php
Introduccion teorica a los frameworks de desarrollo para phpIntroduccion teorica a los frameworks de desarrollo para php
Introduccion teorica a los frameworks de desarrollo para php
 
1 curso javaserverfaces-presentacion_clase_1
1 curso javaserverfaces-presentacion_clase_11 curso javaserverfaces-presentacion_clase_1
1 curso javaserverfaces-presentacion_clase_1
 
Estrategias de desarrollo en sharepoint
Estrategias de desarrollo en sharepointEstrategias de desarrollo en sharepoint
Estrategias de desarrollo en sharepoint
 

Más de Julito Avellaneda

Bases NoSQL y su implementación con Azure DocumentDB
Bases NoSQL y su implementación con Azure DocumentDBBases NoSQL y su implementación con Azure DocumentDB
Bases NoSQL y su implementación con Azure DocumentDBJulito Avellaneda
 
Introducción a ASPNET vNext
Introducción a ASPNET vNextIntroducción a ASPNET vNext
Introducción a ASPNET vNextJulito Avellaneda
 
Aplicaciones híbridas con Telerik AppBuilder
Aplicaciones híbridas con Telerik AppBuilderAplicaciones híbridas con Telerik AppBuilder
Aplicaciones híbridas con Telerik AppBuilderJulito Avellaneda
 
Aplicaciones híbridas con HTML5, JavaScript e Icenium
Aplicaciones híbridas con HTML5, JavaScript e IceniumAplicaciones híbridas con HTML5, JavaScript e Icenium
Aplicaciones híbridas con HTML5, JavaScript e IceniumJulito Avellaneda
 
JustTrace: Analiza tu aplicación
JustTrace: Analiza tu aplicaciónJustTrace: Analiza tu aplicación
JustTrace: Analiza tu aplicaciónJulito Avellaneda
 

Más de Julito Avellaneda (9)

Introducción a CQRS
Introducción a CQRSIntroducción a CQRS
Introducción a CQRS
 
Microservicios I
Microservicios IMicroservicios I
Microservicios I
 
Bases NoSQL y su implementación con Azure DocumentDB
Bases NoSQL y su implementación con Azure DocumentDBBases NoSQL y su implementación con Azure DocumentDB
Bases NoSQL y su implementación con Azure DocumentDB
 
Introducción a ASPNET vNext
Introducción a ASPNET vNextIntroducción a ASPNET vNext
Introducción a ASPNET vNext
 
Aplicaciones híbridas con Telerik AppBuilder
Aplicaciones híbridas con Telerik AppBuilderAplicaciones híbridas con Telerik AppBuilder
Aplicaciones híbridas con Telerik AppBuilder
 
Aplicaciones híbridas con HTML5, JavaScript e Icenium
Aplicaciones híbridas con HTML5, JavaScript e IceniumAplicaciones híbridas con HTML5, JavaScript e Icenium
Aplicaciones híbridas con HTML5, JavaScript e Icenium
 
JustTrace: Analiza tu aplicación
JustTrace: Analiza tu aplicaciónJustTrace: Analiza tu aplicación
JustTrace: Analiza tu aplicación
 
Introducción a html5
Introducción a html5Introducción a html5
Introducción a html5
 
jQuery y ASP
jQuery y ASPjQuery y ASP
jQuery y ASP
 

Último

Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...JaquelineJuarez15
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaarkananubis
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofJuancarlosHuertasNio1
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 

Último (20)

Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sof
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 

Introducción a spa

  • 1. Single Page Applications Introducción
  • 2. Julio Cesar Avellaneda http://julitogtu.wordpress.com Microsoft MVP ASP.NET @julitogtu
  • 3. Antes de SPA…..  ASP.NET Web Forms  ASP.NET MVC  HTML 5  PHP  Un poco de js
  • 4. Problemas a resolver  Estados  ViewState  Postback  Performance  Velocidad  Usabilidad
  • 5. Características SPA  Renderización en cliente  Cargue de 1 sola página  No más Postback  Disponibilidad offline  UI enriquecida  HTML 5!  Integración con REST
  • 6. Que necesitas?  JavaScript Skills  Diversas líbrerias JS  Servicios REST (Web API)  HTML 5 (storage, bd, offline)  Framework JS (Knockout, Backbone,Ember, ….)
  • 7. Aproximación inicial Modelos Plantillas Almacenamiento UI Vistas Controladores ……… Servicios REST (Web API) – Autenticación DB
  • 8. Recursos  http://www.pluralsight.com/training/Courses/TableOfContents/single- page-apps-jumpstart  http://www.pluralsight.com/training/Courses/TableOfContents/spa  http://www.johnpapa.net/  http://knockoutjs.com/  http://www.asp.net/web-api  http://www.asp.net/single-page-application