DevExtreme Packages

DevExtreme provides tools for mobile and web development. For your convenience, these tools come within three packages targeting different tasks.

  • DevExtreme Mobile
    For building mobile applications.

  • DevExtreme Web
    For building web applications for desktop and tablets.

  • DevExtreme Complete
    For building both mobile and web applications using Visual Studio templates, wizards and simulators.

You can find details on the tools included into these packages, as well as links for download on the Buy Now page.

In this article, you will learn what you get inside of each package, so that you can find all the supplied resources easily.

To get started with DevExtreme, refer to the Mobile Development | Getting Started and Web Development | Getting Started topics.

DevExtreme Mobile

DevExtreme Mobile contains everything you'll need to create native client applications using HTML5 & JavaScript and to deliver solutions with a single codebase that targets today's most popular smartphones and tablet devices.

DevExtreme Mobile is distributed as a ZIP file. Unzip the downloaded archive to a directory where you wish to store the files. Note that this is not a temporary folder - no further installation or unpacking is required. However, if you need to change these files to a different directory, simply move them to the new location.

The DevExtreme Mobile folder contains the following subfolders.

Application Templates

These are the templates for DevExtreme application projects. Use these templates to start developing a DevExtreme application quickly.

Demos

The source code for all mobile demos that are presented on the site. You can find the source code of these demos in the following directory.

C:\Users\Public\Documents\DevExpress Demos 15.1\DevExtreme

Eula

Familiarize yourself with the End-User License Agreement that comes with DevExtreme, as well as with the licenses of the Globalize, jQuery and Knockout libraries that are used in DevExtreme applications.

Lib

The libraries that must be included in DevExtreme applications.

  • css
    Style sheets for styling applications for different platforms.
  • js
    The JavaScript libraries required for DevExtreme mobile applications.

    • dx.phonejs.js (dx.phonejs.debug.js)
      DevExtreme sources for mobile development (minified and full versions).
    • jquery-X.X.X.min.js (jquery-X.X.X.min.js)
      The jQuery library required by the PhoneJS library (minified and full versions).
    • globalize.min.js (globalize.js)
      A JavaScript library for internationalization and localization required by the PhoneJS library (minified and full versions).
    • knockout-X.X.X.js (knockout-X.X.X.debug.js)
      The JavaScript library required if you use the DevExtreme SPA framework for building mobile applications.
    • angular.min.js (angular.js), angular-sanitize.min.js (angular-sanitize.js) and angular-route.min.js (angular-route.js)
      The JavaScript libraries required if you use the AngularJS framework for building mobile applications.
    • Localization
      Ready-to-use dictionaries for localization of UI widgets to the ru, ja and de cultures.
    • Modules
      Units of the PhoneJS library. You can link the dx.module-core.js and one of the modules that you will really be using in your application. This will reduce the size of your published application.
      • dx.module-core.js (dx.module-core.debug.js) - a base PhoneJS module that is required in any DevExtreme application.
      • dx.module-framework.js (dx.module-framework.debug.js) - a module with the DevExtreme SPA framework.
      • dx.module-widgets-base.js (dx.module-widgets-base.debug.js) - a module with base objects used by mobile and web widgets.
      • dx.module-widgets-mobile.js (dx.module-widgets-mobile.debug.js) - a module with DevExtreme mobile widgets.
  • layouts
    Predefined view layout templates for applications built using the DevExtreme SPA framework.

Theme Builder

A site for modifying the predefined themes that come with the product.

DevExtreme Web

DevExtreme Web ships with a rich library of client-side widgets that can be used in any web application or website.

DevExtreme Web is distributed as a ZIP file. Unzip the downloaded archive to a directory where you wish to store the files. Note that this is not a temporary folder - no further installation or unpacking is required. However, if you need to change these files to a different directory, simply move them to the new location.

The DevExtreme Web folder contains the following subfolders.

Application Template
A template for web applications that utilize DevExtreme widgets. Read the Web Application topic in the UI Widgets | Application Templates article to learn the details on this project template.

Demos

The source code for all web demos that are presented on the site. You can find the source code of these demos in the following directory.

C:\Users\Public\Documents\DevExpress Demos 15.1\DevExtreme

Eula

Familiarize yourself with the End-User License Agreement that comes with DevExtreme, as well as with the licenses of the Globalize, jQuery and Knockout libraries that are used in DevExtreme applications.

Exporter

The scripts that are required for the exporting of visualization widgets included in the product.

Lib

The libraries that must be included to DevExtreme applications.

  • css
    Style sheets for styling applications for different platforms.
  • js
    The JavaScript libraries required for DevExtreme mobile applications.

    • dx.webappjs.js (dx.webappjs.debug.js)
      DevExtreme sources for Web-optimized DevExtreme UI widgets (mini and full versions).
    • dx.chartjs.js (dx.chartjs.debug.js)
      DevExtreme sources for DevExtreme Data Visualization widgets (mini and full versions).
    • jquery-X.X.X.min.js (jquery-X.X.X.min.js)
      The jQuery library that is required by the WebAppJS and ChartJS libraries (minified and full versions).
    • globalize.min.js (globalize.js)
      A JavaScript library for internationalization and localization that is required by the WebAppJS and ChartJS libraries (mini and full versions).
    • knockout-X.X.X.js (knockout-X.X.X.debug.js)
      The JavaScript library that is required if you use the MVVM approach and the Knockout library for binding.
    • angular.min.js (angular.js), angular-sanitize.min.js (angular-sanitize.js) and angular-route.min.js (angular-route.js)
      The JavaScript libraries that are required if you use DevExtreme Web UI widgets in AngularJS applications.
    • jszip.min.js (jszip.js)
      The JavaScript library that is required if you use export in the dxDataGrid widget.
    • Localization
      Ready-to-use dictionaries for localization of UI widgets into the ru, ja and de cultures.
    • Modules
      Units of the WebAppJS and ChartJS libraries. You can link the dx.module-core.js and one of the modules that you will be using in your application. This will reduce the size of your published application.

      • dx.module-core.js (dx.module-core.debug.js) - a base module that is required in any DevExtreme application.
      • dx.module-framework.js (dx.module-framework.debug.js) - a module with the DevExtreme SPA framework, which can be used for building a web single-page application.
      • dx.module-widgets-base.js (dx.module-widgets-base.debug.js) - a module with base objects used by mobile and web widgets.
      • dx.module-widgets-web.js (dx.module-widgets-web.debug.js) - a module with DevExtreme web widgets.
      • dx.module-viz-core.js (dx.module-viz-core.debug.js) - a module with base objects used by DevExtreme Data Visualization widgets.
      • dx.module-viz-charts.js (dx.module-viz-charts.debug.js) - a module with chart widgets (dxChart, dxPieChart and dxPolarChart).
      • dx.module-viz-gauges.js (dx.module-viz-gauges.debug.js) - a module with gauge widgets (dxCircularGauge, dxLinearGauge and dxBarGauge).
      • dx.module-viz-rangeselector.js (dx.module-viz-rangeselector.debug.js*) - a module with the dxRangeSelector widget.
      • dx.module-viz-vectormap.js (dx.module-viz-vectormap.debug.js) - a module with the dxVectorMap widget.
      • dx.module-viz-sparklines.js (dx.module-viz-sparklines.debug.js) - a module with the dxSparkline and dxBullet widgets.
    • vectormap-data
      Predefined data sources for the dxVectorMap widget. For details on how to use it, refer to the Providing Data article.

    • vectormap-utils
      Libraries for working with binary sources in the dxVectorMap widget.
  • layouts
    Predefined desktop layout templates for web applications built using the DevExtreme SPA framework.

Theme Builder

A site for modifying the predefined themes that come with the product.

DevExtreme Complete

DevExtreme Complete includes everything that the DevExtreme Mobile and DevExtreme Web packages include. In addition, DevExtreme Complete provides MS Visual Studio tools that help you work with JavaScript products within the environment you got used to.

DevExtreme Complete is installed using the DevExtreme Installer. This tool places the DevExtreme folder in the required location and integrates design-time components into the Visual Studio IDE.

NOTE
By default, the DevExtreme folder is added by the following path: c:\Program Files (x86)\DevExpress XX.X\.

The DevExtreme folder contains the following resources.

Sources

  • EULA
    An End-User License Agreement that comes with the licenses of the Globalize, jQuery and Knockout libraries that are used in DevExtreme applications.

  • Exporter
    The scripts that are required for the exporting of visualization widgets that are included in the product.

  • Lib
    The libraries that must be included to DevExtreme applications.

    • css
    • js
      The JavaScript libraries required for DevExtreme mobile applications.

      • dx.phonejs.js (dx.phonejs.debug.js)
        DevExtreme sources for mobile development (mini and full versions).
      • dx.webappjs.js (dx.webappjs.debug.js)
        DevExtreme sources for Web-optimized DevExtreme UI widgets (mini and full versions).
      • dx.chartjs.js (dx.chartjs.debug.js)
        DevExtreme sources for DevExtreme Data Visualization widgets (mini and full versions).
      • dx.all.js (dx.all.debug.js*)
        The PhoneJS, WebAppJS and ChartJS libraries that are presented in one file.
      • jquery-X.X.X.min.js (jquery-X.X.X.min.js)
        The jQuery library required by the WebAppJS and ChartJS libraries (mini and full versions).
      • globalize.min.js (globalize.js)
        A JavaScript library for internationalization and localization that is required by the WebAppJS and ChartJS libraries (mini and full versions).
      • knockout-X.X.X.js (knockout-X.X.X.debug.js)
        The JavaScript library required if you use the MVVM approach and the Knockout library for binding.
      • angular.min.js (angular.js), angular-sanitize.min.js (angular-sanitize.js) and angular-route.min.js (angular-route.js)
        The JavaScript libraries that are required if you use DevExtreme Web UI widgets in AngularJS applications.
      • jszip.min.js (jszip.js)
        The JavaScript library that is required if you use export in the dxDataGrid widget.
      • Localization
        Ready-to-use dictionaries for the localization of UI widgets to the ru, ja and de cultures.
      • Modules
        Units of the PhoneJS, WebAppJS and ChartJS libraries. You can link the dx.module-core.js and one of the modules that you will really be using in your application. This will reduce the size of your published application.

        • dx.module-core.js (dx.module-core.debug.js) - a base module that is required in any DevExtreme application.
        • dx.module-framework.js (dx.module-framework.debug.js) - a module with the DevExtreme SPA framework.
        • dx.module-widgets-base.js (dx.module-widgets-base.debug.js) - a module with base objects used by mobile and web widgets.
        • dx.module-widgets-mobile.js (dx.module-widgets-mobile.debug.js) - a module with DevExtreme mobile widgets.
        • dx.module-widgets-web.js (dx.module-widgets-web.debug.js) - a module with DevExtreme web widgets.
        • dx.module-viz-core.js (dx.module-viz-core.debug.js) - a module with base objects used by DevExtreme Data Visualization widgets.
        • dx.module-viz-charts.js (dx.module-viz-charts.debug.js) - a module with chart widgets (dxChart, dxPieChart and dxPolarChart).
        • dx.module-viz-gauges.js (dx.module-viz-gauges.debug.js) - a module with gauge widgets (dxCircularGauge, dxLinearGauge and dxBarGauge).
        • dx.module-viz-rangeselector.js (dx.module-viz-rangeselector.debug.js*) - a module with the dxRangeSelector widget.
        • dx.module-viz-vectormap.js (dx.module-viz-vectormap.debug.js) - a module with the dxVectorMap widget.
        • dx.module-viz-sparklines.js (dx.module-viz-sparklines.debug.js) - a module with the dxSparkline and dxBullet widgets.
      • vectormap-data
        Predefined data sources for the dxVectorMap widget. For details on how to use it, refer to the Providing Data article.

      • vectormap-utils
        Libraries for working with binary sources in the dxVectorMap widget.
    • layouts
      Predefined view layout templates for applications built using the DevExtreme SPA framework.

    • ts
      All the DevExtreme TypeScript definitions as well as TypeScript definitions for the jQuery, Knockout and Globalize libraries.

Support
Familiarize yourself with the End-User License Agreement for DevExtreme.

System
Files for DevExtreme integration into Visual Studio.

Tools

In addition, the DevExtreme Installer installs demo applications that illustrate the functionality provided by DevExtreme products. You can find them in the C:\Users\Public\Documents\DevExpress Demos 15.1\DevExtreme\ folder.