Level: Intermediate Igor Kusakov (igor@kusakov.com), Web client lead developer, IBM
31 Oct 2006
Updated 14 Feb 2007
In this in-depth introductory tutorial by Web application developer Igor Kusakov, you learn the basics of developing HTML widgets using Dojo; including how to refer an image, how to add an event handler to an HTML page, and how to handle composite widgets. Also, discover some important differences between plain old JavaScript-style coding versus using Dojo, and get tips for handling complex issues inherent in Web application development.
Note that this tutorial does not address the overall architecture of a Dojo application or the various Dojo packages. Since the Dojo toolkit is rapidly evolving, many issues discussed in the tutorial are subject to change.
In this tutorial
The goal of this tutorial is to get you started with HTML widget development using the Dojo toolkit. You'll learn how to develop Dojo HTML widgets, starting with one that is very simple and working up to one that is more complex. By the end of the tutorial you will have experience with composite widgets and various event-handling alternatives.
Objectives - Set up a Dojo development environment
- Create sample widgets
- Access widgets programmatically
- Create nested HTML
- Create nested and composite widgets
- Handle events in Dojo
- Debug Dojo widgets and review common issues
Prerequisites
This tutorial is written for JavaScript programmers whose skills and experience are at an intermediate to expert level. You should have a working knowledge of browser-side JavaScript development.
System requirements
You will need JavaScript enabled in your browser. You can use any browser that is supported by the Dojo toolkit to run the examples (see the Dojo FAQ). All you need to do is download and extract the Dojo toolkit onto your hard drive and add a few files, and you'll be able to run the example HTML files in your browser.
Duration
1 hour
Formats html, pdf
| 
