This document provides an overview of the Dojo toolkit, an open-source JavaScript library. It establishes that Dojo was created in 2004, has over 480 contributors, and a team of 10 people working on it full-time. The document outlines Dojo's modular structure including the core dojo library, common widgets in dijit, and experimental modules in dojox. It provides examples of frequently used Dojo functions and capabilities like DOM manipulation, Ajax calls, animations, and theming widgets.

1. dojo.intro
@wolframkriesing @uxebu
Freitag, 20. November 2009

2. JavaScript Usability AJAX
Browser mobile
django widgets
FrontEnd dojo
OpenSource
Web2.0 CSS UserExperience
Freitag, 20. November 2009

3. dojo.history
established in 2004
Freitag, 20. November 2009

4. Freitag, 20. November 2009

5. • netWindows successor
• 483 CLAs, 99 CCLAs
http://www.dojotoolkit.org/dojo-contributors
• 10+ people fulltime (IBM, SitePen, ...)
• current: 1.4 beta
Freitag, 20. November 2009

6. http://demos.dojotoolkit.org/demos/skew/
Freitag, 20. November 2009

7. http://demos.dojotoolkit.org/demos/faces/
Freitag, 20. November 2009

8. http://demos.dojotoolkit.org/demos/mojo/
Freitag, 20. November 2009

9. why dojo?
• high quality (not a weekend hack)
• small+big (dojo.js gzipped 28k, there is more)
• package, build system (clean, custom size)
• continuously optimized core (dojo.*)
• very active community (#dojo, MLs, forums)
• core+widgets+extras (well structured)
Freitag, 20. November 2009

10. dojo.basics
• namespaced (dojo.lang, dojo.fx, dijit.form)
• dojo, dijit, dojox, yournamespace
• dojo.* - core library
• dijit.* - common, stable widgets
• dojox.* - extended/experimental
Freitag, 20. November 2009

11. out of the box
Freitag, 20. November 2009

12. out of the box
• dojo.*
• lang, string, array, dom, coords, data, back,
behaviour, date, dnd, i18n, io, rpc, ...
• dijit.* - stable widgets
• form.*, Editor, Tree, Dialog, ProgressBar, ...
• dojox.* - dojo extended (experimental)
• charting, cometd, crypto, data, dtl, fx, gfx, grid,
lang, math, widget, ...
Freitag, 20. November 2009

13. • dojo.require(), dojo.declare(), dojo.provide()
• dojo.hitch(), dojo.mixin(), dojo.extend()
• dojo.[dis]connect(), dojo.publish/subscribe()
• dojo.xhr(), dojo.xhrPost(), dojo.xhrGet()
• dojo.forEach(), dojo.map(), dojo.filter()
• dojo.toJson(), dojo.isString(), dojo.isIE, ...
• dojo.data
Freitag, 20. November 2009

14. dojo.by.example
• dojo.byId(„myButtonId“)
• dojo.query( „#id, .class, .class:hover“ )
• dojo.toJson( {one:[1,2,3], two:“zwei“} )
• dojo.xhr( {url:“/home“, content:{foo:“bar“}} )
• dojo.hitch( this, „onClick“ )
• dojo.fx.wipeOut( {node:el, duration:1000} )
Freitag, 20. November 2009

15. Freitag, 20. November 2009

16. http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html
Freitag, 20. November 2009

17. written vs. rendered
you write
you get
Freitag, 20. November 2009

18. build
Freitag, 20. November 2009

19. Freitag, 20. November 2009

20. thx, Q&A
@wolframkriesing @uxebu
Freitag, 20. November 2009