Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Desarrollo FrontEnd con JavaScript - S06

Desarrollo FrontEnd con JavaScript - S06

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

Gustavo Leon

December 08, 2013
Tweet

More Decks by Gustavo Leon

Other Decks in Programming

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