zhannes

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
  </head>
  <body>

    <script src="js/module-1.js"></script>
    <script src="js/module-2.js"></script>
  </body>

## app.js
(function($){

  var slides, numSlides,
      ct = 0,
      settings  = {
        duration: 500,
        easing: 'cubic-bezier(1.000, 0.000, 0.000, 1.000)'
      };

  function transition(){

## scope-foo.js
var mod = (function(){

  var foo; // set from outside

  function setItem(val){
    val && (foo = val);
  }

  return { setItem: setItem };


## dfd.js
// assumes Q.js has been loaded and available as Q
function ajaxCall(){
  var dfd = Q.defer(),
      data = getData({
        success: function(response){
          dfd.resolve(response);
        },
        error: function(error){
          dfd.reject(error);
        }

## this.js
/* how to bind `this` for callbacks, good example here too:
http://ejohn.org/apps/learn/#84
*/

var uiThing = {
  parseResponse : function(data){
    this.data = data;
    this.renderUI()
  },
  renderUI : function(){ /* more code */ }

## mustache-helper-template.html
<script>
  var people = getData(); // however you get your data ...

  /* structure

  {
    people : [

    { name : "Shiva Khomini Somar Kondar Krohm" },
    { name :   ...    }

## gist:4259920
/* for commented version, see https://gist.github.com/4259920/95d6d741d227c274be1ecf5238998c01f3658131 */
function object(o){
  function ctor(){}
  ctor.prototype = o;
  return new ctor;
}

function inheritProto(subType,superType){
  var prototype = object(superType.prototype);
  prototype.constructor = subType;

## gist:4176977
/* #########################
 3 - SCOPE - Define a function in a closure, return an object that has access to that function.
*/
(function(){

  // accessible via the object we return
  var o = (function(){

    // local
    function _f(){ _log( 'danneh' ); }

## gist:4176940
/* #########################
 2 - SCOPE - CLOSURES
 hide from global by using a closure
*/
(function(n){ // param

  var myURL = 'google.com';

  _log( n === 4 ) //  true

## gist:4176909
// js scoping primer

// util
var _log = function(){
  var slice = [].slice,
      args = slice.call(arguments),
      len = args.length,
      i = 0;
  for(;i<len;i++) console.log(args[i])
};
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	</head>
	<body>

	<script src="js/module-1.js"></script>
	<script src="js/module-2.js"></script>
	</body>
	(function($){

	var slides, numSlides,
	ct = 0,
	settings = {
	duration: 500,
	easing: 'cubic-bezier(1.000, 0.000, 0.000, 1.000)'
	};

	function transition(){
	var mod = (function(){

	var foo; // set from outside

	function setItem(val){
	val && (foo = val);
	}

	return { setItem: setItem };
	// assumes Q.js has been loaded and available as Q
	function ajaxCall(){
	var dfd = Q.defer(),
	data = getData({
	success: function(response){
	dfd.resolve(response);
	},
	error: function(error){
	dfd.reject(error);
	}
	/* how to bind `this` for callbacks, good example here too:
	http://ejohn.org/apps/learn/#84
	*/

	var uiThing = {
	parseResponse : function(data){
	this.data = data;
	this.renderUI()
	},
	renderUI : function(){ /* more code */ }
	<script>
	var people = getData(); // however you get your data ...

	/* structure

	{
	people : [

	{ name : "Shiva Khomini Somar Kondar Krohm" },
	{ name : ... }
	/* for commented version, see https://gist.github.com/4259920/95d6d741d227c274be1ecf5238998c01f3658131 */
	function object(o){
	function ctor(){}
	ctor.prototype = o;
	return new ctor;
	}

	function inheritProto(subType,superType){
	var prototype = object(superType.prototype);
	prototype.constructor = subType;
	/* #########################
	3 - SCOPE - Define a function in a closure, return an object that has access to that function.
	*/
	(function(){

	// accessible via the object we return
	var o = (function(){

	// local
	function _f(){ _log( 'danneh' ); }
	/* #########################
	2 - SCOPE - CLOSURES
	hide from global by using a closure
	*/
	(function(n){ // param

	var myURL = 'google.com';

	_log( n === 4 ) // true
	// js scoping primer

	// util
	var _log = function(){
	var slice = [].slice,
	args = slice.call(arguments),
	len = args.length,
	i = 0;
	for(;i<len;i++) console.log(args[i])
	};