Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Backbone.js in the Front-end      David Corbacho Román           Ethan Winn
David Corbacho Román  C.S. Engineer  Drupal & JavaScript specialist  Google +1 module maintainer  Twitter: @dcorbacho  Blo...
Ethan WinnTechnical DirectorBackbone module maintainertwitter @eethann
The Future is a RESTful Drupal                                            – Dries Buytaerthttp://buytaert.net/the-future-i...
Levine´s Law: Start with the Demo
http://www.aberdeencloud.com
Web evolution           Credit: Hjörtur Hilmarsson (@hjortureh) at 14islands.com
Write once, run everywhere
JavaScript is growing
JavaScript is getting fat       Nov 2010                         July 2012        113 kB                          215 kBht...
Help!
It’s Time for Lasagna Code
BackboneBackbone.js gives structure to web applications byproviding models , collections andviews connecting all to your e...
But.. jQuery is not enough?                        jQuery         XHR [Ajax]ECMAScript        DOM          BOM            ...
Backbone.js   Decoupling data from DOM     REST APIMODEL                      VIEWholds raw data             holds a HTML ...
Backbone.js Vs …   Knockout.js                                   Ember.js                        Angularjs      Spine     ...
Backbone.js Vs …http://xkcd.com/927/
Why Backbone.js is leading inJavaScript MVC frameworks?   * the first   * more resources and community   * small
Backbone PhilosophyFocus in 1 thing. Minimalistic. 80% ruleAgnosticExpand it. Override it
800 LOC
Dont’sDon’t use Backbone for small thingsDon’t use it if SEO is importantDon’t use it if you are in a rush.Don’t CoffeeScr...
Backend Vs FrontendDamn Backbone, you are taking toomuch control. Over my dead body!
The #ahah momentDrupal 6 : Let’s program JavaScript with PHP Arrays,why not?Drupal 7: Ajax from PHP: more metaprogramming
Drupal 8Please don’t.Embrace JavaScript,Let it be part of “the Drupal way”Thanks to Larry Gardfield & WSCCI Initiative
Thank youLink with extended slides : twitter @dcorbacho       Ethan will continue now …
Upcoming SlideShare
Loading in …5
×

Drupal Backbone.js in the Frontend

7,636 views

Published on

Slides for presentation at DrupalCon Munich August 2012
http://munich2012.drupal.org/program/sessions/backbonejs-frontend

Author: David Corbacho
http://corbacho.info

Published in: Technology
  • Be the first to comment

Drupal Backbone.js in the Frontend

  1. 1. Backbone.js in the Front-end David Corbacho Román Ethan Winn
  2. 2. David Corbacho Román C.S. Engineer Drupal & JavaScript specialist Google +1 module maintainer Twitter: @dcorbacho Blog: drupalmotion.com
  3. 3. Ethan WinnTechnical DirectorBackbone module maintainertwitter @eethann
  4. 4. The Future is a RESTful Drupal – Dries Buytaerthttp://buytaert.net/the-future-is-a-restful-drupal
  5. 5. Levine´s Law: Start with the Demo
  6. 6. http://www.aberdeencloud.com
  7. 7. Web evolution Credit: Hjörtur Hilmarsson (@hjortureh) at 14islands.com
  8. 8. Write once, run everywhere
  9. 9. JavaScript is growing
  10. 10. JavaScript is getting fat Nov 2010 July 2012 113 kB 215 kBhttp://httparchive.org/trends.php
  11. 11. Help!
  12. 12. It’s Time for Lasagna Code
  13. 13. BackboneBackbone.js gives structure to web applications byproviding models , collections andviews connecting all to your existing API over aRESTful JSON interface.Dependencies: underscore.js , jQueryAuthor: Jeremy AshkenasLicense: MIT
  14. 14. But.. jQuery is not enough? jQuery XHR [Ajax]ECMAScript DOM BOM Events
  15. 15. Backbone.js Decoupling data from DOM REST APIMODEL VIEWholds raw data holds a HTML elementChange in data Events Render data
  16. 16. Backbone.js Vs … Knockout.js Ember.js Angularjs Spine Batman.js Sproutcore Cappucino JavascriptMVC CanJSSammy.js Knockback Agility.js Stapes Fidel
  17. 17. Backbone.js Vs …http://xkcd.com/927/
  18. 18. Why Backbone.js is leading inJavaScript MVC frameworks? * the first * more resources and community * small
  19. 19. Backbone PhilosophyFocus in 1 thing. Minimalistic. 80% ruleAgnosticExpand it. Override it
  20. 20. 800 LOC
  21. 21. Dont’sDon’t use Backbone for small thingsDon’t use it if SEO is importantDon’t use it if you are in a rush.Don’t CoffeeScript until you JavaScriptDon’t use extra add-ons on top of Backboneuntil you know Backbone.Don’t learn it by theory: It’s MV*.
  22. 22. Backend Vs FrontendDamn Backbone, you are taking toomuch control. Over my dead body!
  23. 23. The #ahah momentDrupal 6 : Let’s program JavaScript with PHP Arrays,why not?Drupal 7: Ajax from PHP: more metaprogramming
  24. 24. Drupal 8Please don’t.Embrace JavaScript,Let it be part of “the Drupal way”Thanks to Larry Gardfield & WSCCI Initiative
  25. 25. Thank youLink with extended slides : twitter @dcorbacho Ethan will continue now …

×