diff --git a/index.html b/index.html
index a439c98..cf97137 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,8 @@
+
+
diff --git a/src/main.js b/src/main.js
index a63a7c7..6335a42 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,3 +1,194 @@
+//Ex 1
+var ButtonView = Backbone.View.extend({
+ render: function(){
+ $(this.el).html('');
+ }
+});
-// Remove this line when you start working
-alert('Hello World!');
+btn = new ButtonView({
+ el: $('.my-button')
+});
+
+btn.render();
+
+
+
+//Ex 2
+var ProfileView = Backbone.View.extend({
+ initialize: function(options){
+ this.name = options.name;
+ this.age = options.age;
+ },
+ render: function(){
+ $(this.el).html(this.name + "," + this.age)
+ }
+});
+
+var profileView = new ProfileView({
+ name: 'Bob',
+ age: 45,
+ el: $('.profile')
+})
+
+profileView.render();
+
+
+
+//Backbone Events
+var WhinyView = Backbone.View.extend({
+ events: {
+ 'click .my-button': 'whine'
+ },
+
+ whine: function(){
+ alert('owwwwwwwwwwwwww');
+ },
+
+ render: function(){
+ $(this.el).html('');
+ return this; // "this.el", when calling the method as view.render()
+ }
+});
+
+var view = new WhinyView();
+$('body').append( view.render().el ); // render func should return "this.el" if the element 'el' is not chained when calling render();
+
+
+
+//Backbone object's on, off function
+var DummyView = Backbone.View.extend({});
+
+var view = new DummyView();
+
+view.on('random-event-name', function(x,y,z){
+ console.log('\nbluh!', x, y, z);
+});
+
+view.trigger('random-event-name', 11, 22, 33);
+view.off('random-event-name');
+view.trigger('random-event-name', 99, 88, 77); // no reponse!
+
+
+
+//listenTo, stopListening method
+var DummyView = Backbone.View.extend({});
+
+var ear = new DummyView();
+var mouth = new DummyView();
+
+ear.listenTo(mouth, 'shout', function(message){
+ console.log('\nThe ear hears:', message);
+});
+
+mouth.trigger('shout', "EAR!! WHERE ARE YOU??");
+
+// Stops listening to all 'shout' events on mouth
+ear.stopListening(mouth, 'shout');
+
+// ALTERNATIVE: Stops listening to ALL EVENTS on mouth
+// ear.stopListening(mouth);
+
+mouth.trigger('shout', "EAR!! EAR!!!!!");
+
+
+
+//Ex 3
+var DummyView = Backbone.View.extend({});
+
+var dog = new DummyView();
+var thief = new DummyView();
+var alarm = new DummyView();
+
+dog.listenTo(thief, 'scuffle', function(){
+ console.log('----\nThe dog barks, woof!');
+ dog.trigger('woof');
+});
+
+thief.listenTo(alarm, 'ring', function(){
+ console.log('----\nOh no, that sounds like the alarm!');
+});
+
+thief.listenTo(dog, 'woof', function(){
+ console.log('----\nAhhh!');
+});
+
+console.log("----\nThe thief makes a scuffle!");
+thief.trigger('scuffle');
+
+console.log("----\nThe alarm goes off!");
+alarm.trigger('ring');
+
+
+
+//Communicating between Backbone Views - Part 1
+var radioStation = _.extend({}, Backbone.Events);
+
+var DummyView = Backbone.View.extend({});
+var view = new DummyView();
+
+view.listenTo(radioStation, 'new_deal', function(deal){
+ console.log("\nIt's a new deal! ", deal);
+});
+
+radioStation.trigger('new_deal', { name: 'Buy 1 Get 1 FREE'});
+
+
+//Communicating between Backbone Views - Part 2
+var radioStation = _.extend({}, Backbone.Events);
+
+var BubbleView = Backbone.View.extend({
+ initialize: function(options){
+ this.size = options.size;
+ },
+ pop: function(){
+ radioStation.trigger('pop', this.size);
+ }
+});
+
+var BubbleCounterView = Backbone.View.extend({
+ total: 0,
+ initialize: function(options){
+ this.listenTo(radioStation, 'pop', this.recordPop);
+ },
+ recordPop: function(bubbleSize){
+ this.total += bubbleSize;
+ console.log('\nTotal bubble size popped: ', this.total);
+ }
+});
+
+var smallBubbleView = new BubbleView({ size: 2 });
+var largeBubbleView = new BubbleView({ size: 17 });
+var bubbleCounterView = new BubbleCounterView();
+
+smallBubbleView.pop();
+largeBubbleView.pop();
+
+
+//Ex 4.1 - Create Backbone Event Aggregator
+var chatServer = _.extend({}, Backbone.Events);
+
+var ChatView = Backbone.View.extend({
+ initialize: function(options){
+ this.name = options.name
+ },
+ sendMessage: function(msg){
+ chatServer.trigger('message', this.name, msg)
+ }
+});
+
+var testChatListener = new (Backbone.View.extend({}));
+var chatCount = 0;
+testChatListener.listenTo(chatServer, 'message', function (name, message) {
+ console.log('\n' + name + ' says:' + message);
+ chatCount += 1;
+});
+// ----
+
+var aliceChatView = new ChatView({ name: 'Alice' });
+var bobChatView = new ChatView({ name: 'Bob' });
+
+bobChatView.sendMessage("\nhi alice");
+aliceChatView.sendMessage("\nwho is this?");
+bobChatView.sendMessage("\nalice no");
+
+console.log('\nChat count should be 3:', chatCount);