Javascript

Coding

• Reference: mozilla, w3school, caniuse, try: jsfiddle
• General: Douglas Crockford videos Generic, DOM, Advanced (2006); mozilla
• Specific: passing arguments, bindings
• Optimise: mozilla, google, try: jsperf
• Design patterns: addyosmani, MVC, GUI architecture
• Minimise: closure, yuicompressor, jsmin
• Graphics (mozilla): Canvas, WebGl
• License: Javascript Trap

Graphic libraries

• Carousel: caroufredsel and coolcarousels, Elastislide
• Processing.js: http://ejohn.org/blog/processingjs/
• Raphael: http://raphaeljs.com/

Examples apps: Sketchpad, Zwibbler, javascript-drawing-program, create-html5-canvas-javascript-drawing-app

Mobile

• Touch events: http://www.html5rocks.com/en/mobile/touch/

• Viewport: https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

• Example apps: Aviary, Photoshop Express

• iphone simulator: http://iphone4simulator.com/, also see iOS Human Interface Guidelines

• android simulator: using the Android SDK from http://developer.android.com (see also steps from buildcontext android-browser-emulator

Other Examples

• Opera lesson: http://dev.opera.com/articles/view/html5-canvas-painting/
• DICOM read: http://forums.dcm4che.org/jiveforums/thread.jspa?threadID=2509

Debugging

At the moment, it is easier to debug in browsers:

• Chrome includes a debugger by default under {wrench} > Tools > Javascript Console (or CRTL + i). Allows to view created html, put breakpoints...
• Firebug for Firefox. Similar to the chrome javascript console.