Alexander Bihary alexbihary

#MVVM For JavaScript Developers

MVVM (Model View ViewModel) is an architectural pattern based on MVC and MVP, which attempts to more clearly separate the development of user-interfaces (UI) from that of the business logic and behaviour in an application. To this end, many implementations of this pattern make use of declarative data bindings to allow a separation of work on Views from other layers.

This facilitates UI and development work occurring almost simultaneously within the same codebase. UI developers write bindings to the ViewModel within their document markup (HTML), where the Model and ViewModel are maintained by developers working on the logic for the application.

##History

Ubuntu 12.04 Ruby on Rails Development Environment

I haven't set up an install guide for the latest ubuntu release, largely because the last set of instructions worked pretty closely with the latest and greatest Ubuntu, 12.04 Precise Pangolin, however when installing today, I found that there were enough differences in the way that I configure my setup to justify an update, so here it goes. Yes, I'm late to the party, but a quick google search didn't find anything that I felt was as complete for my requirements as my previous install guides, so here I go.

As always with my install guides, I have included here is just about everything you'll need (and then some) to get started with ruby on rails development with Ubuntu 12.04 as a platform. These are my settings and preferences, and this is certainly not the only way of doing things, so keep that in mind.

Step 1: Get the repos ready and run updates.

sudo apt-get update && sudo apt-get upgrade

Debugging & Profiling Node.js - Moved! Click here to be redirected to the new location.

	Choose a ticket class: <select id="tickets"></select>

	<p id="ticketOutput"></p>

	<script id="ticketTemplate" type="text/x-jquery-tmpl">
	{{if chosenTicket}}
	You have chosen <b>${ chosenTicket().name }</b>
	($${ chosenTicket().price })
	<button data-bind="click: resetTicket">Clear</button>
	{{/if}}

	// knockout 2.2.1

	ko.utils.arrayFilter = function (array, predicate) { /* .. */ }

	ko.utils.arrayFirst = function (array, predicate, predicateOwner) { /* .. */ }

	ko.utils.arrayForEach = function (array, action) { /* .. */ }

	ko.utils.arrayGetDistinctValues = function (array) { /* .. */ }

	var el = ( function () {

	var doc = document;

	var directProperties = {
	'class': 'className',
	className: 'className',
	defaultValue: 'defaultValue',
	'for': 'htmlFor',
	html: 'innerHTML',

	// ProxyRequest proxies a request to a JSON-based API
	// to avoid the cross origin request issue.
	// It assumes the API supports POST.
	// JsonResult is an ASP.NET MVC construct.
	private JsonResult ProxyRequest(string url, string data)
	{
	HttpWebRequest wr = (HttpWebRequest)HttpWebRequest.Create(url);
	wr.Method = "POST";
	wr.ContentType = "application/json";

	// See: http://api.jquery.com/jQuery.ajaxPrefilter/
	$.ajaxPrefilter( function( options ) {
	if ( options.crossDomain ) {
	var newData = {};
	// Copy the options.data object to the newData.data property.
	// We need to do this because javascript doesn't deep-copy variables by default.
	newData.data = $.extend({}, options.data);
	newData.url = options.url;

	// Reset the options object - we'll re-populate in the following lines.

	/*
	* usage:
	*
	* tmpl( id_of_template_source:string , [template_data:object] );
	*
	*/
	var minimold = (function(){
	"use strict";

	var cache = {};

	/*
	Relies on jQuery, underscore.js, Async.js (https://github.com/caolan/async), and zip.js (http://gildas-lormeau.github.com/zip.js).
	Tested only in Chrome on OS X.

	Call xlsxParser.parse(file) where file is an instance of File. For example (untested):

	document.ondrop = function(e) {
	var file = e.dataTransfer.files[0];
	excelParser.parse(file).then(function(data) {
	console.log(data);