kriscooke

On the road to being a Power User

Take control of your development environment by using more of the keyboard and less of the mouse/trackpad. As you write your code, use (Mac and Sublime) keyboard commands/shortcuts to, well... kill it!

Mastering your text editor and Operating System (OS) will make you a more efficient and impressive developer.

Power User Commands

Don't just read about these. If any of these are foreign / unfamiliar to you, be sure to practice them and make a mental note to use them when possible.

Each of these commands will run an ad hoc http static server in your current (or specified) directory, available at http://localhost:8000. Use this power wisely.

Discussion on reddit.

Python 2.x

$ python -m SimpleHTTPServer 8000

	# The Simplest Possible Ruby Web Server. It serves up all the files in the current directory;
	# use when developing static HTML/JS pages locally without a backend framework like Rails or
	# Sinatra and their associated servers. This was useful for me in avoiding XMLHTTPRequest errors
	# in Chrome, triggered by running a page on the local file protocol and trying to AJAX request
	# an API resource via HTTP. The browser will believe you are making a cross-origin request unless
	# the request is coming from both the same domain as the requested resource AND via the same
	# protocol (file/HTTP/etc).

	ruby -run -e httpd . -p 3000

	Array.prototype.reverse = function() {
	// .splice(0) Empties out the entire array and returns the removed elements to arr.
	// (Uses deleteCount = Array.length)
	var arr = this.splice(0);

	// While arr.length is not falsy (arr.length > 0)
	// Pop off the end of arr, and push it back into the empty "this" array:
	while(arr.length) {
	this.push(arr.pop());
	}

	// Original DOM element:
	// <div id="item" data-tags="popcorn,chickens"></div>

	// SET (for eg: based on an ajax response):
	// The first call (with .attr) updates the DOM element only:
	$item.attr('data-tags',response.tag); // "popcorn,chickens"
	$item.attr('data-tags'); // "popcorn,chickens,dandelions"
	// <div id="item" data-tag="popcorn,chickens,dandelions"></div>
	$item.data('tags',response.tag); // [popcorn,chickens]

	#!/bin/bash
	#
	# git-mv-with-history -- move/rename file or folder, with history.
	#
	# Moving a file in git doesn't track history, so the purpose of this
	# utility is best explained from the kernel wiki:
	#
	# Git has a rename command git mv, but that is just for convenience.
	# The effect is indistinguishable from removing the file and adding another
	# with different name and the same content.

	function needsArray(a){
	var args = Array.isArray(a)? a : Array.prototype.slice.call(arguments);
	// Now, use args as an array
	}

	String.prototype.repeat = function(count) {
	return new Array(count+1).join(this);
	};

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console