+ All Categories
Home > Education > Single Page Application - Aníbal Rojas

Single Page Application - Aníbal Rojas

Date post: 17-Dec-2014
Category:
Upload: caracas-tech-meetup
View: 351 times
Download: 1 times
Share this document with a friend
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.
28
Transcript
Page 1: Single Page Application - Aníbal Rojas
Page 2: Single Page Application - Aníbal Rojas

AníbalRojas@[email protected]

Page 3: Single Page Application - Aníbal Rojas

15+ añosdesarrolloweb

Page 4: Single Page Application - Aníbal Rojas

SPASingle Page Applications

Page 5: Single Page Application - Aníbal Rojas

¿Por qué?(hay 2 razones)

Page 6: Single Page Application - Aníbal Rojas

1. Pageloads:no soncuchis

Page 7: Single Page Application - Aníbal Rojas

Javascript al“rescate”

Page 8: Single Page Application - Aníbal Rojas

EfectoBola deJavascript

Page 9: Single Page Application - Aníbal Rojas

Server Client

Page 10: Single Page Application - Aníbal Rojas

2. AplicacionesNativas

$

Page 11: Single Page Application - Aníbal Rojas

1+2

Page 12: Single Page Application - Aníbal Rojas

SPASingle Page Applications

Page 13: Single Page Application - Aníbal Rojas

1 páginaHTML

+n assets

(Javascript, etc)

Page 14: Single Page Application - Aníbal Rojas

El backendse convierte

en un API purovia AJAX

Page 15: Single Page Application - Aníbal Rojas

El BuisnessLogicmigra

Client Side

Page 16: Single Page Application - Aníbal Rojas

Pero...¿Cómo me ayuda esto?

Page 17: Single Page Application - Aníbal Rojas

frameworks

MV*

Page 18: Single Page Application - Aníbal Rojas

Spine.jsBackbone.js

Angular.jsEmber.js

Page 19: Single Page Application - Aníbal Rojas

Spine.js- Minimalista < 7KB- MVC 'a la Rails'- CoffeeScript- Underscore.js- Bindings- Murió

Page 20: Single Page Application - Aníbal Rojas

Backbone.js- 'MVP'- Demasiado flexible- Collections ← :-) - Mucho código- Marionette.js y otros.- Gran ecosistema

Page 21: Single Page Application - Aníbal Rojas

Angular.js- Rompe paradigmas- Extiende HTML- Componentes- The no JQuery way- “Modeless”- Complejo para escalar

Page 22: Single Page Application - Aníbal Rojas

Pero...¿Y si el

browserestá off-line?

Page 23: Single Page Application - Aníbal Rojas

Local Storage- Límites de tamaño- Síncrono- Otras limitaciones

Page 24: Single Page Application - Aníbal Rojas

Application Cache- En general funciona- Algunos glitches aplican

Page 25: Single Page Application - Aníbal Rojas

En conclusión:

Funcionapero es

Rudo

Page 26: Single Page Application - Aníbal Rojas

GRACIAS

Page 27: Single Page Application - Aníbal Rojas

AníbalRojas@[email protected]

Page 28: Single Page Application - Aníbal Rojas

Y si conocenalguieninteresadoen trabajardesarrollandoaplicacionescomo estas, pues no dejen de avisarnos y pueden ganarun botín por la referencia :-)


Recommended