Desarrollo FrontEnd con JavaScript - S05

S05 - Backbone.js : Modelos y colecciones:
- Introducción a aplicaciones web
- Modelo REST
- Backbone.js
- Backbone.Model
- Backbone.Collection

Transcript

1. Desarrollo FrontEnd con
   JavaScript
   s05 – Backbone.js : Modelos y colecciones
   

   View Slide

2. Aplicaciones Web
   Ubicuidad Facilidad para actualizar
   Uso intensivo de JavaScript Uso de patrones y bibliotecas
   

   View Slide

3. REST
   

   View Slide

4. REST
   • Arquitectura simple
   sobre HTTP.
   • Uso de recursos
   como unidad
   principal para
   operaciones.
   • Operaciones CRUD
   => Operaciones
   HTTP.
   

   View Slide

5. RPC vs REST
   

   View Slide

6. Backbone.js
   http://backbonejs.org
   

   View Slide

7. Backbone.js
   Biblioteca, no framework Creación de aplicaciones web
   Operaciones CRUD + REST MV*
   

   View Slide

8. Backbone.js : Modelos
   

   View Slide

9. Backbone.Model
   

   View Slide

10. Backbone.Model
    • Representa una unidad
    básica de la aplicación
    y maneja su lógica
    correspondiente.
    

    View Slide

11. Backbone.Model
    • Ofrece soporte para
    eventos.
    • Sincronización
    configurable.
    

    View Slide

12. Backbone.js : Colecciones
    

    View Slide

13. Backbone.Collection
    

    View Slide

14. Backbone.Collection
    • Contiene métodos para
    trabajar con listas de
    modelos ( , ,
    ).
    

    View Slide

15. Backbone.Collection
    • Ofrece soporte para
    eventos: change, add y
    remove.
    • Sincronización
    configurable.
    

    View Slide