Dojo Interview Questions and Answers

Answer: Dojo toolkit is open source DHTML toolkit written in JavaScript. In other words, it is a set of JavaScript libraries. Dojo toolkit aims to solve some long-standing historical problems with DHTML such as browser incompatibility. Dojo toolkit also allows you easily add dynamic capabilities into the web pages by the usage of pre-built widgets and animations. Because it is client-side technology, it can work with any server side technology.

Answer: Open Source DHTML toolkit written in JavaScript. It is a set of JavaScript libraries. Aims to solve some long-standing historical problems with DHTML – Browser incompatibility. Allows you to easily build dynamic capabilities into web pages ie. Widgets, Animations. You can use Dojo toolkit to make your web applications to be more usable, responsive, and functional. Using Dojo toolkit is one of the most effective means of building AJAX based Web applications. Dojo provides lots of plumbing facilities, for example, it hides low-level XMLHttpRequest processing. It also handles browser incompatibilities.

Answer: You can use Dojo to make your web applications more useable, responsive, and functional Supports AJAX. Dojo provides lots of plumbing facilities i.e.Hides XMLHttpRequest processing, Handles browser incompatibilities. Dojo provides powerful AJAX-based IO abstraction. What this means is that it handles asynchronous communicationthrough the usage of XMLHttpRequest. Again this is called remoting. It provides hooks for backward, forward, bookmarking support. Its event system is pretty powerful, for example, it lets you to invoke your event handler before or after an event occurs.This is called “aspect-oriented” event system. It does pr...

Answer: Powerful AJAX-based I/O abstraction (remoting). Graceful degradation. Backward, forward, bookmarking support. Aspect-oriented event system. Markup-based UI construction through widgets. Widget prototyping. Animation

Answer: dojo.io: AJAX-based communication with the serverdojo.event: unified event system for DOM and programmatic eventsdojo.lang: utility routines to make JavaScript easier to use.dojo.string: String manipulation routinesdojo.dom: DOM manipulation routinesdojo.style: CSS Style manipulation routinesdojo.html: HTML specific operationsdojo.reflect: Reflection APIdojo.date: Date manipulationdojo.logging.Logger: Logging librarydojo.profile: JS Profilerdojo.regexp: Regular Expression generatorsdojo.dad: Drag and Dropdojo.collections: Collection data structuresdojo.crypto: Cryptographic APIdojo.reflection: Reflection routinesdojo.math: Mathematic routines...

Answer: Dojo’s event system offers a refreshing alternative to the normal JavaScript events. With Dojo, you connect functions to one another, creating a link that calls one function when another fires. dojoAttachEvent dojoAttachEvent allows you to specify DOM event handlers in a very concise manner: dojo.webui.widgets.MyWidget = function() { … this.templateString = ‘<div dojoAttachPoint=”divNode”dojoAttachEvent=”onClick; onMouseOver: onNode;”></div>’;} In other words, for a widget that contains the above templateString, there is a div node, that will listen for onclick and onmouseover ...

Answer: No, we don’t have to. dojox/mobile/parser is a subset of dojo.parser. Usage and how it works are basically the same. It has no mobile specific features. dojox/mobile/parser’s ONLY advantage over dojo.parser is its smaller code size. If your application unfortunately does not work with dojox/mobile/parser, you can replace it with dojo.parser. Also if you are embeding your mobile application in an hybrid container such as Cordova, the size might not matter that much and you might prefer to pick the full parser.  

Answer: • Dojo is sometimes advertised as AJAX framework • It is able to make AJAX requests with Dojo • But the technique of binding is under the abstraction layer that Dojo has. 

Answer: • dojo.lang.* • Wrappers for common idioms • Functional programming APIs • For Example – dojo.lang.forEach – dojo.lang.map – dojo.lang.assert   

Answer: • Consist of the most interesting routines • IO package provides routines e.g. for AJAX binding • DND package provides routines for drag-and-drop operations • There is also some useful routines in logging, storage and animation packages   

Answer:   • Libraries provides routines for handling the environment • Consist of svg, html, style and dom packages • Provides some methods for arrange HTML document • There is also methods for handling DOM trees and SVG models • Those routines extend existing routines   

Answer:   This is a technique of dragging an item. Click an object or specific item that have to be dragged and dropped, you hold down the mouse button and drag the object to the suitable destination. <html> <head> <title>Dojo Drag and Drop Example</title> <script type="text/javascript" src="dojo.js" djConfig="parseOnLoad: true"> </script> <script type="text/javascript"> dojo.require("dojo.dnd.source"); dojo.require("dojo.parser"); </script> </head> <body> <h1>Drag and Drop</h1> <table border="1" cellpadding="0" cellspacing="0"> <tr> <td valign="top"> <!...

Answer:   The dojox.widget.ColorPicker widget that allows user to select a color (in hexa format). This is a form component. We can add this component on the form to our requirement. <html> <head> <title>Color Picker Example</title> <style type="text/css"> @import "../dijit/themes/soria/soria.css"; @import "/resources/dojo.css"; @import "../dojox/widget/ColorPicker/ColorPicker.css"; </style> <script type="text/javascript" src="dojo.js" djConfig="parseOnLoad: true"></script> <script type="text/javascript"> dojo.require("dojox.widget.ColorPicker"); dojo.require("dojo.parser"); </script> &...

Answer:   The progress bar is a GUI (Graphical User Interface) that gives dynamic feedback on the progress of a long-running operation. The progress bar can be updated by calling the JavaScript functions. Which works best for long-running JavaScript operations or a series of JavaScript XHR calls to the server. Progress bar performs to multiple types of works such as: download or upload any files and representation of the progress in a percent format. <html> <head> <title>Progress Bar Demo</title> <style type="text/css"> @import "../resources/dojo.css"; @import "../dijit/themes/tundra/tundra.css"; </style> <...

Answer: DOJO Tree DOJO Button DOJO Calendar control DOJO Grid DOJO List box

Answer: Even if Dojo is nice, beautiful etc, it is quite heavy The documentation is still quite narrow Needs much network Developer depends on the browser support for the Dojo There is no way to hide the Dojo code in case of commercial application   

Answer: <script> dojo.require(”dojo.widget.Editor2”); </script> <!-- ... --> <textarea dojoType=”Editor2”> ... </textarea>   

Answer: 2 • Widget toolkit is also a very noticeable part of Dojo toolkit• Widget is a user interface object that has a layout and some properties• In Dojo widgets are HTML+CSS bound by JavaScript• Dojo has lots of useful widgets e.g. Tabs, sorting table, dialogs 0 :: What is Widget Toolkit in Dojo? • Widget too • Widget toolkit is also a very noticeable part of Dojo toolkit• Widget is a user interface object that has a layout and some properties• In Dojo widgets are HTML+CSS bound by JavaScript• Dojo has lots of useful widgets e.g. Tabs, sorting table, dialogs lkit is also a very noticeable part of Dojo t...

Answer: • Dojo bases on the HTML and JavaScript • Developer has not to use any strange programming language • Dojo ups abstraction layer in a higher level • Developer has not to reinvent wheel when starting programming project   

Answer: The basic directory structure of the application is very simple and it will evolve later: /index.html - The application entry point. /app - The application module. /app/main.js - The main script for app module.   

Answer: The dojo/ready module provides a function that registers a callback that will run once three conditions have met: The DOM is ready All outstanding modules of requested code have completed loading Other registered functions with a higher priority have completed.   

Answer:   It is to prevent raw HTML rendering result from being shown before dojo’s rendering finishes. The visibility will be restored by the initialization code in dojox/mobile/common.   

Answer:   Make sure to set the alt, title and role attributes. VoiceOver will read widgets with these attributes set. See tests/test_a11y.html for examples. However, the value of a SpinWheel can not be read by VoiceOver in 1.8.  

Answer:   Some Dojo Mobile widgets are not accessible. For example, the ScrollableView can only be scrolled by using touch gestures. You must develop alternative ways, ex. buttons for scrolling, to ensure accessibility. Other examples requiring alternatives are SwapView flip and ListItems editing.