Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

where can i find advanced backbone.js examples [closed]

Tags:

backbone.js

Can someone please direct me to a resource containing an advanced backbone.js example? by advance I mean multiple pages with nested views, complex layouts etc.

I have browsed the web, gitHub repository, blogs and even purchased the "recipes with backbone" book. All of the samples are at a level of simple SPA (yes I know backbone is for that, but I know it can do much more) level, a todo list calendar, adding and deleting notes etc. Is there something a bit more advanced and complex that I can learn from? I'm no expert in backbone but for me the best way is to learn by sample

like image 635
danikoren Avatar asked Feb 08 '12 14:02

danikoren


People also ask

Is Backbone JS still used?

Backbone. Backbone has been around for a long time, but it's still under steady and regular development. It's a good choice if you want a flexible JavaScript framework with a simple model for representing data and getting it into views.

Who uses backbone JS?

Who uses Backbone. js? 3465 companies reportedly use Backbone. js in their tech stacks, including Uber, Pinterest, and reddit.

Is Backbone JS hard to learn?

Backbone.js Is Friendly js is neither difficult to learn nor difficult to use, and the time you will spend learning to use this serviceable framework will be well worth it, for you will learn how to use one of the most popular front-end frameworks and learn how to build modern web applications on the front end.

What is the only method available in the backbone JS history?

There is only method named "start" can be used to manipulate the Backbone. js history.


6 Answers

While it's not a complete example (it doesn't do any server-side communication, yet), I've been building a larger example app at http://bbclonemail.heroku.com

This project serves two purposes for me: providing a more in-depth example app, and providing a playground for new ideas that I have which often end up in my Backbone.Marionette add-on (go to http://github.com/derickbailey/backbone.marionette).

There are also several good examples listed in my http://backbonetraining.net/resources page, including a Wine Cellar application, a backbone 'store', and a handful of sample projects on github from various people.

like image 137
Derick Bailey Avatar answered Sep 30 '22 15:09

Derick Bailey


DocumentCloud

http://www.documentcloud.org/public/search/ and perhaps https://github.com/documentcloud/visualsearch in particular

Tzigla

http://tzigla.com/ source here http://tzigla.com/assets/board.js

QuietWrite

http://www.quietwrite.com/ source here http://www.quietwrite.com/assets/app.js

Diaspora X^2

https://github.com/bnolan/diaspora-x2 with source in Coffee

InterMine Lists Client

Peek into the source, it is packaged by Brunch and it is a learning experience for me too:

https://github.com/radekstepan/intermine-lists-client

like image 32
Radek Avatar answered Sep 30 '22 15:09

Radek


Here is my github, I've started to build out a framework to help people use backbone and Jquery to build mobile development projects. But you can use the same ideas, with Node.js and Express. Really any Javascript project.

https://github.com/DarrenHurst/BroadStreet

like image 29
Geekdad Avatar answered Sep 30 '22 14:09

Geekdad


Have you checked the todo-example? Is it complicated enough?

http://documentcloud.github.com/backbone/#examples-todos

like image 35
knub Avatar answered Sep 30 '22 14:09

knub


Here is an interesting sample app organised in modules containing models, collections and views.

demo: http://githubviewer.org/

sources: http://github.com/tbranyen/github-viewer

like image 38
Manuel Spuhler Avatar answered Sep 30 '22 15:09

Manuel Spuhler


I wanted to get inspired with this Backbone Contact Manager and I found it interesting the way it manages the views, only by model an collection events.

The article also has some tips at the end.

like image 45
Julien Avatar answered Sep 30 '22 13:09

Julien