Dojo Basics Js UserGroup Chicago

2,445 views

Published on

A quick introduction to dojo.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,445
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
142
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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

×