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

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