Sample App with Backbone.js and Twitter Bootstrap(coenraets.org)

227 pointsby jashkenas14 lat temu14 comments

Sample App with Backbone.js and Twitter Bootstrap

http://coenraets.org/blog/2012/02/sample-app-with-backbone-js-and-twitter-bootstrap/

6 comments

If this is of interest, you might also check out Bookmarkly, a visual bookmark organizer I open sourced last week. It's node.js on the server and Backbone.js on the client, with a little Twitter Bootstrap in the UI as well.

http://bookmarkly.com

https://github.com/dangrossman/Bookmarkly

pacomerh14 lat temu

Nice, these are exactly the two things I wanted to get my hands on.

nixarn14 lat temu

That's awesome! How do you handle the screenshots?

dts14 lat temu

Hmmm. Any reason all the views and models are attached to the window object instead of namespaced under some kind of app controller?

tbranyen14 lat temu

There are a number of issues with the project, but I'm assuming it was created this way to be easier to digest for newcomers.

smcguinness14 lat temu

Would you point out a few of them if you don't mind?

danso14 lat temu

Yeah, as a newcomer to Backbone, this has always been something that's thrown me off, including in the otherwise excellent Todo example: http://documentcloud.github.com/backbone/docs/todos.html

The backbone boilerplate on Github (by tbranyen) has been a useful model to follow: https://github.com/tbranyen/backbone-boilerplate/blob/master...

VMG14 lat temu

DocumentCloud (by the creator of Backbone) is also using window-bound variables. Seems to work for them I suppose.

jashkenas14 lat temu

Yes, when you're in control of the page, it's nice to be able to have different parts of your app ready-to-hand. In our case, that means Documents, Notes, Projects, Accounts, Organizations, and so on...

If your "app" is going to be embedded as a part of someone else's page, then you have to be much more careful. The results cards in the sidebar here are only exposed through a single variable: "eg2012.Card":

http://www.nytimes.com/2012/02/08/us/politics/minnesota-colo...

hswolff14 lat temu

That's a nice sample app. My only (small) complaint is that I feel using MySQL is a bit of overkill for a sample application.

To throw my hat in the ring as well I've been working on a Backbone project that could help newcomers to Backbone. I'm in the midst of refactoring it a little bit to use lesscss as well as RequireJS and its module system.

Please feel free to fork or contribute! I love Backbone and JavaScript :D.

https://github.com/hswolff/forgetmenot/tree/dev

danielhunt14 lat temu

Having been working on my own (mobile) Twitter Bootstrap & Backbone.js app for the past week or so, the biggest issue I've had has been working out how best to deal with a combination of local & remote collections (and the caching of them, on demand)

The other blog posts from the author of this one have been very useful in getting over some of the initial speedbumps I encountered - and strongly recommend them to anyone looking to get into Bootstrap itself.

fooandbarify14 lat temu

I've played a bit with caching models on the client: https://github.com/napoleond/localmodel

I'm planning to implement merges at some point, but the current implementation has still proven useful to me.

bionicbrian14 lat temu

Looks awesome.

Alind14 lat temu

Thank you for sharing your work. it's interesting. good start, buddy.