9951 explained code solutions for 126 technologies

backbone.jsHow do I create a demo using Backbone.js?

To create a demo using Backbone.js, you need to first create a basic HTML page and include the Backbone library.

    <script type="text/javascript" src="backbone.js"></script>

Next, you need to create a model, a view, and a collection. The model is used to store data, the view is used to render it, and the collection is used to store multiple models.

var Model = Backbone.Model.extend({
  defaults: {
    title: '',
    description: ''

var View = Backbone.View.extend({
  render: function(){
    var template = _.template($('#template').html());
    var html = template(this.model.toJSON());

var Collection = Backbone.Collection.extend({
  model: Model

Then, you need to create a template to render the data. This template can be written in HTML, JavaScript, or a templating language like Mustache.

<script type="text/template" id="template">
  <h1><%= title %></h1>
  <p><%= description %></p>

Finally, you need to create an instance of the model, view, and collection, and render the view.

var model = new Model({
  title: 'My Demo',
  description: 'This is a demo of Backbone.js'

var view = new View({
  model: model

var collection = new Collection([


This will render the template with the data from the model.

Helpful links

Edit this code on GitHub