Chris (Tu) NGUYEN chris-tng

## hello-underscore.js
// we will put in some functions of underscore

  // define global object = root
  var root = this;

  var _ = function(obj) {
    if (obj instanceof _) return obj;
    if (!(this instanceof _)) return new _(obj);
    this._wrapped = obj;
  };

## misc.rb
# REG and replacement

# Strip out punctuation on predicates or bang methods since
# e.g. target?_without_feature is not a valid method name.
aliased_target, punctuation = target.to_s.sub(/([?!=])$/, ''), $1

# this is parallel assignment
# $1 is arguments 1

## problem_add_checked_attribute_1.rb
# we want to develop a checked attribute to a class called add_checked_attribute
# like attr_accessor - it should generate a reader method and a writer method
# add_checked_attribute should be a Kernel method, unlike attr_accessor
# it will raise a Runtime exception if we assign the attribute to nil or false
# it file clearifies the requirement by test case

require 'test/unit'

class Person; end

## basics.rb
# "many of ruby operators are implemented as methods" - p19 RPL (1)
# take example of << operator on Array, this operator allows to push an element into the array
arr1 = [1, 2, 3, 4] << 5
p arr1 # [1, 2, 3, 4, 5]

# one possible way to implement this operator as a method is
class Array
  def <<(item)
    self.push(item)
  end

## my-auto-complete.html
<!DOCTYPE html>
<html>
<head>
    <title>my auto-complete</title>
</head>
<style type="text/css">

    .container {
        padding-left: 20px;
    }

## main.js
/*======= UTILITY =======*/
(function () {
    wd.app.util = {};

    // extend jquery
    // clear the form: see http://www.learningjquery.com/2007/08/clearing-form-data
    // only clear the visible state of the form
    $.fn.clearForm = function() {
        return this.each(function() {
            var type = this.type, tag = this.tagName.toLowerCase();

## mediator.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                chris-tng
                / mediator.md
            
            
              Created
              April 17, 2013 05:00
                — forked from addyosmani/mediator.md
            
          
    The dictionary refers to a Mediator as 'a neutral party who assists in negotiations and conflict resolution'.
In software engineering, a Mediator is a behavioural design pattern that allow us to expose a unified interface through which the different parts of a system may communicate. If it appears a system may have too many direct relationships between modules, it may be time to have a central point of control that modules communicate through instead. The Mediator promotes loose coupling by ensuring that instead of modules referring to each other explicitly, their interaction is handled through this central point.
If you would prefer an analogy, consider a typical airport traffic control system. A tower (Mediator) handles what planes (modules) can take off and land because all communications are done from the planes to the control tower, rather than from plane-to-plane. A centralized controller is key to the success of this system and that's really the role a mediator plays in software design.
In real-worl

  
## mediatorExample.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                chris-tng
                / mediatorExample.md
            
            
              Created
              April 17, 2013 04:41
                — forked from addyosmani/mediatorExample.md
            
          
    The Mediator pattern enables communication (mediation) between views using a mediator object.In the latest version of Backbone, the Backbone object itself can be used as a mediator without the need of a seperate helper.
In the following example, triggerSomething in our ToolbarView uses the global event-bus on the Backbone object to broadcast an application wide event somethingHappened with data.
// First view
var ToolbarView = Backbone.View.extend({
  className: ".toolbar",
  events: {
    "click .button":   "triggerSomething"

  
## main.js
// Start the main app logic.
requirejs(['jquery', 'backbone', 'underscore', 'bootstrap'],

/*
 * if we do not import bootstrap here, our modal does not work
 * basically, bootstrap only extends some jQuery feature
 * so does not import bootstrap meaning disable these features
 *
 * */
  function   ($,        Backbone,   _, bootstrap) {

## main.js
/**
 * basic requirejs configuration for
 *   jQuery
 *   underscore
 *   backbone
 *   bootstrap
 */
requirejs.config({
    //By default load any module IDs from js/lib
    baseUrl: 'js/lib',
	// we will put in some functions of underscore

	// define global object = root
	var root = this;

	var _ = function(obj) {
	if (obj instanceof _) return obj;
	if (!(this instanceof _)) return new _(obj);
	this._wrapped = obj;
	};
	# REG and replacement

	# Strip out punctuation on predicates or bang methods since
	# e.g. target?_without_feature is not a valid method name.
	aliased_target, punctuation = target.to_s.sub(/([?!=])$/, ''), $1

	# this is parallel assignment
	# $1 is arguments 1
	# we want to develop a checked attribute to a class called add_checked_attribute
	# like attr_accessor - it should generate a reader method and a writer method
	# add_checked_attribute should be a Kernel method, unlike attr_accessor
	# it will raise a Runtime exception if we assign the attribute to nil or false
	# it file clearifies the requirement by test case

	require 'test/unit'

	class Person; end
	# "many of ruby operators are implemented as methods" - p19 RPL (1)
	# take example of << operator on Array, this operator allows to push an element into the array
	arr1 = [1, 2, 3, 4] << 5
	p arr1 # [1, 2, 3, 4, 5]

	# one possible way to implement this operator as a method is
	class Array
	def <<(item)
	self.push(item)
	end
	<!DOCTYPE html>
	<html>
	<head>
	<title>my auto-complete</title>
	</head>
	<style type="text/css">

	.container {
	padding-left: 20px;
	}
	/======= UTILITY =======/
	(function () {
	wd.app.util = {};

	// extend jquery
	// clear the form: see http://www.learningjquery.com/2007/08/clearing-form-data
	// only clear the visible state of the form
	$.fn.clearForm = function() {
	return this.each(function() {
	var type = this.type, tag = this.tagName.toLowerCase();
	// Start the main app logic.
	requirejs(['jquery', 'backbone', 'underscore', 'bootstrap'],

	/*
	* if we do not import bootstrap here, our modal does not work
	* basically, bootstrap only extends some jQuery feature
	* so does not import bootstrap meaning disable these features
	*
	* */
	function ($, Backbone, _, bootstrap) {
	/**
	* basic requirejs configuration for
	* jQuery
	* underscore
	* backbone
	* bootstrap
	*/
	requirejs.config({
	//By default load any module IDs from js/lib
	baseUrl: 'js/lib',