Logo F2FInterview

DHTMLX Touch Interview Questions

Q   |   QA
‹‹ previous1234

DHTMLX Touch is a free open source JavaScript library for building HTML5-based mobile web apps. It's not just a set of UI widgets, but a complete framework that allows you to create eye-catching, robust web applications that run on iOS, Android, and other mobile platforms.

Developing an app with DHTMLX TOUCH as in any other library can be divided into some stages. We decided to separate out 3 key points:

  • Requirements
  • Designing
  • Coding

These stages're built on one another, taking the outputs from the previous stage, adding some additional stuff and producing result used as the input for the next step.

Generally, at this stage developers perform requirement analysis, establish basic structure and evaluate feasibility. We won't enumerate all you can perform, make and find out herein, confined ourselves by mentioning two most important points which will be enough for your first app:

  1. Define the device your app will work on and evaluate feasibility of usage such device.
  2. Define common functionality of the app, its main purpose.

To start working immediately, you should unpack dhtmlx_std_full.zip (dhtmlx_pro_full.zip) archive in the place from where you are going to load scripts (Note: the folder must be available through web-server, otherwise some functionality will not be able to work). In any case, you are creating a web-application, so a web-server involvement is mandatory.

Except script file, archive contains styles file and all necessary images. So, let's unpack it in /codebase for example. The structure looks approximately as follows:

[codebase]
      [imgs]
      dhtmlx.js
      dhtmlx.css
  index.html

The last file indicates where we will create the interface of the application and make it work.

Let's return to index.html file.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <title>My Application</title>
    <link rel="STYLESHEET" type="text/css" href="codebase/dhtmlx.css">
    <script src="codebase/dhtmlx.js" type="text/javascript"></script>
    <script>
        function buildInterface(){
            //entire code for interface init will go here
        }
        dhtmlxEvent(window,"load", buildInterface);
    </script>
</head>
<body>

</body>
</html>

The main conclusion you should make up is that interface creation has to be started from the full page loading. Why do we use dhtmlxEvent? Because it makes event setting available for any browser.

‹‹ previous1234

In order to link this F2FInterview's page as Reference on your website or Blog, click on below text area and pres (CTRL-C) to copy the code in clipboard or right click then copy the following lines after that paste into your website or Blog.

Get Reference Link To This Page: (copy below code by (CTRL-C) and paste into your website or Blog)
HTML Rendering of above code: