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

Introducción a spa

  • 1.
  • 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