BackboneJS

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

\o

Transcript

1. @renanvalentin
2. Aplicações complexas...
4. E agora, Arnaldo?
5. Let’s BREAK your code into small pieces!
6. model – view – (controller, presenter, etc.)
7. Como o Backbone funciona?
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
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.
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
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