Soumettre la recherche
Mettre en ligne
Single Page Applications
•
5 j'aime
•
2,365 vues
Diego Cardozo
Suivre
Presentación sobre Single Page Applications para una Meetup local de .NET.
Lire moins
Lire la suite
Logiciels
Signaler
Partager
Signaler
Partager
1 sur 21
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
Presentación: Sistema de Archivos Distribuido (DFS)
Presentación: Sistema de Archivos Distribuido (DFS)
Alejandro Rodríguez
Arquitectura multicapa
Arquitectura multicapa
univ of pamplona
una comparacion de apache y ISS descripcion de cada uno
Cuadro comparativo de apache y iis
Cuadro comparativo de apache y iis
Angel Cisneros
Arquitectura Multiprocesadores
Arquitectura Multiprocesadores
JUANR1022
Diapositivas presentaciòn servicios web, mòdulo de teleinformàtica, segundo semestre grupo 4 de la maestria en Informàtica Aplicada a la Educaciòn.
Diapositivas servicios web
Diapositivas servicios web
anmari23
en este apartado conocerás, un poco de los aspectos generales de las redes computacionales.
Recursos compartidos en una Red LAN
Recursos compartidos en una Red LAN
sandiimartiinez
Objetivo: Identificar los conceptos básicos, arquitectura, comandos básicos, manejo de procesos e hilos de los sistemas operativos.
SO Unidad 1: Introducción a los Sistemas Operativos
SO Unidad 1: Introducción a los Sistemas Operativos
Franklin Parrales Bravo
Apache servidor web, caracteristicas,fundador,historia,creador,ventajas y desventajas. todo acerca de Servidor Apache
Servidor Apache
Servidor Apache
juanita aleman
Recommandé
Presentación: Sistema de Archivos Distribuido (DFS)
Presentación: Sistema de Archivos Distribuido (DFS)
Alejandro Rodríguez
Arquitectura multicapa
Arquitectura multicapa
univ of pamplona
una comparacion de apache y ISS descripcion de cada uno
Cuadro comparativo de apache y iis
Cuadro comparativo de apache y iis
Angel Cisneros
Arquitectura Multiprocesadores
Arquitectura Multiprocesadores
JUANR1022
Diapositivas presentaciòn servicios web, mòdulo de teleinformàtica, segundo semestre grupo 4 de la maestria en Informàtica Aplicada a la Educaciòn.
Diapositivas servicios web
Diapositivas servicios web
anmari23
en este apartado conocerás, un poco de los aspectos generales de las redes computacionales.
Recursos compartidos en una Red LAN
Recursos compartidos en una Red LAN
sandiimartiinez
Objetivo: Identificar los conceptos básicos, arquitectura, comandos básicos, manejo de procesos e hilos de los sistemas operativos.
SO Unidad 1: Introducción a los Sistemas Operativos
SO Unidad 1: Introducción a los Sistemas Operativos
Franklin Parrales Bravo
Apache servidor web, caracteristicas,fundador,historia,creador,ventajas y desventajas. todo acerca de Servidor Apache
Servidor Apache
Servidor Apache
juanita aleman
Es importante conocer los diferentes estilos y paradigmas de interacción, sus ventajas y desventajas para poder sacar provecho de ellos en el contexto adecuado.
Estilos y Paradigmas de Interacción
Estilos y Paradigmas de Interacción
Juan Manuel Gonzalez Calleros
Lenguaje de Programación
Lenguajes de programación.ppt
Lenguajes de programación.ppt
Eliezer Cordova
Es la quinta revisión importante del lenguaje básico de la World Wide Web
HTML5
HTML5
Jose Luis Dorao
Introducción al c#
Introducción al c#
Introducción al c#
VictorAcosta112
aaldkdkdkskskddjddd
Concepto de programacion
Concepto de programacion
alanqueeman
Esta presentación sintetiza los fundamentos de los lenguajes de programación. Espero los sea de mucha utilidad para comprender la importancia de estos programación.
Lenguajes de programación
Lenguajes de programación
farmero
Sistema operativo de red
Sistema operativo de red
Eduardo Fuentes Bernal
Curso de introducción a HTML5 y CSS3 impartido el 1 junio de 2012 a clientes de Paradigma Tecnológico http://www.paradigmatecnologico.com/blog/curso-de-html5-y-css3/
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
Paradigma Digital
Conceptos de software
Conceptos de software
Alejandra Regalado
Diapositivas De Redes
Diapositivas De Redes
leandro mauricio mora cuervo
MongoDB
MongoDB
Américo Uriarte Quispe
Arquitectura de software para aplicaciones móviles
Arquitectura de software para aplicaciones móviles
Sergio Castillo Yrizales
Sistema de Archivos Distribuidos
Sistema de Archivos Distribuidos
Angélica Espinosa , ITIL
Zzzzzzzzzzzzz...........
Estructura de lenguaje ensamblador
Estructura de lenguaje ensamblador
Eustakiu Padilla
Curso de HTML
Html
Html
Daniel Olalde Soto
Uso de Mysql, AppServ y phpMyAdmin
Características de MySQL
Características de MySQL
Alejandro Librado Acosta Cons
Sistemas distribuidos de cliente-servidor
IV Unidad Sistemas Operativos 2 Cliente-Servidor
IV Unidad Sistemas Operativos 2 Cliente-Servidor
Samuel Cervantes
modelo von neumann
Arquitectura clase-4
Arquitectura clase-4
Jorge Deleon
Contenido del Curso Sistemas Operativos I - 2C - 2012
Sistemas operativos por estructura
Sistemas operativos por estructura
Prof. Javier Troya
Desarrollo web
Desarrollo web
Jesus Clavijo
Charla sobre optimización de performance web @ FrontEnd MVD Meetup, Sinergia Coworking
Optimizar performance sin morir en el intento
Optimizar performance sin morir en el intento
Diego Cardozo
Presentación utilizada en una ponencia en el DMD Malaga 2016 (digitalmarketingday.es) por Alvaro Fontela de Raiola Networks. Se describen 8 puntos clave para optimizar Wordpress y conseguir mejorar la velocidad de carga general del sitio web. Puedes encontrar mas información sobre como optimizar Wordpress en la siguiente dirección URL: https://raiolanetworks.es/blog/ Presentación completada con el articulo sobre optimización de Wordpress publicado en este articulo en el blog Marketing and Web: http://www.marketingandweb.es/marketing/mejorar-la-velocidad-de-carga-en-wordpress/
Puntos clave para optimizar Wordpress by Raiola Networks
Puntos clave para optimizar Wordpress by Raiola Networks
Raiola Networks
Contenu connexe
Tendances
Es importante conocer los diferentes estilos y paradigmas de interacción, sus ventajas y desventajas para poder sacar provecho de ellos en el contexto adecuado.
Estilos y Paradigmas de Interacción
Estilos y Paradigmas de Interacción
Juan Manuel Gonzalez Calleros
Lenguaje de Programación
Lenguajes de programación.ppt
Lenguajes de programación.ppt
Eliezer Cordova
Es la quinta revisión importante del lenguaje básico de la World Wide Web
HTML5
HTML5
Jose Luis Dorao
Introducción al c#
Introducción al c#
Introducción al c#
VictorAcosta112
aaldkdkdkskskddjddd
Concepto de programacion
Concepto de programacion
alanqueeman
Esta presentación sintetiza los fundamentos de los lenguajes de programación. Espero los sea de mucha utilidad para comprender la importancia de estos programación.
Lenguajes de programación
Lenguajes de programación
farmero
Sistema operativo de red
Sistema operativo de red
Eduardo Fuentes Bernal
Curso de introducción a HTML5 y CSS3 impartido el 1 junio de 2012 a clientes de Paradigma Tecnológico http://www.paradigmatecnologico.com/blog/curso-de-html5-y-css3/
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
Paradigma Digital
Conceptos de software
Conceptos de software
Alejandra Regalado
Diapositivas De Redes
Diapositivas De Redes
leandro mauricio mora cuervo
MongoDB
MongoDB
Américo Uriarte Quispe
Arquitectura de software para aplicaciones móviles
Arquitectura de software para aplicaciones móviles
Sergio Castillo Yrizales
Sistema de Archivos Distribuidos
Sistema de Archivos Distribuidos
Angélica Espinosa , ITIL
Zzzzzzzzzzzzz...........
Estructura de lenguaje ensamblador
Estructura de lenguaje ensamblador
Eustakiu Padilla
Curso de HTML
Html
Html
Daniel Olalde Soto
Uso de Mysql, AppServ y phpMyAdmin
Características de MySQL
Características de MySQL
Alejandro Librado Acosta Cons
Sistemas distribuidos de cliente-servidor
IV Unidad Sistemas Operativos 2 Cliente-Servidor
IV Unidad Sistemas Operativos 2 Cliente-Servidor
Samuel Cervantes
modelo von neumann
Arquitectura clase-4
Arquitectura clase-4
Jorge Deleon
Contenido del Curso Sistemas Operativos I - 2C - 2012
Sistemas operativos por estructura
Sistemas operativos por estructura
Prof. Javier Troya
Desarrollo web
Desarrollo web
Jesus Clavijo
Tendances
(20)
Estilos y Paradigmas de Interacción
Estilos y Paradigmas de Interacción
Lenguajes de programación.ppt
Lenguajes de programación.ppt
HTML5
HTML5
Introducción al c#
Introducción al c#
Concepto de programacion
Concepto de programacion
Lenguajes de programación
Lenguajes de programación
Sistema operativo de red
Sistema operativo de red
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
Conceptos de software
Conceptos de software
Diapositivas De Redes
Diapositivas De Redes
MongoDB
MongoDB
Arquitectura de software para aplicaciones móviles
Arquitectura de software para aplicaciones móviles
Sistema de Archivos Distribuidos
Sistema de Archivos Distribuidos
Estructura de lenguaje ensamblador
Estructura de lenguaje ensamblador
Html
Html
Características de MySQL
Características de MySQL
IV Unidad Sistemas Operativos 2 Cliente-Servidor
IV Unidad Sistemas Operativos 2 Cliente-Servidor
Arquitectura clase-4
Arquitectura clase-4
Sistemas operativos por estructura
Sistemas operativos por estructura
Desarrollo web
Desarrollo web
Similaire à Single Page Applications
Charla sobre optimización de performance web @ FrontEnd MVD Meetup, Sinergia Coworking
Optimizar performance sin morir en el intento
Optimizar performance sin morir en el intento
Diego Cardozo
Presentación utilizada en una ponencia en el DMD Malaga 2016 (digitalmarketingday.es) por Alvaro Fontela de Raiola Networks. Se describen 8 puntos clave para optimizar Wordpress y conseguir mejorar la velocidad de carga general del sitio web. Puedes encontrar mas información sobre como optimizar Wordpress en la siguiente dirección URL: https://raiolanetworks.es/blog/ Presentación completada con el articulo sobre optimización de Wordpress publicado en este articulo en el blog Marketing and Web: http://www.marketingandweb.es/marketing/mejorar-la-velocidad-de-carga-en-wordpress/
Puntos clave para optimizar Wordpress by Raiola Networks
Puntos clave para optimizar Wordpress by Raiola Networks
Raiola Networks
Code camp 2011 - Creando aplicaciones a la velocidad de la luz
Code camp 2011 - Creando aplicaciones a la velocidad de la luz
Diego Ferreyra
5-Unidad 2: Diseños de Vista-2.2 Para Web
5-Unidad 2: Diseños de Vista-2.2 Para Web
5-Unidad 2: Diseños de Vista-2.2 Para Web
Luis Fernando Aguas Bucheli
Conferencia sobre Performance en Drupal 7 en el Drupal Camp Foz 2011, Brasil - Karim Boudjema - Fernando Paredes
Performance en Drupal 7
Performance en Drupal 7
Karim Boudjema Schombourg
Resumen de las 14 reglas para tener un alto rendimiento en sitios web
High performance Web Sites
High performance Web Sites
openfinanceDev
Se presenta breve explicación de que son las tecnologías cliente así mismo como las tecnologías servidor. Ademas de saber como y cuando se usan cualquiera de estas.
Plataformas cliente servidor
Plataformas cliente servidor
Edsel Barbosa González
Como desarrolladores de software, nos solemos enfrentar con decisiones en nuestros proyectos que afectarán a toda la arquitectura de estos de una u otra manera. Una de las decisiones principales que deben de tomarse en el planteamiento de un proyecto web es dónde implementar la lógica y el renderizado del frontend. Esta decisión puede no ser tan evidente a veces y debemos analizar nuestro escenario para encontrar la estrategia más adecuada para renderizar nuestra web.
Renderizando la web del 2020
Renderizando la web del 2020
Adrian Alonso Vega
IV Encuentros de Programadores Java en la Universidad S. Jaume I, Castellon, Oct-2010
Aprendiendo GWT
Aprendiendo GWT
Manuel Carrasco Moñino
Programación Reactiva, Javascript Isomorfo y Meteorjs ! Reactive Programming, DerbyJs, Mojito, TogetherJs, MeteorJs, Useful Links Modulus.io etc!!
Programación Reactiva, Javascript Isomorfo y Meteorjs !
Programación Reactiva, Javascript Isomorfo y Meteorjs !
ouuyeah
Revelamos los secretos de cómo crear una arquitectura de aplicación escalable basada sobre Drupal. Cómo economizar tiempo de desarrollo, acelerar el roadmap del proyecto reutilizando código y creciendo la arquitectura conforme la demanda.
Proyectos escalables con Drupal
Proyectos escalables con Drupal
Pablo Cerda
En estas diapositivas encontraremos conceptos, elementos y fundamentos que nos llevan a la programacion basica ! ; ) ♂ ♥ ♀
Programacion Basica
Programacion Basica
Yoconditap
estas diapositivas presentan las tecnicas de programacion
Presentación de programacion
Presentación de programacion
lajokito
otrossss
Tema 6
Tema 6
ELias Davila Guerrero
UDA-Utilidades de desarrollo de aplicaciones • Desarrollo RUP. Consejos y buenas prácticas http://uda-ejie.github.io/
UDA-Desarrollo RUP. Consejos y buenas prácticas
UDA-Desarrollo RUP. Consejos y buenas prácticas
Ander Martinez
Instalacion y Descripcion Adobe Dream Weaver
Instalacion adobe dream weaver
Instalacion adobe dream weaver
Luis Viteri
Gracias a http://programadorphp.org/ Optimizar JavaScript...una explicación sencilla.
Rendimiento Java Script - Programador PHP
Rendimiento Java Script - Programador PHP
Juan Belón Pérez
Presentación realizada en la Institución Universitaria CEIPA (Colombia) que aborda -desde la comunicación y la producción Web- aspectos relevantes para el diseño responsive web. Si quieres tener website amigables para dispositivos móviles, esta presentación puede aportar elementos de interés. Esta presentación está en constante construcción.
Responsive Web Design
Responsive Web Design
Juan Morales
Jsf Java Server Faces
Jsf Java Server Faces
cok12v
Semana 4 SPA vs MPA
Semana 4 SPA vs MPA
Semana 4 SPA vs MPA
Richard Eliseo Mendoza Gafaro
Similaire à Single Page Applications
(20)
Optimizar performance sin morir en el intento
Optimizar performance sin morir en el intento
Puntos clave para optimizar Wordpress by Raiola Networks
Puntos clave para optimizar Wordpress by Raiola Networks
Code camp 2011 - Creando aplicaciones a la velocidad de la luz
Code camp 2011 - Creando aplicaciones a la velocidad de la luz
5-Unidad 2: Diseños de Vista-2.2 Para Web
5-Unidad 2: Diseños de Vista-2.2 Para Web
Performance en Drupal 7
Performance en Drupal 7
High performance Web Sites
High performance Web Sites
Plataformas cliente servidor
Plataformas cliente servidor
Renderizando la web del 2020
Renderizando la web del 2020
Aprendiendo GWT
Aprendiendo GWT
Programación Reactiva, Javascript Isomorfo y Meteorjs !
Programación Reactiva, Javascript Isomorfo y Meteorjs !
Proyectos escalables con Drupal
Proyectos escalables con Drupal
Programacion Basica
Programacion Basica
Presentación de programacion
Presentación de programacion
Tema 6
Tema 6
UDA-Desarrollo RUP. Consejos y buenas prácticas
UDA-Desarrollo RUP. Consejos y buenas prácticas
Instalacion adobe dream weaver
Instalacion adobe dream weaver
Rendimiento Java Script - Programador PHP
Rendimiento Java Script - Programador PHP
Responsive Web Design
Responsive Web Design
Jsf Java Server Faces
Jsf Java Server Faces
Semana 4 SPA vs MPA
Semana 4 SPA vs MPA
Plus de Diego Cardozo
Día a día utilizamos computadoras de 2000 dólares para construir y testear nuestras aplicaciones. Sin embargo, se ha comprobado que el próximo billón de usuarios que comenzará a utilizar la web y aplicaciones móviles lo hará desde dispositivos de bajo costo con grandes limitaciones. Accederán a nuestras aplicaciones desde lugares remotos del planeta. Tendrán restricciones de accesibilidad, velocidad de conexión y poder de cómputo. En esta charla reflexionemos sobre cómo podemos testear nuestras aplicaciones para asegurar que funcionarán bien para todos y no solo para unos pocos. Charla en youtube: https://www.youtube.com/watch?v=DvHEFG5GkBU
El proximo billon de usuarios
El proximo billon de usuarios
Diego Cardozo
Every day we use 2000 dollar computers to build and test our apps. However, it has been shown that the next billion internet users will access our apps through low end devices with lots of limitations. They are on remote places of the globe, they have accessibility restrictions and devices with limited compute power and slow connection speeds. In this talk we will reflect on how to build and test apps that can be used by everyone and not just a few. Presented at TestingUY 2018 Recording (spanish): https://www.youtube.com/watch?v=DvHEFG5GkBU
The next billion users
The next billion users
Diego Cardozo
Presented at SuiteWorld 2018 in Las Vegas, Nevada. Studies show a direct correlation between website speed and conversion rates: faster speeds equals higher revenue and bigger profits. In this session, we'll demonstrate how to detect and correct various performance pitfalls in SuiteCommerce. We'll teach you all about best practices and tools for ensuring that your web store outperforms your competitors by more than 30%.
Troubleshooting Ecommerce Performance
Troubleshooting Ecommerce Performance
Diego Cardozo
Presented at SuiteWorld 2017 in Las Vegas, Nevada. With the release of NetSuite 17.1 comes several exciting new features that can give your website massive performance gains. In this session, we’ll look at these new features and show you how to leverage them to dramatically improve the speed of your website. We'll also look at some of the most common performance problems that we encounter when optimizing SuiteCommerce Advanced websites, and show you how to diagnose and remedy these problems for yourself.
Cranking It Up - SuiteWorld 2017
Cranking It Up - SuiteWorld 2017
Diego Cardozo
Presented at SuiteWorld 2016 in San Jose, California. Studies show a direct correlation between website performance and conversion rates. In other words, a fast website is critical to success. In this session we will demonstrate how to optimize the performance of a SuiteCommerce Advanced site. You will learn all about best practices, in conjunction with the tools and processes in place to make sure your store meets the high demands for speed you and your customers expect.
Speed Thrills - Suiteworld 2016
Speed Thrills - Suiteworld 2016
Diego Cardozo
Talk at .NET Conf Uruguay 2016
Performance in the cloud
Performance in the cloud
Diego Cardozo
Presentacion sobre testing de performance. Presentado en www.testing.uy
Cómo testear performance sin morir en el intento
Cómo testear performance sin morir en el intento
Diego Cardozo
Talk on web performance optimization @ FrontEnd MVD Meetup, Sinergia Coworking
Optimize performance and not die trying
Optimize performance and not die trying
Diego Cardozo
Presentation on performance testing @ 3rd testing meetup, LATU (Uruguay's Technological Laboratory). Agenda: 1. What to measure 2. Quick tests 3. Automation 4. Selling performance
How to test performance and not die trying
How to test performance and not die trying
Diego Cardozo
Charla sobre testing de performance @ 3er meetup de testing, Latu. Agenda: 1. Qué medir 2. Pruebas rápidas 3. Automatización 4. Vender performance
Testeando performance sin morir en el intento
Testeando performance sin morir en el intento
Diego Cardozo
Charla sobre como estructurar aplicaciones web con Backbone.js, presentada en una Meetup local de JavaScript.
Organización de aplicaciones web con Backbone.js
Organización de aplicaciones web con Backbone.js
Diego Cardozo
Talk on how to structure web applications with Backbonejs, presented at a local JavaScript meetup.
Structuring web applications with Backbone.js
Structuring web applications with Backbone.js
Diego Cardozo
Talk on component based software development, presented in the eight Uruguayan .NET Meetup.
Component Based Software Development
Component Based Software Development
Diego Cardozo
Charla sobre Desarrollo de Software Basado en componentes, presentada en la octava meetup de .NET Uruguay. Incluye
Desarrollo de Software Basado en Componentes
Desarrollo de Software Basado en Componentes
Diego Cardozo
This presentation is about building Single Page Applications. It was written for a .NET Meetup in Uruguay, so it will also be targeted at Microsoft developers.
Single page applications
Single page applications
Diego Cardozo
Plus de Diego Cardozo
(15)
El proximo billon de usuarios
El proximo billon de usuarios
The next billion users
The next billion users
Troubleshooting Ecommerce Performance
Troubleshooting Ecommerce Performance
Cranking It Up - SuiteWorld 2017
Cranking It Up - SuiteWorld 2017
Speed Thrills - Suiteworld 2016
Speed Thrills - Suiteworld 2016
Performance in the cloud
Performance in the cloud
Cómo testear performance sin morir en el intento
Cómo testear performance sin morir en el intento
Optimize performance and not die trying
Optimize performance and not die trying
How to test performance and not die trying
How to test performance and not die trying
Testeando performance sin morir en el intento
Testeando performance sin morir en el intento
Organización de aplicaciones web con Backbone.js
Organización de aplicaciones web con Backbone.js
Structuring web applications with Backbone.js
Structuring web applications with Backbone.js
Component Based Software Development
Component Based Software Development
Desarrollo de Software Basado en Componentes
Desarrollo de Software Basado en Componentes
Single page applications
Single page applications
Single Page Applications
1.
Single Page Applications Diego Cardozo github.com/diegocard/SPA-Presentation
2.
Temas 1. Motivación 2. Introducción 3.
Ejemplos 4. Arquitectura 5. Ventajas y desventajas 6. Herramientas 7. Demo
3.
Motivación (1) Uno de los factores principales para la experiencia de usuario es el tiempo de carga. Para mejorarlo, conocemos varias técnicas: Minimizar scripts y CSS Combinar imágenes en un único sprite Retardar la ejecución de JavaScript Manejo especial de archivos estáticos (CDN) Caché de recursos
4.
Motivación (2) Sin embargo, aún con caché el browser debe: Volver a parsear y ejecutar el código CSS y JavaScript. Descargar y parsear todo el código HTML. Aún cuando sólo haya cambiado un pequeña parte. Reconstruir el árbol DOM. Renderizar la interfaz. El usuario ve como la página se construye mientras espera.
5.
Motivación (3) En resumen, SPA surge como una respuesta a las preguntas: ¿Como podemos lograr un manejo mas eficiente? ¿Podemos cargar solamente lo nuevo o necesario? ¿Como podemos mejorar la experiencia del usuario?
6.
Introducción (1) ¿Que es una SPA? Es un nuevo enfoque para construir aplicaciones web. Todo el código se carga en la primera llamada o posteriormente de forma dinámica, sin recargar la página. La navegación se resuelve en el cliente. Las llamadas al servidor se hacen de forma asincrónica. La interfaz se construye en el cliente.
7.
Introducción (2) Que NO es una SPA Unir todas las páginas del sitio en una sola y cargarla estáticamente. Blanco o negro, existen enfoques híbridos. Una bala de plata: puede no servir para todos los casos o proyectos.
8.
Introducción (3) ¿Que puede hacer una SPA? Cambios de URL y navegación hacia atrás y adelante. Manipulación de DOM del lado del cliente. Esperar a que la vista se cargue antes de mostrarla. Almacenar páginas ya cargadas en el cliente.
9.
Ejemplos GMail Esta presentación Stashy Nogginator
10.
Arquitectura
11.
Ventajas y desventajas (1) Ventajas Interfaz mas rápida. Mantenimiento más sencillo. Distribución de carga. Comienzo del desarrollo más ágil. La interfaz es simplemente otro cliente. Se presta muy bien para testing. Perfecto para combinar con aplicaciones móviles.
12.
Ventajas y desventajas (2) Desventajas La primera carga puede ser lenta. SEO se vuelve complejo. Require JavaScript habilitado. Requiere conocimiento adicional de JavaScript. Rompe con las convenciones de analytics, ads y widgets.
13.
Ventajas y desventajas (3) Otros aspectos Trasladamos la lógica de negocio no crítica al cliente. Antes nuestro código era 90% C#/VB y 10% JS. Ahora para a ser a 50 y 50. No es una ventaja o desventaja, pero vamos a precisar un juego distinto de herramientas para mantener buenas prácticas.
14.
Herramientas (1) Desarrollo del cliente
15.
Herramientas (2) Knockout.js Knockout creado por Steve Anderson PM de ASP.NET en Microsoft. Utiliza MVVM, patrón de diseño creado por John Smith MVP en Microsoft por su trabajo en WPF. Se puede utilizar aún cuando no desarrollamos SPA. Incluído por defecto junto con los templates de MVC4.
16.
Herramientas (3) Desarrollo del servidor En MVC, nuestros controladores pasan a ser ApiControllers para definir un API RESTful. Implementamos una sola vista (layout). No vamos a utilizar Razor para renderizar las vistas. Vamos a ver un template para Visual Studio que trae un proyecto pre-configurado para SPA (Hot Towel SPA).
17.
Demo (1) Partimos del template Hot Towel SPA de John Papa Vamos a ver los principales componenetes de Durandal Ver cada componente a fondo llevaría demasiado. En el servidor recorremos el API RESTful Expone los datos de los usuarios. Agregamos una funcionalidad (sesiones). Recorremos el código del cliente. Analizamos las librerías mas importantes.
18.
Demogithub.com/diegocard/SPA-Demo
19.
Recursos learn.knockout.com singlepageappbook.com todomvc.com johnpapa.net slideshare.net/dcslides/spa-25806613
20.
Para saber más
21.
¿Preguntas?
Télécharger maintenant