SlideShare una empresa de Scribd logo
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 + webcomponents
Avanet
 
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 interente
Dmoralks
 
Wordpress Meetup - Junio 2015
Wordpress Meetup - Junio 2015Wordpress Meetup - Junio 2015
Wordpress Meetup - Junio 2015
Emiliano Hernandez
 
Introducción a Angular JS
Introducción a Angular JSIntroducción a Angular JS
Introducción a Angular JS
César Jefferson Aquino Maximiliano
 
Web Development introduction
Web Development introductionWeb Development introduction
Web Development introduction
Ezequiel Maraschio
 
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
Julio Alfaro
 
Introducción a Responsive Design
Introducción a Responsive DesignIntroducción a Responsive Design
Introducción a Responsive Design
Leonidas Esteban González
 
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
Víctor Leonel Orozco López
 
Angular.js
Angular.jsAngular.js
Angular.js
GDG Cali
 
Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1
Rafael Garcia
 
Google Web Toolkit
Google Web ToolkitGoogle Web Toolkit
Google Web Toolkit
Guido De Benedetti
 
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
Rodolfo Finochietti
 
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
 
Las Herramientas de un Frontend
Las Herramientas de un FrontendLas Herramientas de un Frontend
Las Herramientas de un Frontend
Leonidas Esteban González
 
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
Carlos 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.js
Arsys
 
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 scripts
Hernando 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 final
alexisemendo
 
Plan de Marketing
Plan de MarketingPlan de Marketing
Plan de Marketing
guest3ae10c
 
creacion de un spa
creacion de un  spacreacion de un  spa
creacion de un spa
jmosorio777
 
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 spa
portafoliospavenus
 
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
penazcurna
 

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 Beans
vicosw
 
Herramientas SharePoint para programadores .NET
Herramientas SharePoint para programadores .NETHerramientas SharePoint para programadores .NET
Herramientas SharePoint para programadores .NET
Haaron 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 Web
Software Guru
 
Tecnologias web
Tecnologias webTecnologias web
Tecnologias web
noemi_arbos
 
Aplicaciones Web
Aplicaciones WebAplicaciones 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
juliocasal
 
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
Pedro 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 2010
Andrés Iturralde
 
Arquitectura
Arquitectura Arquitectura
Arquitectura
Antonio Manuel
 
Frameworks J2EE
Frameworks J2EEFrameworks J2EE
Frameworks J2EE
Iker Canarias
 
Web20
Web20Web20
Web20
UJAP
 
Desarrollo de webapps 1
Desarrollo de webapps 1Desarrollo de webapps 1
Desarrollo de webapps 1
Sergio Lozano García
 
Jdeveloper 11g
Jdeveloper 11gJdeveloper 11g
Jdeveloper 11g
Julio 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 Web
Plain 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
 
Exposicion JSF
Exposicion JSFExposicion JSF
Exposicion JSF
castlellanos
 
Expo
ExpoExpo
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
Daniel Hahn
 
1 curso javaserverfaces-presentacion_clase_1
1 curso javaserverfaces-presentacion_clase_11 curso javaserverfaces-presentacion_clase_1
1 curso javaserverfaces-presentacion_clase_1
josezapana
 
Estrategias de desarrollo en sharepoint
Estrategias de desarrollo en sharepointEstrategias de desarrollo en sharepoint
Estrategias de desarrollo en sharepoint
Daniel 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.
 
Exposicion JSF
Exposicion JSFExposicion JSF
Exposicion JSF
 
Expo
ExpoExpo
Expo
 
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

Introducción a CQRS
Introducción a CQRSIntroducción a CQRS
Introducción a CQRS
Julito Avellaneda
 
Microservicios I
Microservicios IMicroservicios I
Microservicios I
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 DocumentDB
Julito Avellaneda
 
Introducción a ASPNET vNext
Introducción a ASPNET vNextIntroducción a ASPNET vNext
Introducción a ASPNET vNext
Julito Avellaneda
 
Aplicaciones híbridas con Telerik AppBuilder
Aplicaciones híbridas con Telerik AppBuilderAplicaciones híbridas con Telerik AppBuilder
Aplicaciones híbridas con Telerik AppBuilder
Julito 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 Icenium
Julito Avellaneda
 
JustTrace: Analiza tu aplicación
JustTrace: Analiza tu aplicaciónJustTrace: Analiza tu aplicación
JustTrace: Analiza tu aplicación
Julito Avellaneda
 
Introducción a html5
Introducción a html5Introducción a html5
Introducción a html5
Julito Avellaneda
 
jQuery y ASP
jQuery y ASPjQuery y ASP
jQuery y ASP
Julito 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

REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANOREVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
gisellearanguren1
 
Refrigeradores Samsung Modo Test y Forzado
Refrigeradores Samsung Modo Test y ForzadoRefrigeradores Samsung Modo Test y Forzado
Refrigeradores Samsung Modo Test y Forzado
NicandroMartinez2
 
mantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptxmantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptx
MiguelAtencio10
 
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdfProjecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
Festibity
 
herramientas de sitio web 3.0 2024
herramientas de sitio web 3.0  2024herramientas de sitio web 3.0  2024
herramientas de sitio web 3.0 2024
julio05042006
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
YashiraPaye
 
Second Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro TapiaSecond Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro Tapia
al050121024
 
Gabinete, puertos y dispositivos que se conectan al case
Gabinete,  puertos y  dispositivos que se conectan al caseGabinete,  puertos y  dispositivos que se conectan al case
Gabinete, puertos y dispositivos que se conectan al case
JuanaNT7
 
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
AbrahamCastillo42
 
computacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADOcomputacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADO
YaniEscobar2
 
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdfProjecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Festibity
 
Presentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre bloggerPresentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre blogger
larapalaciosmonzon28
 
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador ValenciaCatalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
AMADO SALVADOR
 
Manual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computoManual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computo
mantenimientocarbra6
 
Manual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputoManual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputo
doctorsoluciones34
 
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
larapalaciosmonzon28
 
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
codesiret
 
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdfPresentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
giampierdiaz5
 
Programming & Artificial Intelligence ebook.pdf
Programming & Artificial Intelligence ebook.pdfProgramming & Artificial Intelligence ebook.pdf
Programming & Artificial Intelligence ebook.pdf
Manuel Diaz
 
Computacion cuántica y sus ventajas y desventajas
Computacion cuántica y sus ventajas y desventajasComputacion cuántica y sus ventajas y desventajas
Computacion cuántica y sus ventajas y desventajas
sofiahuarancabellido
 

Último (20)

REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANOREVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
 
Refrigeradores Samsung Modo Test y Forzado
Refrigeradores Samsung Modo Test y ForzadoRefrigeradores Samsung Modo Test y Forzado
Refrigeradores Samsung Modo Test y Forzado
 
mantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptxmantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptx
 
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdfProjecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
 
herramientas de sitio web 3.0 2024
herramientas de sitio web 3.0  2024herramientas de sitio web 3.0  2024
herramientas de sitio web 3.0 2024
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
 
Second Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro TapiaSecond Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro Tapia
 
Gabinete, puertos y dispositivos que se conectan al case
Gabinete,  puertos y  dispositivos que se conectan al caseGabinete,  puertos y  dispositivos que se conectan al case
Gabinete, puertos y dispositivos que se conectan al case
 
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
 
computacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADOcomputacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADO
 
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdfProjecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
 
Presentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre bloggerPresentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre blogger
 
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador ValenciaCatalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
 
Manual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computoManual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computo
 
Manual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputoManual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputo
 
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
 
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)
 
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdfPresentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
 
Programming & Artificial Intelligence ebook.pdf
Programming & Artificial Intelligence ebook.pdfProgramming & Artificial Intelligence ebook.pdf
Programming & Artificial Intelligence ebook.pdf
 
Computacion cuántica y sus ventajas y desventajas
Computacion cuántica y sus ventajas y desventajasComputacion cuántica y sus ventajas y desventajas
Computacion cuántica y sus ventajas y desventajas
 

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