Gavin Engel gavinengel

Basic JavaScript MVC Implementation

Despite being derived from classical MVC pattern JavaScript and the environment it runs in makes Javascript MVC implementation have its own twists. Lets see how typical web MVC functions and then dive into simple, concrete JavaScript MVC implementation.

How Web MVC typically works

Typical server-side MVC implementation has one MVC stack layered behind the singe point of entry. This single point of entry means that all HTTP requests, e.g. http://www.example.com or http://www.example.com/whichever-page/ etc., are routed, by a server configuration, through one point or, to be bold, one file, e.g. index.php.

At that point, there would be an implementation of Front Controller pattern which analyzes HTTP request (URI at first place) and based on it decides which class (Controller) and its method (Action) are to be invoked as a response to the request (method is name for function and member is name for a variable when part of the class/object).

Keybase proof

I hereby claim:

I am gavinengel on github.
I am gavinengel (https://keybase.io/gavinengel) on keybase.
I have a public key whose fingerprint is A25A 07F1 A0C7 CAF9 1836 FA5E 2898 73B1 4558 D9C9

To claim this, I am signing this object:

	// party til you puke, dawg.
	console.brolog = function(bromessage) {
	awesomeizers = ['bro', 'dawg', 'my man'];
	brogreeting = awesomeizers[ Math.floor(Math.random() * awesomeizers.length) ];
	console.log(bromessage + ', ' + brogreeting + '.');
	}

	console.brolog('application complete');

	#!/bin/sh

	# you want to be able to do browser testing, but in an automated way. here is how!

	# Step 1: create your selenium script, using https://saucelabs.github.io/sb-sauce-plugin/, Firefox, and your text editor.
	# Step 2: install some npm's:

	# I was able to install selenium-standalone without sudo, using this method https://gist.github.com/gavinengel/1842179837823dc25730
	lib;
	npm install selenium-standalone;

	# productive Docker host?
	1. https://coreos.com/os/docs/latest/booting-on-ec2.html and select HVM AMI
	2. create single node (open TCP and UDP all)
	3. ssh into node
	4. install Rancher, see below



	###

	echo 'export PATH=$HOME/local/bin:$PATH' >> ~/.bashrc
	. ~/.bashrc
	mkdir ~/local
	mkdir ~/node-latest-install
	cd ~/node-latest-install
	curl http://nodejs.org/dist/node-latest.tar.gz \| tar xz --strip-components=1
	./configure --prefix=~/local
	make install # ok, fine, this step probably takes more than 30 seconds...
	curl https://www.npmjs.org/install.sh \| sh

	#!/usr/bin/env node
	/**
	* hash the std and in (6) base64 for appending to a password, perhaps yearly
	* example: base password is `foobarbaz`, and this year's append is: tU68/+, final password is: `foobarbaztU68/+`,
	* this means you can use a single `base password`
	* 64^6 = 68,719,476,736 so it makes each password very difficult to "guess"
	*/
	var fs = require('fs')
	var crypto = require('crypto')
	var home = process.env['HOME']

	#!/usr/bin/env node
	// source: https://gist.github.com/gavinengel/98c069197baf6a55dd2b
	// example usage: $ pm2 start jade-watch.js;
	var shelld = 'jade -w index.jade' // EDIT ONLY THIS LINE

	var terminal = require('oh-my-terminal')
	terminal.exec(shelld, function(err, stdout, stderr) {
	if(err) console.log(err)
	else console.log(stdout) + console.log(stderr) ;
	});

	// jQuery
	$('button').click(function(){
	$('h1, h2, p').addClass('blue')
	$('div').removeClass('important')
	$('h3').toggleClass('error')
	$('#foo').attr('alt', 'Lorem Ipsum')
	});

	// Eventscript
	button:click {