dojo Getting started with dojo
Remarks
This section provides an overview of what dojo is, and why a developer might want to use it.
It should also mention any large subjects within dojo, and link out to the related topics. Since the Documentation for dojo is new, you may need to create initial versions of those related topics.
Versions
| Version | Release Date |
|---|---|
| 0.4.4 | 2006-11-05 |
| 1.0.3 | 2007-11-05 |
| 1.1.2 | 2008-03-26 |
| 1.2.4 | 2008-10-02 |
| 1.3.3 | 2009-03-26 |
| 1.4.6 | 2009-12-07 |
| 1.5.4 | 2010-07-22 |
| 1.6.3 | 2011-03-15 |
| 1.7.10 | 2011-10-27 |
| 1.8.12 | 2012-08-15 |
| 1.9.9 | 2013-05-01 |
| 1.10.6 | 2014-06-13 |
| 1.11.2 | 2016-06-09 |
| 1.12.1 | 2016-12-21 |
Installation or Setup
Use Dojo from CDN
Load Dojo through <script> tags in your HTML page pointing to Google CDN.
Example:
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.11.2/dojo/dojo.js"></script>
Install Dojo with Bower
Type the following command in your project directory:
bower install dojo/dojo dojo/dijit dojo/dojox dojo/util
Bower installs to a bower_components sub-directory by default, but if you'd like to install to the current directory instead add a .bowerrc with the following:
{
"directory": "."
}
Sample page
This example is a sample page that shows how to use Dojo to display a "Hello world" text inside <h1> tag.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dojo sample</title>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.12.1/dojo/dojo.js" data-dojo-config="async: true"></script>
</head>
<body>
<h1 id="Hello"></h1>
<script>
require([
'dojo/dom'
], function(dom) {
dom.byId('Hello').innerHTML = 'Hello world';
});
</script>
</body>
</html>
Use dojo themes from CDN
Dojo provides us various themes like tundra, claro etc.
Load themes using link tag in your HTML page pointing to Google CDN.
