single page application - aníbal rojas
DESCRIPTION
Aníbal, desarrollador web, especializado en Ruby, Rails, Sinatra y JavaScript presentará su experiencia en el desarrollo de aplicaciones de una sola página usando XML, JSON y AJAX como únicos transportes de datos y HTML, CSS 3 y JavaScript.TRANSCRIPT
![Page 1: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/1.jpg)
![Page 2: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/2.jpg)
AníbalRojas@[email protected]
![Page 3: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/3.jpg)
15+ añosdesarrolloweb
![Page 4: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/4.jpg)
SPASingle Page Applications
![Page 5: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/5.jpg)
¿Por qué?(hay 2 razones)
![Page 6: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/6.jpg)
1. Pageloads:no soncuchis
![Page 7: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/7.jpg)
Javascript al“rescate”
![Page 8: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/8.jpg)
EfectoBola deJavascript
![Page 9: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/9.jpg)
Server Client
![Page 10: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/10.jpg)
2. AplicacionesNativas
$
![Page 11: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/11.jpg)
1+2
![Page 12: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/12.jpg)
SPASingle Page Applications
![Page 13: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/13.jpg)
1 páginaHTML
+n assets
(Javascript, etc)
![Page 14: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/14.jpg)
El backendse convierte
en un API purovia AJAX
![Page 15: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/15.jpg)
El BuisnessLogicmigra
Client Side
![Page 16: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/16.jpg)
Pero...¿Cómo me ayuda esto?
![Page 17: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/17.jpg)
frameworks
MV*
![Page 18: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/18.jpg)
Spine.jsBackbone.js
Angular.jsEmber.js
![Page 19: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/19.jpg)
Spine.js- Minimalista < 7KB- MVC 'a la Rails'- CoffeeScript- Underscore.js- Bindings- Murió
![Page 20: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/20.jpg)
Backbone.js- 'MVP'- Demasiado flexible- Collections ← :-) - Mucho código- Marionette.js y otros.- Gran ecosistema
![Page 21: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/21.jpg)
Angular.js- Rompe paradigmas- Extiende HTML- Componentes- The no JQuery way- “Modeless”- Complejo para escalar
![Page 22: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/22.jpg)
Pero...¿Y si el
browserestá off-line?
![Page 23: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/23.jpg)
Local Storage- Límites de tamaño- Síncrono- Otras limitaciones
![Page 24: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/24.jpg)
Application Cache- En general funciona- Algunos glitches aplican
![Page 25: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/25.jpg)
En conclusión:
Funcionapero es
Rudo
![Page 26: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/26.jpg)
GRACIAS
![Page 27: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/27.jpg)
AníbalRojas@[email protected]
![Page 28: Single Page Application - Aníbal Rojas](https://reader034.vdocuments.net/reader034/viewer/2022051514/54922a85ac795925288b4705/html5/thumbnails/28.jpg)
Y si conocenalguieninteresadoen trabajardesarrollandoaplicacionescomo estas, pues no dejen de avisarnos y pueden ganarun botín por la referencia :-)