Kostas Kapenekakis ultim8k

Asynchronous functions in Javascript

The problem

Some times we want to get data from a function that isn't ready on time, and it's response is delayed. Those functions are called Asynchronous.

var profile = $.get('http://graph.facebook.com/kapenekos',
	function(response){
		console.log(response)
		return response
	})

Sublime Text 2 – Useful Shortcuts (Mac OS X)

General

⌘T	go to file
⌘⌃P	go to project
⌘R	go to methods
⌃G	go to line
⌘KB	toggle side bar
⌘⇧P	command prompt

Adding a callback handler to a jQuery plugin

(function($){
	$.fn.myAwesomePlugin = function(settings) {
		var callback = settings.callback;
		if ($.isFunction(callback)) {
			var parameter = 'Hello World';
			callback.call(this, parameter);
 }

	/**
	* A faster javascript loop
	*/
	var fruits = ['orange', 'apple', 'banana', 'pear', 'peach', 'cherry'];
	var i = fruits.length;
	while(i--) {
	console.log(fruits[i]);
	}

	/**
	* Set value of a var based on condition
	*/
	var enabled = (true) ? "YES" : "NO" // YES

	var status = (enabled == "YES") ? "ENABLED" : "DISABLED" // ENABLED

	/**
	* Short-circuit evaluation AKA lazy assignment
	*/
	var a;
	var b = null;
	var c = undefined;
	var d = 4;
	var e = 'five';

	var f = a \|\| b \|\| c \|\| d \|\| e;

	/**
	* app template
	*/
	var app = {}
	app.settings = {
	init_msg : "Thanks Kostas.\nYou are awesome!"
	}

	app.consolefix = function(){
	var self = this

	/**
	* Responsive score table
	*/

	.clearfix:before,
	.clearfix:after { content: " "; display: table; }

	.clearfix:after { clear: both; }

	* { box-sizing: border-box; }

	function getTotalWidth(el){
	var width = el.width();
	var padding = parseInt(el.css("padding-left"), 10) + parseInt(el.css("padding-right"), 10);
	var margin = parseInt(el.css("margin-left"), 10) + parseInt(el.css("margin-right"), 10);
	var border = parseInt(el.css("borderLeftWidth"), 10) + parseInt(el.css("borderRightWidth"), 10);
	return width + padding + margin + border;
	}

	if (!Function.prototype.bind) {
	Function.prototype.bind = function (oThis) {
	if (typeof this !== "function") {
	// closest thing possible to the ECMAScript 5 internal IsCallable function
	throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
	}
	var aArgs = Array.prototype.slice.call(arguments, 1),
	fToBind = this,
	fNOP = function () {},
	fBound = function () {