Tony Brown anthonybrown

Learn JavaScript concepts with the Chrome DevTools

Authored by Peter Rybin , Chrome DevTools team

In this short guide we'll review some new Chrome DevTools features for "function scope" and "internal properties" by exploring some base JavaScript language concepts.

Closures

Let's start with closures – one of the most famous things in JS. A closure is a function, that uses variables from outside. See an example:

High level style in javascript.

Opinions are like assholes, every one has got one.

This one is mine.

Punctuation: who cares?

Punctuation is a bikeshed. Put your semicolons, whitespace, and commas where you like them.

Launch Sublime Text 2 from the Mac OS X Terminal

Sublime Text 2 ships with a CLI called subl (why not "sublime", go figure). This utility is hidden in the following folder (assuming you installed Sublime in /Applications like normal folk. If this following line opens Sublime Text for you, then bingo, you're ready.

open /Applications/Sublime\ Text\ 2.app/Contents/SharedSupport/bin/subl

You can find more (official) details about subl here: http://www.sublimetext.com/docs/2/osx_command_line.html

Installation

Launch Sublime Text 2 from the Mac OS X Terminal

Sublime Text 2 ships with a CLI called subl (why not "sublime", go figure). This utility is hidden in the following folder (assuming you installed Sublime in /Applications like normal folk. If this following line opens Sublime Text for you, then bingo, you're ready.

open /Applications/Sublime\ Text\ 2.app/Contents/SharedSupport/bin/subl

You can find more (official) details about subl here: http://www.sublimetext.com/docs/2/osx_command_line.html

	./configure \
	--prefix=/usr \
	--mandir=/usr/share/man \
	--infodir=/usr/share/info \
	--sysconfdir=/private/etc \
	--with-apxs2=/usr/sbin/apxs \
	--enable-cli \
	--with-config-file-path=/etc \
	--with-libxml-dir=/usr \
	--with-openssl=/usr \

	./configure \
	--prefix=/usr \
	--mandir=/usr/share/man \
	--infodir=/usr/share/info \
	--sysconfdir=/private/etc \
	--with-apxs2=/usr/sbin/apxs \
	--enable-cli \
	--with-config-file-path=/etc \
	--with-libxml-dir=/usr \
	--with-openssl=/usr \

	// Very simple. Just handles the process of
	// display an unordered list of movies,
	// while providing the ability to edit each movie
	// and update the model.

	// Any glaring bad practices? Still in the early
	// Backbone learning stages.


	(function(Movie) {

	<!doctype html>
	<html>
	<head>
	<title>Web Workers</title>
	</head>
	<body>

	<script id="worker" type="app/worker">
	addEventListener('message', function() {
	postMessage('What up, sucka.');

	full_width = 80
	columns = 12
	gutter = 1

	.container
	width unit(full_width, '%')
	margin auto
	overflow hidden

	div[class^="grid_"]