DojoCampus - component usage examples from the Dojo Toolkit

    Greetings to our readers. Along with the library for building powerful, functional and beautiful interfaces for ExtJS web applications , I recently (in the second round) became interested in another framework, namely, the Dojo Toolkit . In something more powerful, in some ways losing the Ext, it can be indispensable in building really powerful and functional web applications, offering developed libraries for creating anything in javascript just in the browser (and now also in Adobe AIR environment).

    But I was often asked, and in the comments there were more than once where and how to see its advantages, in what this power is manifested. If, by comparison, ExtJS also has a very beautiful and impressive section with examples of using various components and even parts of web applications that are completely formed from components from the package, then for Dojo, unfortunately, the section provided on the site is rather poor and it’s very difficult for him to get the right opinion about the possibilities. “Corrupted” by kilobyte libraries of other developers, not everyone will download the full distribution kit, which, frankly, is really quite weighty, like a JS framework — it's almost 16 megabytes! Although there, of course, not only the code, but also tests for each module and other files, so the real size of the library is, of course, smaller.

    Now the situation has improved. An interesting project was opened to popularize Dojo, as well as for visual and quick (yes, and beautiful in appearance) access to all test cases for most modules from the library. The DojoCampus project is called and is located on the corresponding domain - http://dojocampus.org

    You can look at all the features of the library in the Dojo Feature Explorer section, which is divided into three global parts, in accordance with the modular structure of the library itself. In the Dojo Base section, we can see examples related to the core capabilities of the library. Here are examples of working with various data (uploading photos from Flickr, RSS and others), and examples of Drag & Drop implementation, basic animation and special effects from the Fx module, various input / output mechanisms (based on the XMLHTTPRequest, Script tag and IFrame objects), and also different basic algorithms for working with the DOM tree.

    The second tab, Dijit, shows the various components of the graphics subsystem and demonstrates most of the widgets and controls available in the library. Here are standard components such as window, form elements, editors, layouts, progress bars, as well as various methods for creating widgets - in HTML markup, directly in JavaScript code (in various ways), and more. But as I always said and will continue to say - with all my efforts, the visual components in Dojo are not as perfect as in other frameworks, and the Dijit subsystem itself, which provides all this, is quite complicated and resource-intensive.



    And the most interesting is DojoX, which contains interesting algorithms and components that significantly expand the capabilities of ordinary JS-based web applications. The most interesting examples are the graphing and diagramming module, including three-dimensional, advanced graphic special effects and animation, including three-dimensional, advanced controls and widgets, for example, Grid and others. Of course, far from all the components were included here, there are a lot more of them in the DojoX package, and some of them have experimental status, but a general idea of ​​the library's capabilities can be obtained, and much more and better than on the official site.

    In addition to the actual examples, the site contains links to various publications on the intricacies of working with the library. So this site can be considered the first starting point in the development and study of the library, and after that go to the official one, where the documentation for developers and the distribution itself. After this site, I am pretty sure with a different look at the Dojo Toolkit.

    And at the end of the material, a link to an excellent post-study on how to minimize the library and assemble it to fit your needs. Just read, especially if you have already started or plan to use Dojo in your projects.

    PS Cross-post from my blog: http://abrdev.com/?p=296

    Also popular now: