Ian Storm Taylor ianstormtaylor

View

View(model, el, options)

The View's constructor should take an optional model. It should also take an optional el so that the user can use a pre-made element instead of the View creating its own. If necessary, it should take additional options as a dictionary.

For convenience, add an el -> options overload if you add an options argument.

View.template

The View's template should live at .template if one exists so that it can be overriden if need be. The HTML for the view's template is also part of it's spec, so it should be well thought out. Use namespaced class names for child elements to avoid collisions (for example an .integration element's label would be .integration-label).

	// Enhanced route function that automatically binds variant routes.
	route : function (route, name, callback) {

	var variants = [
	route,
	route + '/',
	route + '?:querystring',
	route + '/?:querystring'
	];

	// Reduce collection using provided conditions
	// e.g. FriendList.where({age: 30, gender: 'male'})
	// Returns object of the same "class", so it's possible to chain methods
	Backbone.Collection.prototype.where = function(conditions) {
	return new this.constructor(_(conditions).reduce(function(memo, value, key) {
	memo = _(memo).filter(function(model) {
	return model.get(key) === value;
	});
	return memo;
	}, this.models));

	// javascripts/libs/underscore/underscore.min.js
	// The actual underscore library.

	...



	// javascripts/libs/underscore.js
	// A "module" that we require elsewhere.

	define([
	'underscore',
	'backbone'
	],

	function (_, Backbone) {

	return Backbone.Router.extend({

	// Variants of the routes to be automatically bound to. This way you

	/**
	* Identify
	*
	* KISSmetrics' identify and set calls turn into an analytics.identify call.
	*/

	_kmq.push(['identify', 'USER_ID_HERE']);
	_kmq.push(['set', {
	name : 'Achilles',
	email : '[email protected]'

	// Grab the form using whichever DOM library you're using, or
	// even just with `querySelector`.
	var $form = $('#my-form');

	// Call `trackForm` with your form, and a callback function
	// instead of a normal `properties` object. The function will
	// receive the form element as it's first argument.
	analytics.trackForm($form, "Email Signup", function (form) {

	// Find the email input and get it's value.

	// Grab a bunch of links.
	var $links = $('.free-trial-links');

	// Call `trackLink` with your links, and a callback function instead
	// of a normal `properties` object. The function will receive the
	// link element that was clicked as it's first argument.
	analytics.trackLink($links, 'Clicked Free-Trial Link', function (link) {
	return {
	href : $(link).attr('href'),
	name : $(link).text()

	$event = 'Event Name';
	$properties = array(
	'title' => single_post_title('', false)
	);

	Analytics::track($event, $properties);


	/**
	* Hide Olark.
	*/

	#habla_beta_container_do_not_rely_on_div_classes_or_names {
	display: none;
	}