Skip to main content

By clicking Submit, you agree to the developerWorks terms of use.

The first time you sign into developerWorks, a profile is created for you. Select information in your developerWorks profile is displayed to the public, but you may edit the information at any time. Your first name, last name (unless you choose to hide them), and display name will accompany the content that you post.

All information submitted is secure.

  • Close [x]

The first time you sign in to developerWorks, a profile is created for you, so you need to choose a display name. Your display name accompanies the content you post on developerworks.

Please choose a display name between 3-31 characters. Your display name must be unique in the developerWorks community and should not be your email address for privacy reasons.

By clicking Submit, you agree to the developerWorks terms of use.

All information submitted is secure.

  • Close [x]

Develop HTML widgets with Dojo

Get started with the Dojo toolkit 0.3

Igor Kusakov (igor@kusakov.com), Web client lead developer, IBM
Photo of Igor Kusakov
Igor Kusakov joined the IT world as a professional ten years ago, and has been involved in developing Web and distributed applications since the late nineties. Igor is currently a consultant and leads Ajax Dojo-based application development at IBM Rational. Igor's primary professional interests are Java development, Web project architectures, rich JavaScript-based browser clients, modern persistence frameworks, and tooling for efficient development. Along with having a bachelors degree in computer science, Igor is certified in Java, C++, and C programming.

Summary: 

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.

Date:  14 Feb 2007 (Published 31 Oct 2006)
Level:  Intermediate PDF:  A4 and Letter (146 KB | 35 pages)Get Adobe® Reader®

Activity:  53780 views
Comments:  

Summary

Developing robust, stable, and high-quality software in JavaScript stands on the same principles as doing so with other programming languages. Applying development best practices, proven design patterns, and common sense makes a project successful.

Further learning

If you need more information on developing Dojo widgets, now is a good time to start studying existing Dojo widgets code. You are already familiar with most of the important concepts used there. Also, see Resources for a list of articles and documents about using the Dojo toolkit.

That said, the dynamic nature of JavaScript makes it easier to get messy with than, for example, the Java language. The Java language is strongly typed; it pushes you to use namespaces (packages); and its Java runtime library was seemingly driven by the Gang of Four patterns and similar reference points. Also, Javadoc documentation is very good and usable. These factors are all extremely helpful for new developers, as long as they have less wheels to reinvent, and are pushed in the right direction from the start.

JavaScript is different. It is very flexible, sometimes too much so. You can do so many things with JavaScript, and in so many different ways. But after a while, who can maintain the code? If you've ever been a little too creative and/or inaccurate with JavaScript code, you probably know what I mean: maintenance can be tough even for the author of the code, after a while. JavaScript is far less forgiving than the Java language.

What can you do, then? One idea is to enforce known good practices using coding standards. You could even try to stick to the Java way of coding. Some decisions can really simplify things and help newcomers:

  • Take advantage of Dojo's infrastructure for using packages.
  • Define only one class per file and keep class and file names consistent.
  • Validate arguments for correct types and not-null conditions explicitly at the beginning of public methods.
  • Throw exceptions as you would in Java and view a stack trace with the Firebug plugin.
  • Declare classes with dojo.declare(), and use the Dojo infrastructure for inheritance.

From another perspective, avoiding JavaScript's powerful flexibility can prevent really beautiful and worthy designs from happening. You don't want that either. So, as typically happens, it is all about finding a perfect balance between the extremes.

13 of 15 | Previous | Next

Comments



Help: Update or add to My dW interests

What's this?

This little timesaver lets you update your My developerWorks profile with just one click! The general subject of this content (AIX and UNIX, Information Management, Lotus, Rational, Tivoli, WebSphere, Java, Linux, Open source, SOA and Web services, Web development, or XML) will be added to the interests section of your profile, if it's not there already. You only need to be logged in to My developerWorks.

And what's the point of adding your interests to your profile? That's how you find other users with the same interests as yours, and see what they're reading and contributing to the community. Your interests also help us recommend relevant developerWorks content to you.

View your My developerWorks profile

Return from help

Help: Remove from My dW interests

What's this?

Removing this interest does not alter your profile, but rather removes this piece of content from a list of all content for which you've indicated interest. In a future enhancement to My developerWorks, you'll be able to see a record of that content.

View your My developerWorks profile

Return from help

static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=1
Zone=Web development, Java technology, Open source
ArticleID=171206
TutorialTitle=Develop HTML widgets with Dojo
publish-date=02142007
author1-email=igor@kusakov.com
author1-email-cc=htc@us.ibm.com, ikusakov@ca.ibm.com

Tags

Help
Use the search field to find all types of content in My developerWorks with that tag.

Use the slider bar to see more or fewer tags.

Popular tags shows the top tags for this particular content zone (for example, Java technology, Linux, WebSphere).

My tags shows your tags for this particular content zone (for example, Java technology, Linux, WebSphere).

Use the search field to find all types of content in My developerWorks with that tag. Popular tags shows the top tags for this particular content zone (for example, Java technology, Linux, WebSphere). My tags shows your tags for this particular content zone (for example, Java technology, Linux, WebSphere).

Try IBM PureSystems. No charge.