Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Dojo Basics Js UserGroup Chicago

2,485 views

Published on

A quick introduction to dojo.

Published in: Technology
  • Be the first to comment

Dojo Basics Js UserGroup Chicago

  1. 1. dojo.intro @wolframkriesing @uxebu Freitag, 20. November 2009
  2. 2. JavaScript Usability AJAX Browser mobile django widgets FrontEnd dojo OpenSource Web2.0 CSS UserExperience Freitag, 20. November 2009
  3. 3. dojo.history established in 2004 Freitag, 20. November 2009
  4. 4. Freitag, 20. November 2009
  5. 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. 6. http://demos.dojotoolkit.org/demos/skew/ Freitag, 20. November 2009
  7. 7. http://demos.dojotoolkit.org/demos/faces/ Freitag, 20. November 2009
  8. 8. http://demos.dojotoolkit.org/demos/mojo/ Freitag, 20. November 2009
  9. 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. 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. 11. out of the box Freitag, 20. November 2009
  12. 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. 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. 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. 15. Freitag, 20. November 2009
  16. 16. http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html Freitag, 20. November 2009
  17. 17. written vs. rendered you write you get Freitag, 20. November 2009
  18. 18. build Freitag, 20. November 2009
  19. 19. Freitag, 20. November 2009
  20. 20. thx, Q&A @wolframkriesing @uxebu Freitag, 20. November 2009

×