Understanding of Backbone architecture with Models, Views and Collections.

backbone-architecture.js

var Model = Backbone.Model.extend({});

var ModelView = Backbone.View.extend({
  initiliaze: function () {
    _.template($('#model-template').html());
  },
  render: function () {
    return this.template(this.model.toJSON());
  }
});

var List = Backbone.Collection.extend({
  model: Model
});

var ListView = Backbone.View.extend(
  el: '#list'
  initialize: function() {
    this.collection = new List();
  },
  
  render: function () {
    var content = '';
    _.map(this.collection.models, function (model) {
      var content += new ModelView({ model: new Model() }).render();
    });
    this.$el.html(content);
  }
);

var MainView = Backbone.View.extend(
  initialize: function() {
    this.list = new ListView();
  }
);

var mainView = new MainView();
mainView.list.collection.add( new Model() );
mainView.list.render();