A Backbone.js Playground

A simple playground for learning backbone.js without having to install or configure anything yourself.

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<div class="lists"></div>

JavaScript

window.NewListView = Backbone.View.extend({
      template: _.template('<a href="/list" class="button new-list">Create New List</a>'),
    
      render: function(){
        $(this.el).html(this.template());
        return this;
      }
    });
    
    window.List = Backbone.Router.extend({
      routes: { "": "index" },
    
      initialize: function(){
        this.newListView = new NewListView();
        console.log("List Initialize");
        $('.lists').append(this.newListView.render().el);
      },
    
      start: function(){
        Backbone.history.start();
      },
    
      index: function(){
    
      }
    });
    
    $(function(){ 
        console.log("Before List Start");
        list = new List();                
        list.start(); 
        console.log("After List Start");
    
    })