Jonathan Creamer jcreamer898

## javascriptmvc.md

      
              1 file
            
          
              7 forks
            
          
              11 comments
            
          
              28 stars
            
          
                addyosmani
                / javascriptmvc.md
            
            
              Created
              January 11, 2012 13:38
            
              
                MVC/MVP
              
          
    #Understanding MVC And MVP (For JavaScript & Backbone Developers)
Before exploring any JavaScript frameworks that assist in structuring applications, it can be useful to gain a basic understanding of architectural design patterns. Design patterns are proven solutions to common development problems and can suggest structural paradigms to help guide us in adding some organization to our application.
I think patterns are exciting as they're effectively a grass roots effort that build upon the collective experience of skilled developers who have previously faced similar problems as we do now. Although developers 10 or 20 years ago may not have been using the same programming languages for implementing patterns, there are many lessons we can learn from their efforts.
In this section, we're going to review two popular patterns - MVC and MVP. The context of our exploration will be how these patterns are related to the popular JavaScript framework Backbone.js, which will be explored in greater detail later on.

  
## gist:1630790

      
              1 file
            
          
              118 forks
            
          
              47 comments
            
          
              1120 stars
            
          
                jimbojsb
                / gist:1630790
            
            
              Created
              January 18, 2012 03:52
            
              
                Code highlighting for Keynote presentations
              
          
    Step 0:

Get Homebrew installed on your mac if you don't already have it
Step 1:

Install highlight. "brew install highlight". (This brings down Lua and Boost as well)
Step 2:


## a-backbone-js-demo-app-sinatra-backend.md

      
              1 file
            
          
              23 forks
            
          
              5 comments
            
          
              70 stars
            
          
                ryandotsmith
                / a-backbone-js-demo-app-sinatra-backend.md
            
            
              Created
              January 22, 2012 01:42
            
              
                Backbone demo app with sinatra backend
              
          
    A Backbone.js demo app (Sinatra Backend)

Oct 16 2010
Updates


04/10/2011 - Updated application.js and application.rb thanks to @rebo's comments

In this article, I will walk through some simple steps to get a [demo app][2] up and running with [Backbone.js][3] and [Sinatra][4] on [Heroku][5].

  
## module_boilerplate.js
// No imports, those are more work, especially for plain browser.
// However, as soon as you have imports, you should switch to AMD on browsers.
// Related: http://www.2ality.com/2011/11/module-gap.html

({ define:
    typeof define === "function" ?
        define
    : typeof module !== "undefined" ?
        function(F) { module.exports = F() }
    : function(F) { this.defClass = F() }.bind(this)

## aloha-editor-requirejs.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Load Aloha Editor with require.js</title>

	<!-- load the jQuery and require.js libraries -->
	<script type="text/javascript" src="http://cdn.aloha-editor.org/latest/lib/vendor/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="http://cdn.aloha-editor.org/latest/lib/require.js"></script>

## repos.md

      
              1 file
            
          
              2 forks
            
          
              0 comments
            
          
              6 stars
            
          
                anaisbetts
                / repos.md
            
            
              Created
              February 28, 2012 02:31
            
          
moxiecode/plupload
hbons/SparkleShare
mono/mono
jagregory/fluent-nhibernate
NancyFx/Nancy
robconery/massive
AutoMapper/AutoMapper
ravendb/ravendb
mooege/mooege
restsharp/RestSharp


## uri.js
var parser = document.createElement('a');
parser.href = "http://example.com:3000/pathname/?search=test#hash";

parser.protocol; // => "http:"
parser.hostname; // => "example.com"
parser.port;     // => "3000"
parser.pathname; // => "/pathname/"
parser.search;   // => "?search=test"
parser.hash;     // => "#hash"
parser.host;     // => "example.com:3000"

## onDOMContentLoaded.js
const PHANTOM_FUNCTION_PREFIX = '/* PHANTOM_FUNCTION */';

var page = require('webpage').create();

page.onConsoleMessage = function(msg) {
    if (msg.indexOf(PHANTOM_FUNCTION_PREFIX) === 0) {
        eval('(' + msg + ')()');
    } else {
        console.log(msg);
    }

## .jshintrc
{
    // --------------------------------------------------------------------
    // JSHint Configuration, Strict Edition
    // --------------------------------------------------------------------
    //
    // This is a options template for [JSHint][1], using [JSHint example][2]
    // and [Ory Band's example][3] as basis and setting config values to
    // be most strict:
    //
    // * set all enforcing options to true

## Abstraction.js
/*
 * Abstraction.js
 *
 * Copyright (c) 2012 "Cowboy" Ben Alman
 * Licensed under the MIT license.
 * http://benalman.com/about/license/
 */

var Abstraction = (function($) {
  var _ = $.prototype;
	// No imports, those are more work, especially for plain browser.
	// However, as soon as you have imports, you should switch to AMD on browsers.
	// Related: http://www.2ality.com/2011/11/module-gap.html

	({ define:
	typeof define === "function" ?
	define
	: typeof module !== "undefined" ?
	function(F) { module.exports = F() }
	: function(F) { this.defClass = F() }.bind(this)
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Load Aloha Editor with require.js</title>

	<!-- load the jQuery and require.js libraries -->
	<script type="text/javascript" src="http://cdn.aloha-editor.org/latest/lib/vendor/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="http://cdn.aloha-editor.org/latest/lib/require.js"></script>
	var parser = document.createElement('a');
	parser.href = "http://example.com:3000/pathname/?search=test#hash";

	parser.protocol; // => "http:"
	parser.hostname; // => "example.com"
	parser.port; // => "3000"
	parser.pathname; // => "/pathname/"
	parser.search; // => "?search=test"
	parser.hash; // => "#hash"
	parser.host; // => "example.com:3000"
	const PHANTOM_FUNCTION_PREFIX = '/* PHANTOM_FUNCTION */';

	var page = require('webpage').create();

	page.onConsoleMessage = function(msg) {
	if (msg.indexOf(PHANTOM_FUNCTION_PREFIX) === 0) {
	eval('(' + msg + ')()');
	} else {
	console.log(msg);
	}
	{
	// --------------------------------------------------------------------
	// JSHint Configuration, Strict Edition
	// --------------------------------------------------------------------
	//
	// This is a options template for [JSHint][1], using [JSHint example][2]
	// and [Ory Band's example][3] as basis and setting config values to
	// be most strict:
	//
	// * set all enforcing options to true
	/*
	* Abstraction.js
	*
	* Copyright (c) 2012 "Cowboy" Ben Alman
	* Licensed under the MIT license.
	* http://benalman.com/about/license/
	*/

	var Abstraction = (function($) {
	var _ = $.prototype;