Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/cepa/dojo-tutorial

Dojo Toolkit 1.9 Tutorial
https://github.com/cepa/dojo-tutorial

Last synced: about 2 months ago
JSON representation

Dojo Toolkit 1.9 Tutorial

Lists

README

        

# Dojo Toolkit 1.9 Tutorial

_This repository is no longer maintained!_

This is a tutorial with simple examples how to solve real life scenarios with Dojo and how to create Rich Internet Applications / Singe Page Applications mostly backend oriented.
The tutorial was started because of lack of good examples that can introduce Dojo step by step, which by far is most likely one of the most powerful and comprehensive javascript toolkits in the world offering a lot more ready to use widgets than any other popular javascript framework.

## Website & examples
Visit http://dojotutorial.org/ where you can find working examples from each tutorial.

## Tutorials
Each lesson is in the _tutorial_ directory.

* 001 - **Hello world** - Create a boilerplate app with dojo.
* 002 - **Button click** - Handle button click action.
* 003 - **Dialog** - Display basic dialog box.
* 004 - **Menubar** - Display sample menu bar with drop down menus and icons.
* 005 - **Context menu** - Display context menu triggered by mouse right button click.
* 006 - **Layout** - Construct sample dijit layout.
* 007 - **Custom alert dialog** - Create custom alert box widget.
* 008 - **Custom confirm dialog** - Create custom confirm box widget.
* 009 - **Form** - Display various types of dijit form elements.
* 010 - **Form validation** - Validate form values with builtin validators.
* 011 - **Form ajax validator** - Create custom form validator that talks with remote server using Ajax to validate a value.
* 012 - **Login form dialog** - Create login box widget and handle submiting login data.
* 013 - **Dojo AMD** - How to use Dojo AMD, how to integrate external libraries like jQuery and Handlebars.
* 014 - **MVC form** - Create simple MVC app to controll a form.
* 015 - **Grid** - Display basic grid.
* 016 - **Dynamic grid** - Create multiple grid on fly, and embed them in content panes.

## Contributing
This tutorial is far from perfect and I'm still learning while writing it, so feel free to send me pull requests if you see any mistakes, and I would love to attach more tutorials if you have any.