• Home
• My Schedule

John Resig

Writing real-world JavaScript can be a frustrating experience. In addition to the standard issues of scalability, architecture, and style that programmers deal with there’s an extra layer of complexity relating to performance and the writing of cross-browser code. JavaScript libraries are the de-facto way of routing these issues and providing a comprehensive, easy-to-use, solution for writing client-side code.


In this talk we’ll explore all the techniques that go into creating a JavaScript library, from the ground up. This includes everything from code architecture, cross-browser code, and the intricacies of the DOM up to performance analysis and unit testing. Throughout the talk we’ll be examining a number of most popular libraries in an attempt to mine them for practical information on why they are constructed in their particular manner and apply it to our everyday code.


This will be a very code-heavy talk with lots of examples, tutorials, and practical code that you can begin using in your applications today.
The release of the Processing.js library has taken the JavaScript world by storm—offering users an intuitive way of creating complex, interactive, pieces of visualization with JavaScript. The library was made possible by a fantastic new piece of web development technology snuck in under the radar and works in all modern browsers: the HTML 5 Canvas element.


In this talk we’ll take a complete exploration of the library, starting with the low-level Canvas element, working through the API and language parsing, and examine how to create impressive works using Canvas and Processing language—all using pure JavaScript.


This talk will explore the following concepts:



Canvas
How it works
Principles
Advanced Canvas
Processing
The language
Comparison with Canvas
Examples
Processing.js
Language translation
Regular expressions
Processing to Canvas mapping
Examples