Wednesday, September 24th, 2008

Detailed JavaScript and Processing.js from John Resig

Category: Canvas, Presentation

John Resig has given some great talks recently, and just posted about some of them.

First, we have his interactive learning area where the presentation is just a JavaScript application that you can play with. Double click on the code, make a change, and save away!

The talk goes into the innards of the language that we are know, love, or at least deal with:

  • Defining Functions
  • Named Functions
  • Functions as Objects
  • Context
  • Instantiation
  • Flexible Arguments
  • Closures
  • Temporary Scope
  • Function Prototypes
  • Instance Type
  • Inheritance
  • Built-in Prototypes
  • Enforcing Function Context
  • Bonus: Function Length

The goal of all of this, is that after going through the presentation you should understand the following:


  1. // The .bind method from Prototype.js
  2. Function.prototype.bind = function(){
  3.   var fn = this, args =, object = args.shift();
  4.   return function() {
  5.     return fn.apply(object,
  6.       args.concat(;
  7.   };
  8. };

Next up is his talk on Canvas, Processing and Processing.js. Everytime I see this stuff it makes me smile. Amazing visualizations are here:

Posted by Dion Almaer at 6:00 am
Comment here

3 rating from 29 votes

Comments Here »

Comments feed TrackBack URI

Leave a comment

You must be logged in to post a comment.