Slide 1

Slide 1 text

Desarrollo FrontEnd con JavaScript s05 – Backbone.js : Vistas y routers

Slide 2

Slide 2 text

Backbone.js Model Collection View Router

Slide 3

Slide 3 text

Backbone.View

Slide 4

Slide 4 text

Backbone.View

Slide 5

Slide 5 text

Backbone.View • Maneja la interacción de la aplicación con el usuario. • Escucha los cambios realizados en el modelo o colección.

Slide 6

Slide 6 text

Backbone.View • El manejo de renderizado depende del usuario. • Permite usar templates: • Underscore.js • Haml-js • Mustache.js • Handlebars.js

Slide 7

Slide 7 text

Backbone.Router

Slide 8

Slide 8 text

Backbone.Router

Slide 9

Slide 9 text

Backbone.Router • Conecta rutas con funciones que manejan el flujo de la aplicación.

Slide 10

Slide 10 text

Backbone.history

Slide 11

Slide 11 text

Backbone.history • Inicializa la aplicación, empezando a capturar los eventos hashchange. • start() debe ser llamado después de haber inicializado todos los routers de la aplicación.