introducción a backbone js

29

Upload: santi-leopardo

Post on 24-Jun-2015

97 views

Category:

Internet


0 download

DESCRIPTION

Rápida introducción a la librería Backbone JS

TRANSCRIPT

Page 1: Introducción a Backbone JS
Page 2: Introducción a Backbone JS

¿Qué es Backbone?

Page 3: Introducción a Backbone JS

Es una librería que nos ayuda a estructurar aplicaciones web mediante el

patrón MV*.

Page 4: Introducción a Backbone JS

¿Y en qué beneficia al Frontend?

Page 5: Introducción a Backbone JS

Persistencia de datos

Page 6: Introducción a Backbone JS

Persistencia de datosCódigo separado por responsabilidades

Page 7: Introducción a Backbone JS

Persistencia de datosCódigo separado por responsabilidades

Escalable y mantenible

Page 8: Introducción a Backbone JS

¿Por qué elegir Backbone?

Page 9: Introducción a Backbone JS

Bajo peso (6.5kb, Packed and gzipped)

Page 10: Introducción a Backbone JS

Bajo peso (6.5kb, Packed and gzipped)

Libertad para elegir template

Page 11: Introducción a Backbone JS

Bajo peso (6.5kb, Packed and gzipped)

Libertad para elegir templateNo usa data-binding

Page 12: Introducción a Backbone JS

Bajo peso (6.5kb, Packed and gzipped)

Libertad para elegir templateNo usa data-bindingRápido aprendizaje

Page 13: Introducción a Backbone JS

¡Pero cuidado!

Page 14: Introducción a Backbone JS

Estamos creando contenido con Javascript. Hay que tener en cuenta la mejora

progresiva y SEO.

Page 15: Introducción a Backbone JS

Dependencias

Page 16: Introducción a Backbone JS
Page 17: Introducción a Backbone JS

Model

Page 18: Introducción a Backbone JS

Es el encargado de administrar los datos de la aplicación. Se sincroniza con el server

para guardar y pedir datos.

Page 19: Introducción a Backbone JS

Métodos

set get

savefetch

Page 20: Introducción a Backbone JS

Eventos

add removechange

change:attribute

Page 21: Introducción a Backbone JS

View

Page 22: Introducción a Backbone JS

Tiene la lógica para mostrar la información del modelo en pantalla. Se encarga de

bindeos sobre el DOM.

Page 23: Introducción a Backbone JS

Están asociadas a un modelo y a un template.

Page 24: Introducción a Backbone JS

Collection

Page 25: Introducción a Backbone JS

Guarda modelos ordenadamente. Puede sincronizar con el server todos los modelos

almacenados.

Page 26: Introducción a Backbone JS

Métodos

add remove

resetget

where

Page 27: Introducción a Backbone JS

Router

Page 28: Introducción a Backbone JS

Se encarga de resolver las URLs de la aplicación.

Page 29: Introducción a Backbone JS

Documentacion oficial: http://backbonejs.org/

Demo: https://github.com/jashkenas/backbone/blob/master/examples/todos/todos.js