A quick introduction to dojo.

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