Wwcode2

1,471 views

Published on

My slides for my lightnin

Published in: Technology
  • Be the first to comment

Wwcode2

  1. 1. How to Sound Like the Cool Kid by Namedropping Backbone.js in Casual Conversation Sarah Mei Pivotal Labs/RailsBridge@sarahmei -or- sarah@pivotallabs.com
  2. 2. Photo by Dmitry Baranovskiy - http://www.flickr.com/photos/dmitry-baranovskiy/2378867408
  3. 3. Photo by gotosira - http://www.flickr.com/photos/gotosira/4699302559
  4. 4. Photo by mgstanton - http://www.flickr.com/photos/marirn/6131270109
  5. 5. This is a problem.
  6. 6. This is a problem.• Backbone.js
  7. 7. This is a problem.• Backbone.js• JavaScript MVC
  8. 8. This is a problem.• Backbone.js• JavaScript MVC• spine.js
  9. 9. This is a problem.• Backbone.js• JavaScript MVC• spine.js• sproutcore
  10. 10. This is a problem.• Backbone.js• JavaScript MVC• spine.js• sproutcore• sammy.js
  11. 11. This is a problem.• Backbone.js• JavaScript MVC• spine.js• sproutcore• sammy.js• batman.js
  12. 12. This is a problem.• Backbone.js • cappucino• JavaScript MVC• spine.js• sproutcore• sammy.js• batman.js
  13. 13. This is a problem.• Backbone.js • cappucino• JavaScript MVC • knockout.js• spine.js• sproutcore• sammy.js• batman.js
  14. 14. This is a problem.• Backbone.js • cappucino• JavaScript MVC • knockout.js• spine.js • Google Web Toolkit• sproutcore• sammy.js• batman.js
  15. 15. This is a problem.• Backbone.js • cappucino• JavaScript MVC • knockout.js• spine.js • Google Web Toolkit• sproutcore • Google closure• sammy.js• batman.js
  16. 16. This is a problem.• Backbone.js • cappucino• JavaScript MVC • knockout.js• spine.js • Google Web Toolkit• sproutcore • Google closure• sammy.js • angular.js• batman.js
  17. 17. This is a problem.• Backbone.js • cappucino• JavaScript MVC • knockout.js• spine.js • Google Web Toolkit• sproutcore • Google closure• sammy.js • angular.js• batman.js • ember.js
  18. 18. Photo by mgstanton - http://www.flickr.com/photos/marirn/6131270109
  19. 19. This is a problem.• Backbone.js • cappucino• JavaScript MVC • knockout.js• spine.js • Google Web Toolkit• sproutcore • Google closure• sammy.js • angular.js• batman.js • ember.js
  20. 20. http://bit.ly/js-mvc-comparison
  21. 21. “Ember.js gives you moreplumbing than backbone, but backbone’s docs are sooo much better.”That link again: http://bit.ly/js-mvc-comparison
  22. 22. Photo by MaxVelascoKnott: http://www.flickr.com/photos/knott/21665911
  23. 23. Available binsBackbone.js: • Models • Views • Routers
  24. 24. Available binsBackbone.js: Ruby on Rails: • Models • Models • Views • Views • Routers • Controllers
  25. 25. Available binsBackbone.js: Ruby on Rails: • Models • Models • Views • Views • Routers • Controllers
  26. 26. Available binsBackbone.js: Ruby on Rails: • Models • Models • Views • Views • Routers • Controllers
  27. 27. Available binsBackbone.js: Ruby on Rails: • Models • Models • Views • Views • Routers • Controllers
  28. 28. Available binsBackbone.js: Ruby on Rails: • Models • Models • Views • Views • Routers • Controllers
  29. 29. “Of course, in traditional web app MVC-land, some of the backbone view logic would be in the controllers.”
  30. 30. Upsides Downsides
  31. 31. Upsides Downsides• Great docs
  32. 32. Upsides Downsides• Great docs• Large community
  33. 33. Upsides Downsides• Great docs• Large community• Lightweight
  34. 34. Upsides Downsides• Great docs• Large community • Lightweight• Lightweight
  35. 35. “Of course, we haven’t developed good, generally-accepted patterns for using backbone.js yet.”
  36. 36. Thank you! Sarah Mei @sarahmeisarah@pivotallabs.com

×