Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
|
becki:linux:dojo [2010-06-30 13:59] becki |
becki:linux:dojo [2011-03-08 06:49] (aktuell) becki |
||
|---|---|---|---|
| Zeile 2: | Zeile 2: | ||
| ===== Links == | ===== Links == | ||
| - | [[dojo>quickstart/index|Tutorial]], [[dojo>manual/index|Reference]] --- [[http://api.dojotoolkit.org/|API Reference]] --- [[http://dojocampus.org/explorer/|Feature explorer]] (incomplete?) --- [[http://o.dojotoolkit.org/book/dojo-book-0-9/hello-world-tutorial|hello world (outdated)]] --- [[http://dev.aol.com/dojo|Dojo Lib from AOL's CDN]] --- [[http://www.sitepen.com/blog/series/dojo-quick-start-guide/|Old quick start]] --- [[javascript]] | + | [[dojo>quickstart/index|Tutorial]] --- [[dojo>quickstart/dojo-basics|dojo-basics]] --- [[dojo>manual/index|Reference]] --- [[http://api.dojotoolkit.org/|API Reference]] --- [[http://dojocampus.org/explorer/|Feature explorer]] (incomplete?) --- [[http://dev.aol.com/dojo|Dojo Lib from AOL's CDN]] --- [[http://www.sitepen.com/blog/series/dojo-quick-start-guide/|Old quick start]] --- [[javascript]] |
| ===== Why Dojo? == | ===== Why Dojo? == | ||
| Zeile 22: | Zeile 22: | ||
| FIXME Does this table make sense at all? | FIXME Does this table make sense at all? | ||
| + | |||
| + | ===== Use Dojo from your Own Server == | ||
| + | |||
| + | Download the "Dojo Toolkit Release" from http://dojotoolkit.org/download#getdojo and install it on your server to ''/var/www/htdocs/lib/'' | ||
| + | |||
| + | See also: http://docs.dojocampus.org/quickstart/install#use-dojo-from-your-own-server Note that the ''themeTester.html'' mentioned there does //not// exist in the install. | ||
| ===== Make a custom Build == | ===== Make a custom Build == | ||
| Zeile 32: | Zeile 38: | ||
| ==== Make a cross-domain Build == | ==== Make a cross-domain Build == | ||
| - | The following exemplary steps build a cross-domain build with standard profile to be installed on the machine of the brower. Hence the browser machine needs a webserver as well! The actual dojo app can live on a space limited device where the browser connects to: | + | The following exemplary steps build a cross-domain build with standard profile to be installed on the machine of the browser. Hence the browser machine needs a webserver as well! The actual dojo app can live on a space limited device where the browser connects to: |
| - [[http://dojotoolkit.org/download/|Download]] and extract latest stable //source// release | - [[http://dojotoolkit.org/download/|Download]] and extract latest stable //source// release | ||
| Zeile 71: | Zeile 77: | ||
| </code> | </code> | ||
| - | Cd into ''dojo-svn/dojo-svn/util/buildscripts/'' and issue the following command (you will use different locales): | + | Cd into ''dojo-svn/dojo-svn/util/buildscripts/'' and issue the following command (you will use different languages in ''localeList''): |
| ./build.sh profile=exorsus action=clean,release localeList=en-us,de-de cssOptimize=comments | ./build.sh profile=exorsus action=clean,release localeList=en-us,de-de cssOptimize=comments | ||
| - | |||
| - | <note tip>Tip: Save the build profile file and the build command in the repostitory of your web app and just create symlinks from ''dojo-svn/...'' to the files in your web app!</note> | ||
| The build is created in ''dojo-svn/release/'' | The build is created in ''dojo-svn/release/'' | ||
| + | |||
| + | <note tip>Tip: Save the build profile file and the build command in the source tree of your own web app and just create symlinks from ''dojo-svn/...'' to the files in your web app!</note> | ||
| === Deploy == | === Deploy == | ||
| Zeile 89: | Zeile 95: | ||
| |-- dijit | |-- dijit | ||
| | `-- themes | | `-- themes | ||
| - | | |-- dijit.css | ||
| | `-- tundra | | `-- tundra | ||
| | |-- images | | |-- images | ||
| | | |-- accordionItemActive.gif | | | |-- accordionItemActive.gif | ||
| | | |-- ... | | | |-- ... | ||
| - | | | |-- ... everything except the .psd files ... | + | | | |-- ... everything except the .psd files |
| | | |-- ... | | | |-- ... | ||
| | | `-- warning.png | | | `-- warning.png | ||
| Zeile 100: | Zeile 105: | ||
| `-- dojo | `-- dojo | ||
| |-- dojo.js | |-- dojo.js | ||
| - | `-- exodojo.js | + | |-- exodojo.js |
| + | `-- nls | ||
| + | |-- exodojo_ROOT.js | ||
| + | |-- ... | ||
| + | |-- ... everything that begins with the name of your layer file | ||
| + | |-- ... | ||
| + | `-- exodojo_xx.js | ||
| + | | ||
| The example assumes that you work with the tundra theme. Of course you have to take the files of the theme you use! | The example assumes that you work with the tundra theme. Of course you have to take the files of the theme you use! | ||
| - | <note important>You need to maintain the same directory structure on your webserver as given in ''dojo-svn/release/''!</note> | + | <note important>You need to maintain the same directory structure in the web root of your webserver as given in ''dojo-svn/release/''!</note> |
| <note tip>Tip: The ''images/'' subdir of the tundra theme contains (useless?) Photoshop images (''*.psd''). Remove them to save space!</note> | <note tip>Tip: The ''images/'' subdir of the tundra theme contains (useless?) Photoshop images (''*.psd''). Remove them to save space!</note> | ||
| Zeile 128: | Zeile 139: | ||
| * Name unused css modules with the ''cssImportIgnore'' command line attribute when calling ''build.sh''. You can easily spot unused css modules by looking at ''dojo-svn/dijit/themes/tundra/tundra.css''. | * Name unused css modules with the ''cssImportIgnore'' command line attribute when calling ''build.sh''. You can easily spot unused css modules by looking at ''dojo-svn/dijit/themes/tundra/tundra.css''. | ||
| * Unused images may be picked out from ''dojo-svn/dijit/themes/images/''. For, you look in ''dojo-svn/dijit/themes/tundra/tundra.css'' for all references to the ''image'' subdir and there you remove all images which are //not// referenced. | * Unused images may be picked out from ''dojo-svn/dijit/themes/images/''. For, you look in ''dojo-svn/dijit/themes/tundra/tundra.css'' for all references to the ''image'' subdir and there you remove all images which are //not// referenced. | ||
| + | |||
| + | ===== Dijit == | ||
| + | |||
| + | Dijit widgets are wrappers around native DOM nodes. | ||
| + | |||
| + | ''dojo.byId()'' returns the DOM node, whereas [[dojo>dijit/byId|dijit.byId()]] returns the Dijit widget. | ||
| + | |||
| + | Dijit widgets have an attribute called ''domNode'' to access the DOM node. [[dojo>dijit/info|More]] | ||
| + | |||
| + | ===== Events == | ||
| + | |||
| + | Normal DOM events are lowercase (like ''onclick''). Whereas Dojo widget events are camel case (''onClick''). | ||
| + | |||
| + | ''dojo.connect'' is a more powerful replacement for native event handling. More: [[dojo>quickstart/events|JavaScript events and Dojo]] / [[javascript#events|Javascript events]] | ||
| + | |||
| + | ===== Todo == | ||
| + | |||
| + | * Check: [[http://www.ibm.com/developerworks/web/tutorials/wa-dojotoolkit/|Build an Ajax application with the Dojo Toolkit]] | ||