{ "feed": { "id": "urn:uuid:2e8662fc-461f-58a7-9159-c22ca4880eb0", "link": [ { "@attributes": { "href": "http://darrennewton.com/atom.json", "rel": "self" } }, { "@attributes": { "href": "http://darrennewton.com/" } } ], "title" : "Miscellanea", "subtitle" : "Code, design & cultural ephemera from Darren Newton's brain", "updated" : "2016-12-21T15:18:26-05:00", "author": { "name": "Darren Newton" }, "rights" : "Copyright (c) 2016, Darren Newton", "entry": { "id" : "urn:uuid:fff06686-e951-5872-af27-5ff181d33596", "link" : "http://darrennewton.com/2012/06/24/backbonejs-and-you/", "summary" : "
\nI\u2019m currently working with the amazing folks at Arc90 on a pretty hefty project. It\u2019s a great working environment that really stresses collaboration and learning, with weekly code and design reviews. We\u2019re starting to use Backbone.js on a number of projects, so a quick talk was organized to explain the ins and outs to everyone. Since I had worked on some previous projects using Backbone, they asked me to do an intro. ", "content" : "
\nI\u2019m currently working with the amazing folks at Arc90 on a pretty hefty project. It\u2019s a great working environment that really stresses collaboration and learning, with weekly code and design reviews. We\u2019re starting to use Backbone.js on a number of projects, so a quick talk was organized to explain the ins and outs to everyone. Since I had worked on some previous projects using Backbone, they asked me to do an intro.
\n\nBackbone.js is a JavaScript library (I leave it to you to figure out what it does/is), so it made sense to present an introduction in JavaScript instead of something like Keynote. After a little research the excellent Fathom.js was chosen for the task. In another blog post I\u2019ll talk about the customizations I made to Fathom to allow me to run JavaScript in the presentation. You can checkout the slides here on Heroku.
\n\n\n\nThis is a super simple introduction to Backbone.js for someone who know\u2019s nothing about it, so it\u2019s not comprehensive by any means. It merely introduces the concepts of Models, Collections and Views, along with Backbone.Sync\u2019s AJAX interface.
\n\nThe slides run code against a live application that is also on Heroku, which you can see here. This is a super simple client-side app that displays Instagram photos. It\u2019s meant to illustrate simple Model/Collection handling, along with methods to assemble Views. The client-side uses Backbone.Sync to talk to a small Sinatra application on Heroku.
\n\n\n\nAll of the code for the slideshow and the Instagram app are available on GitHub: DarrenN / backbone-demo
\n\nYou can run the Sinatra app locally using a SQLite3 DB and it will work fine. To get it up on Heroku required switching over to their Postgres service, which you can check out on the heroku branch.
\n\nCaveat emptor: the sample app is completely unsafe as it doesn\u2019t do any input validation or sanitizing, so you\u2019ve been warned.
\n\nMy talk was an intro to Backbone.js so I was first up. I was followed by Patrick O\u2019Neill who showed us how to use Backbone.js with the Require.js AMD loader. Many light bulbs went off in my head during his demo. Patrick was followed by the menthol smooth Rob Madole who showed us how to use Jasmine to test our Backbone applications. I learned a lot, and hopefully passed on some knowledge to other folks. The whole thing was organized by Robert Petro, an instigator of many things at Arc90.
\n\n", "title" : "Backbone.js and You", "updated" : "2012-06-24T09:11:00+00:00" } } }