BackboneJS

 BackboneJS

Apresentação feita n Pet Love para mostrar alguns dos principais recursos do BackboneJS e suas vantagens.

\o

51209ddc02bcaaec1e0ef3b8032054f4?s=128

renanvalentin

January 17, 2014
Tweet

Transcript

  1. 3.
  2. 8.
  3. 9.
  4. 10.

    Backbone.Model • Representa uma entidade retornada pelo servidor. • Responsável

    pelas conversões, validações, propriedades computadas, controles de acesso. • Acesso as propriedades através de get/set.
  5. 12.

    Backbone.Collection • Uma coleção de modelos. • Você pode ser

    notificado quando novos itens são adicionados ou removidos da lista através dos eventos “add”, “remove”, “reset”. • Recuperar uma coleção de dados do servidor através do método .fetch(). • Acesso aos métodos do underscore, ex: collection.sortBy.
  6. 14.

    Backbone.View • Não contém marcação HTML da sua aplicação e

    sim a lógica de apresentação entre os dados do modelo para o usuário. • Pode ser usado com qualquer template engine(underscore, mustache, etc.). • Você pode se inscrever no evento “change” do modelo, para atualizar a view sempre que o mesmo sofrer alterações.
  7. 16.
  8. 18.
  9. 19.
  10. 20.

    Backbone.Router • Suporte History API do HTML5 com fallback para

    hashes (#/home). • Permite disparar eventos na aplicação sem alterar url.
  11. 22.

    Backbone.Events • Funciona como inversão de controle. Ao invés de

    ter funções injetadas dentro das chamadas dos métodos, você pode classes observando determinados eventos.
  12. 23.
  13. 25.

    Testes • Garantir que os retornos dos métodos estejam de

    acordo com as expectativas. • Isso permite que os desenvolvedores alterem o código com mais confiança, reduzindo a preocupação de quebrar algo em produção.
  14. 26.
  15. 27.
  16. 28.
  17. 29.
  18. 30.
  19. 31.
  20. 32.