Dojo Interview Questions and Answers
Freshers / Beginner level questions & answers
Ques 1. What is Dojo?
Ques 2. What is the basic structure in Dojo?
| 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. |
Ques 3. What is the point in Dojo?
Ques 4. History of Dojo.
Ques 5. What is Package System in Dojo?
Ques 6. Relation between AJAX and Dojo.
Ques 7. What is Widget Toolkit in Dojo?
Ques 8. Example of Dojo script using widgets.
Ques 9. What are the features of Dojo?
- Dojo is based on HTML and JavaScript, so its easy for the developers to learn it fast.
- There is no requirement of learning new programming language. Just HTML and JavaScript knowledge if sufficient.
- Dojo provides higher abstraction layer to the programmer. So, it helps the programmers to develop powerful functions very easily.
- Dojo has already invented the wheels for the programmers and now programmers just have to use the Dojo api into their application
Ques 10. Give some components that comes along with Dojo framework.
- DOJO Tree
- DOJO Button
- DOJO Calendar control
- DOJO Grid
- DOJO List box
- and many more..
Ques 11. What are the advantages or benefits of Dojo?
- Associative arrays
- Loosely typed variables
- Regular expressions
- Objects and classes
- Highly evolved date, math, and string libraries
- W3C DOM support in the Dojo
Ques 12. Give a sample example on Dojo.
First you can download the dojo required files from the below link:
Example of Creating a Button
Here we are going to create a button "Hello World!". To create a button in dojo you need to a Button Widget that contains three visual states as: mouseOut, mouseOver and mouseDown. To follow the following steps for creating a dojo button widget:
<script type="text/javascript">
// Load Dojo's code relating to widget managing functions
dojo.require("dojo.widget.*");
// Load Dojo's code relating to the Button widget
dojo.require("dojo.widget.Button");
</script>
dojo.require("dojo.widget.*"): It instructs you to include the dojo widget (Not load all the widgets) for managing functions.
dojo.require ("dojo.widget.Button"): This line instructs you to load the Dojo button widget. If you don't include this line, the markup code for the button would not be evaluated by Dojo upon loading, resulting in a plain HTML button instead of what you expect.
Insert the following code into the HTML body:
<button dojoType="Button" widgetId="helloDojoButton"
onClick="helloPressed();">Hello World!</button>
The key attribute of this HTML element to notice is the dojoType attribute. This is responsible for instructing Dojo on how to process the element when the page is loading. In this case you will use a button element for the button that is used to input element - Dojo will work with either as long as the dojoType attribute is present.
widgetId="helloDojoButton": This is replaced with id="helloDojoButton" without the functionality being affected - Dojo's widget system is smart enough to convert regular idattributes to widgetId's if no widgetId` attribute is explicitly named.
Connecting an Event to the Widget
When you click the command button then it doing something? We specify an onClick event handler for the given command button.
dojo.require("dojo.event.*");
Above code we use "dojo.event.*" that includes all events functionality of Dojo (But not all widgets).
Following function that will called by the button when we clicked. After clicking the "helloPressed" method is called and it displays an alert message like: "Click on the Hello World Button".
function helloPressed()
{
alert('Click on the Hello World Button');
}
Here is the code of program:
<html>
<head>
<title>button</title>
<script type="text/javascript">
dojo.require("dojo.event.*");
dojo.require("dojo.widget.*");
dojo.require("dojo.widget.Button");
function helloPressed()
{
alert('Click on the Hello World Button');
}
function init()
{
var helloDojoButton = dojo.widget.byId('helloDojoButton');
dojo.event.connect(helloDojoButton, 'onClick', 'helloPressed')
}
dojo.addOnLoad(init);
</script>
</head>
<body bgcolor="#FFFFCC">
<p align="center"><font size="6" color="#800000">Welcome to Roseindia Dojo Project</font></p>
<button dojoType="Button" widgetId="helloDojoButton" onClick="helloPressed();">Hello World!</button>
<br>
</body>
</html>
Ques 13. Sample code for Checkbox in Dojo framework.
<head>
<title>checkbox</title>
<!-- check box -->
<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dijit.form.CheckBox");
</script>
</head>
<body>
<h2>Check box</h2>
<input id="cb" dojotype="dijit.form.CheckBox" name="developer"
checked="checked" value="on" type="checkbox" />
<label for="cb"> Are you a Dojo Developer </label>
</body>
</html>
Ques 14. Example of Radio Button in Dojo framework.
Radio Buttons are the same as html but dojo provides more controls and styling options than a conventional Radio button. The radio button also contains Boolean types value either 'true' or 'false'. The following example creates a Radio buttons:
<head>
<title>Radio</title>
<!-- radio -->
<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dijit.form.*");
</script>
</head>
<body>
<h2>Radio button</h2>
<input dojoType="dijit.form.RadioButton" id="val1" name="group1"
checked="checked" value="Programmer" type="radio" />
<label for="val1"> Programmer </label>
<input dojotype="dijit.form.RadioButton" id="val2" name="group1"
value="Designer" type="radio" />
<label for="val2"> Designer </label>
<input dojotype="dijit.form.RadioButton" id="val3" name="group1"
value="Developer" type="radio" />
<label for="val3"> Developer </label>
</body>
</html>
Most helpful rated by users:
- What is Dojo?
- What is the basic structure in Dojo?
- Give a sample example on Dojo.
- What are Application Support Libraries in Dojo?
- What is Package System in Dojo?