BackboneJS

719 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
719
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

BackboneJS

  1. 1. @renanvalentin
  2. 2. Aplicações complexas...
  3. 3. E agora, Arnaldo?
  4. 4. Let’s BREAK your code into small pieces!
  5. 5. model – view – (controller, presenter, etc.)
  6. 6. Como o Backbone funciona?
  7. 7. 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.
  8. 8. Criando Model Usando ele
  9. 9. 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.
  10. 10. Criando Collection Usando collection
  11. 11. 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.
  12. 12. Criando View
  13. 13. Templates
  14. 14. NOOOOOOOOOOOOOOOOOOOOOOOOOOO!
  15. 15. Templates
  16. 16. Backbone.Router • Suporte History API do HTML5 com fallback para hashes (#/home). • Permite disparar eventos na aplicação sem alterar url.
  17. 17. Backbone.Router
  18. 18. 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.
  19. 19. Backbone.Events
  20. 20. 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.
  21. 21. Tools
  22. 22. Exemplos
  23. 23. Vale a pena conferir:
  24. 24. Links: • http://backbonejs.org/ • http://addyosmani.github.io/backbone-fundamentals/ • http://www.anselmeit.com/2011/05/o-que-e-teste-unitario.html
  25. 25. MUITO OBRIGADO !!! @renanvalentin | renan.Valentin@outlook.com

×