Backbone.js

1,123 views

Published on

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
1,123
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Backbone.js

  1. 1. Backbone.jsSebastian Springer I 16.08.2012 © Mayflower GmbH 2010
  2. 2. HELLO MY NAME IS@basti_springer
  3. 3. Heute:Struktur für Javascript Mayflower GmbH I 3
  4. 4. Backbone.js Mayflower GmbH I 4
  5. 5. Backbone.js Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface. Mayflower GmbH I 5
  6. 6. Abhängigkeiten Mayflower GmbH I 6
  7. 7. Abhängigkeiten Clientside MVC Library Mayflower GmbH I 7
  8. 8. Abhängigkeiten DOM und Ajax Mayflower GmbH I 8
  9. 9. Abhängigkeiten Utilities Mayflower GmbH I 9
  10. 10. Abhängigkeiten Module Loader Mayflower GmbH I 10
  11. 11. Der Einstieg Mayflower GmbH I 11
  12. 12. Der Einstieg Mayflower GmbH I 12
  13. 13. Der Einstieg Mayflower GmbH I 13
  14. 14. Der EinstiegRequire.js lädt die Anwendung Mayflower GmbH I 14
  15. 15. Die Konfiguration Mayflower GmbH I 15
  16. 16. Die Konfiguration Mayflower GmbH I 16
  17. 17. Die Konfiguration Mayflower GmbH I 17
  18. 18. Die Konfiguration Lädt die „main“ Datei Mayflower GmbH I 18
  19. 19. Die „main“ Datei Mayflower GmbH I 19
  20. 20. Die „main“ Datei Mayflower GmbH I 20
  21. 21. Die „main“ Datei Mayflower GmbH I 21
  22. 22. Der Router Mayflower GmbH I 22
  23. 23. Der Router Mayflower GmbH I 23
  24. 24. Der Router Mayflower GmbH I 24
  25. 25. Der Router Routendef nition i Methodenmapping Mayflower GmbH I 25
  26. 26. Der RouterI Standard Route user: user // #user user: function () { …I Mit Parametern user/:name: user // #user/lala user: function (name) { …I Mit Parametern 2.0 user/:name/p:page: user // #user/lala/p2 user: function (name, page) { ... Mayflower GmbH I 26
  27. 27. Der Controller Mayflower GmbH I 27
  28. 28. Der Controller Router Mayflower GmbH I 28
  29. 29. Der Controller Mayflower GmbH I 29
  30. 30. Der Controller Mayflower GmbH I 30
  31. 31. Der Controller Mayflower GmbH I 31
  32. 32. Der Controller Mayflower GmbH I 32
  33. 33. Das Model Mayflower GmbH I 33
  34. 34. Das Model Controller Mayflower GmbH I 34
  35. 35. Das Model Mayflower GmbH I 35
  36. 36. Das Model Mayflower GmbH I 36
  37. 37. Das Model Mayflower GmbH I 37
  38. 38. Das ModelI Read → GET model.fetch()I Create → POST // this.id == null model.save()I Update → PUT model.save() // this.id != nullI Delete → DELETE model.destroy() Mayflower GmbH I 38
  39. 39. Die View Mayflower GmbH I 39
  40. 40. Die View Controller Mayflower GmbH I 40
  41. 41. Die View Mayflower GmbH I 41
  42. 42. Die View Mayflower GmbH I 42
  43. 43. Die View Mayflower GmbH I 43
  44. 44. Die View Mayflower GmbH I 44
  45. 45. Die View Mayflower GmbH I 45
  46. 46. Die View Mayflower GmbH I 46
  47. 47. Die View Mayflower GmbH I 47
  48. 48. Die Collection Mayflower GmbH I 48
  49. 49. Die Collection Controller Mayflower GmbH I 49
  50. 50. Die Collection Mayflower GmbH I 50
  51. 51. Die Collection Mayflower GmbH I 51
  52. 52. Die Collection Mayflower GmbH I 52
  53. 53. Die CollectionI Get → auslesenI Create → neues Model erstellenI Add → bestehendes Model einfügenI Remove → Model entfernenI Sort → laut comperator sortierenI Filter → customized Suche Mayflower GmbH I 53
  54. 54. The End Mayflower GmbH I 54
  55. 55. Vielen Dank für Ihre Aufmerksamkeit! Kontakt Sebastian Springer @basti_springer sebastian.springer@mayflower.de +49 89 242054 1120 Mayflower GmbH Mannhardtstrasse 617. August 2012 80538 München Mayflower GmbH 55

×