Pro Yearly is on sale from $80 to $50! »

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. @renanvalentin

  2. Aplicações complexas...

  3. None
  4. E agora, Arnaldo?

  5. Let’s BREAK your code into small pieces!

  6. model – view – (controller, presenter, etc.)

  7. Como o Backbone funciona?

  8. None
  9. None
  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.
  11. Criando Model Usando ele

  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.
  13. Criando Collection Usando collection

  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.
  15. Criando View

  16. Templates

  17. NOOOOOOOOOOOOOOOOOOOOOOOOOOO!

  18. Templates

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

    hashes (#/home). • Permite disparar eventos na aplicação sem alterar url.
  21. Backbone.Router

  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.
  23. None
  24. Backbone.Events

  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.
  26. Tools

  27. Exemplos

  28. None
  29. None
  30. None
  31. None
  32. None
  33. Vale a pena conferir:

  34. Links: • http://backbonejs.org/ • http://addyosmani.github.io/backbone-fundamentals/ • http://www.anselmeit.com/2011/05/o-que-e-teste-unitario.html

  35. MUITO OBRIGADO !!! @renanvalentin | renan.Valentin@outlook.com