Dojo 201: Interfaces

Two day course

About this workshop

In this two-day workshop, we’ll explore many of the unique advantages Dojo offers for creating highly 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 10 in-class activities to apply what you learn as we go.

By the end of this workshop, you’ll know all about Dojo’s extensive UI libraries, from Dijit and DojoX Widgets to dgrid and Dojo Mobile. You will also know how to create custom user interface components, theme existing widgets, and understand some of the engineering behind how Dijit and dgrid work.

Agenda

Newly updated for Dojo 1.9!

We’ll discuss the following Dojo topics in two 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 in depth, as well as Dojo Mobile's Views.
  • How Widgets Work. Understand the underpinnings of dijit/_WidgetBase and the related mechanisms. Learn what constitutes a widget and get a taste of how to create your own custom widgets.
  • Widget Events. Learn advanced techniques for widget events, including emitting events and creating custom 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 put together a simple extension.
  • Charting. Obtain a general understanding of how charting and the underlying GFX vector graphics systems work, along with an overview of the key components for building charts.
  • Theming. Learn how to create a theme that works together with Dijit, DojoX widgets, HTML form elements, dgrid, and charts. Learn to use the Stylus CSS preprocessor with Dojo and Dijit.
  • Widget Authoring. 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.

Other available workshops

Why a private workshop

  • We come to you!

    No travel time and a comfortable setting means your team stays maximally productive.

  • Saves you money!

    No travel costs and a reduced per-head rate make private workshops highly cost-effective.

  • Ask your questions in private

    Talk about your product without spilling any secrets with our standard non-disclosure.

An amazing way to learn Dojo

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. Afterwards, you’ll have access to our support system to ask any follow-up questions related to the material you were taught.

Take-home 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 course, 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 (with Firebug) or Google Chrome on your laptop
  • 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 (30 days from the workshop)

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.

Where's the venue?

We confirm the venue, and the workshop itself, 30 days in advance. We will send this information to all registered attendees. We are open to suggestions, requests to host a public workshop at your location, etc. Sadly, if we do not have enough registered attendees 30 days in advance, we may cancel a workshop. In this case, you may either apply your payment to another workshop location, or receive a full refund.

Interested in scheduling a private workshop?

Contact sales