SlideShare a Scribd company logo
1 of 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

More Related Content

What's hot

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
 

What's hot (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
 

Viewers also liked

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
 

Viewers also liked (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 to 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 to 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
 

More from 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
 

More from 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
 

Recently uploaded

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 

Recently uploaded (10)

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 

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