Desarrollo FrontEnd con JavaScript - S06

S06 - Backbone.js : Vistas y routers:
- Backbone.js: Vistas
- Backbone.js: Routers

Transcript

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

   View Slide

2. Backbone.js
   Model Collection
   View Router
   

   View Slide

3. Backbone.View
   

   View Slide

4. Backbone.View
   

   View Slide

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

   View Slide

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

   View Slide

7. Backbone.Router
   

   View Slide

8. Backbone.Router
   

   View Slide

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

   View Slide

10. Backbone.history
    

    View Slide

11. 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.
    

    View Slide