Upload
santi-leopardo
View
98
Download
0
Embed Size (px)
DESCRIPTION
Rápida introducción a la librería Backbone JS
Citation preview
¿Qué es Backbone?
Es una librería que nos ayuda a estructurar aplicaciones web mediante el
patrón MV*.
¿Y en qué beneficia al Frontend?
Persistencia de datos
Persistencia de datosCódigo separado por responsabilidades
Persistencia de datosCódigo separado por responsabilidades
Escalable y mantenible
¿Por qué elegir Backbone?
Bajo peso (6.5kb, Packed and gzipped)
Bajo peso (6.5kb, Packed and gzipped)
Libertad para elegir template
Bajo peso (6.5kb, Packed and gzipped)
Libertad para elegir templateNo usa data-binding
Bajo peso (6.5kb, Packed and gzipped)
Libertad para elegir templateNo usa data-bindingRápido aprendizaje
¡Pero cuidado!
Estamos creando contenido con Javascript. Hay que tener en cuenta la mejora
progresiva y SEO.
Dependencias
Model
Es el encargado de administrar los datos de la aplicación. Se sincroniza con el server
para guardar y pedir datos.
Métodos
set get
savefetch
Eventos
add removechange
change:attribute
View
Tiene la lógica para mostrar la información del modelo en pantalla. Se encarga de
bindeos sobre el DOM.
Están asociadas a un modelo y a un template.
Collection
Guarda modelos ordenadamente. Puede sincronizar con el server todos los modelos
almacenados.
Métodos
add remove
resetget
where
Router
Se encarga de resolver las URLs de la aplicación.
Documentacion oficial: http://backbonejs.org/
Demo: https://github.com/jashkenas/backbone/blob/master/examples/todos/todos.js