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

• Generic: processing.js, raphael
• Carousel: caroufredsel and coolcarousels, Elastislide

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: {wrench} > Tools > Developer tools (or Ctrl + Shift + i). Allows to view created html, put breakpoints...
• Firefox: {Firefox} > Web Developer > Inspector (or Ctrl + Shift + i, k for the Web Console)