Dojo Widgets: The Essentials

| 8:00am - 12:00pm PT
Join us Online
Register today

About this workshop

In this workshop, we’ll explore many of the unique advantages Dojo offers for creating rich user interfaces across desktop, tablet, and mobile devices. Our hands-on approach mixes lecture from experienced Dojo committers, a library of reference material, live code examples, and activities to apply what you learn as we go.

By the end of this workshop, you’ll know how to use Dojo’s extensive UI libraries, from Dijit and DojoX Widgets to dgrid and Dojo Mobile to create richer user experiences for your applications.


Workshops focus on the latest Dojo 1.10 APIs, though some core concepts can apply to older Dojo versions as well. We’ll discuss the following Dojo topics in four intense days of learning:

  • Introduction to Widgets. Become acquainted with what Dijit provides out of the box, and learn to use widgets both declaratively and programmatically, including dojo/parser and dijit/registry. Learn about other popular widget extensions and the basics of using themes.
  • Introduction to Forms. Learn the basics of form elements in Dijit and Dojo Mobile.
  • Stateful Forms and Validation. Establish a solid foundation on creating and managing forms through exploration of higher-level constructs such as dojo/Stateful, dijit/form/Form, and custom validation.
  • Layout. Learn about Dijit's layout widgets, as well as Dojo Mobile's Views.
  • Widget Events. Learn how widgets listen to and emit events.
  • Templating, i18n, and a11y. Get an overview of managing templates, how and when to use dijit/_TemplatedMixin and dijit/_WidgetsInTemplateMixin, and common templating practices. Learn about internationalization and accessibility.
  • dgrid. Learn how to work with the core components of dgrid out of the box, as well as how to compose your own grids and how to use extensions.
  • Charting. Obtain a general understanding of how charting and the underlying GFX vector graphics systems work.
  • Theming. Learn how to create a theme that works together with Dijit, DojoX widgets, HTML form elements, dgrid, and charts..
  • Widget Authoring. Understand the underpinnings of dijit/_WidgetBase and the related mechanisms. Create your own custom widgets with consideration for performance, accessibility, and localization.
  • Composing UIs. Develop a solid foundation for creating application interfaces through understanding of declarative, programmatic, and composite approaches to building the overall application UI.
  • Best Practices. Summary of Dojo user interfaces best practices.

Who will benefit from this workshop?

Developers who have learned the basics of Dojo and want to harness the power of its UI components to create powerful, cross-device user interfaces. Developers who have used earlier versions of Dojo and Dijit and want to learn the latest best practices will also find this workshop beneficial.

Learn more

What our students say

Thanks for putting so much time into preparing the workshop and activities. Herve D.

An amazing way to learn JavaScript

Learn from committers

Our instructors aren’t simply professional speakers, they’re also real Dojo developers that can answer tough questions and provide you with in-depth knowledge that only comes from experience writing actual applications.

Code as you learn

Live code throughout each section provides insight into what actually happens when APIs are used, and activities at the end of each topic solidify your knowledge by letting you go hands-on with code.

Ask your questions

When you attend a SitePen workshop, you’ll be able to ask questions directly to the instructor or get help through our online chat during the training.

Keep the resource kit

After taking one of our workshops, we want to make sure you’re set up to succeed. That’s why you get to keep a copy of the slides, code samples, and activities from your training as reference for when you begin applying your new knowledge to real projects.

Prerequisites & FAQs

What you should know already

Before taking this workshop, we recommend that all attendees have either taken our Dojo 101: Fundamentals workshop or our previous jUMP into Dojo workshop. If you have not, you should instead feel comfortable with all the materials listed in the Dojo 101: Fundamentals agenda through your experience working with Dojo.

Technical preparations

  • The latest Firefox or Google Chrome on your laptop
  • GoToMeeting application so that you can join the meeting
  • Your IDE or code editor of choice—whatever you're comfortable with, but something more than just Notepad, WordPad or TextEdit
  • The workshop materials, installed as per the instructions received after registration

Who's the instructor?

We have a talented group of Dojo committers that teach our workshops. The actual instructor is determined based on our schedule of public and private workshops. Think of our planning process as something like air traffic control for a relatively small airport.

We’re looking forward to seeing you!

Register today