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": "."
}

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.

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>