🐢

Anja B 4bu

🐢

4bu / gist:1472587

Created December 13, 2011 15:42

	<!-- VIEW -->
	My name is <b data-bind=”text: personName“></span>

	// VIEW-MODEL
	var viewModel = {
	personName: ’Marco Francke’
	};

	// ACTIVATE KNOCKOUT
	ko.applyBindings(viewModel);

4bu / gist:1472571

Created December 13, 2011 15:39

	<html>
	<head>
	<script src="jquery-1.7.1.min.js"></script>
	<script src="jquery.tmpl.js"></script>
	<script src="http://ajax.cdnjs.com/ajax/libs/underscore.js/1.1.6/underscore-min.js"></script>
	<script src="backbone.js"></script>
	</head>
	<body>

	You have <span class="js-wish-counter">0</span> wishes.

4bu / gist:1472568

Created December 13, 2011 15:39

	var myRouter = Backbone.Router.extend({
	routes: {
	"gallery/:image": "gallery"
	},
	gallery: function(image) {
	// do something nice
	}
	});

4bu / gist:1472565

Created December 13, 2011 15:37

	var persons = new Backbone.Collection();
	persons.bind("add", function(person) {
	alert("Servus " + person.get("name") + "!");
	});

	persons.add([
	{name: "Marcus"},
	{name: "Maria"},
	]);

4bu / gist:1472559

Created December 13, 2011 15:36

	var PersonModel = Backbone.Model.extend();
	var PersonView = Backbone.View.extend({
	initialize: function () {
	_.bind(this, 'render’);
	this.model.bind(‘change:name’, this.render);
	},
	render: function () {
	$(‘body’).html(this.model.get(‘name’));
	}
	});

4bu / gist:1472552

Created December 13, 2011 15:34

	window.person = new Person;
	var myCallback = function(personModel, enteredName) {
	alert(‘Hello’ + enteredName);
	};

	person.bind('change:name', myCallback);
	person.promptName();

4bu / gist:1472550

Created December 13, 2011 15:34

	window.person = new Person;
	var myCallback = function(personModel, enteredName) {
	alert(‘Hello’ + enteredName);
	};
	person.bind('change:name', myCallback);
	person.promptName();

4bu / gist:1472538

Created December 13, 2011 15:33

	var Person = Backbone.Model.extend({
	promptName: function() {
	var name = prompt("Please enter your name:");
	this.set({name: name});
	}
	});