Javascript

Coding

• Douglas Crockford videos (2006)
• Generic: http://youtu.be/v2ifWcnQs6M,
• DOM: http://youtu.be/Y2Y0U-2qJMs,
• Advanced: http://youtu.be/DwYPG6vreJg
• Mozilla Guide: https://developer.mozilla.org/en/JavaScript/Guide
• Design patterns: http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/
• Bindings: http://www.alistapart.com/articles/getoutbindingsituations
• Passing arguments: http://snook.ca/archives/javascript/javascript_pass
• Minimise: http://closure-compiler.appspot.com/home
• MVC? http://javascriptmvc.com/

Graphic libraries

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

(Canvas: https://developer.mozilla.org/En/HTML:Canvas)

Drawing tools

• Aviary: http://www.aviary.com
• Zwibbler: http://stevehanov.ca/blog/index.php?id=93
• Sketchpad: http://mugtug.com/sketchpad/
• http://madkingsmusings.blogspot.com/2010/08/javascript-drawing-program.html
• http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/

Mobile

• jquerymobile
• Menus as in http://www.aviary.com/ or http://www.photoshop.com/products/mobile/express/android
• 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
• CSS3: @media screen and (max-width: 600px) {}
• Viewport: https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

Other Examples

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

License

• The Javascript Trap: http://www.gnu.org/philosophy/javascript-trap.html

Design

• GUI architecture: http://www.martinfowler.com/eaaDev/uiArchs.html

Debugging

I did not find a good solution for debugging using eclipse. At the moment, it is easier to debug in browsers:

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