9951 explained code solutions for 126 technologies

backbone.jsHow can I create a project using Backbone.js?

Creating a project with Backbone.js is a simple process. Here are the steps:

  1. Create an HTML page for the project:
<!DOCTYPE html>
    <title>My Backbone Project</title>
    <div id="main"></div>
  1. Include the Backbone library in the HTML page:
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"></script>
  1. Create a model to represent the data:
var MyModel = Backbone.Model.extend({
  defaults: {
    name: '',
    age: 0
  1. Create a view to render the model:
var MyView = Backbone.View.extend({
  el: '#main',
  render: function() {
    this.$el.html('Name: ' + this.model.get('name') + ', Age: ' + this.model.get('age'));
  1. Instantiate the model and view:
var myModel = new MyModel({name: 'John', age: 25});
var myView = new MyView({model: myModel});
  1. Render the view:
  1. Output:
Name: John, Age: 25

Helpful links

Edit this code on GitHub