dojo basics js usergroup chicago

dojo.intro

@wolframkriesing @uxebu

Freitag, 20. November 2009

JavaScript AJAX

CSSdojo

Browser

OpenSourceWeb2.0FrontEnd

Usability

UserExperience

django

mobilewidgets


established in 2004

dojo.history


•netWindows successor

•483 CLAs, 99 CCLAshttp://www.dojotoolkit.org/dojo-contributors

•10+ people fulltime (IBM, SitePen, ...)

•current: 1.4 beta


http://www.dojotoolkit.org/dojo-contributors

http://www.dojotoolkit.org/dojo-contributors

http://demos.dojotoolkit.org/demos/skew/




http://demos.dojotoolkit.org/demos/faces/




http://demos.dojotoolkit.org/demos/mojo/




• 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)

why dojo?


dojo.basics

• namespaced (dojo.lang, dojo.fx, dijit.form)

• dojo, dijit, dojox, yournamespace

• dojo.* - core library

• dijit.* - common, stable widgets

• dojox.* - extended/experimental


out of the box


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, ...


•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


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} )


http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html




you write

you get

written vs. rendered


build


@wolframkriesing @uxebu

thx, Q&A


dojo basics js usergroup chicago

Technology