diff --git a/concepts/40 Angular Components/00 DevExtreme Angular Components.md b/concepts/40 Angular Components/00 DevExtreme Angular Components.md index f8a8267360..748a1e90a2 100644 --- a/concepts/40 Angular Components/00 DevExtreme Angular Components.md +++ b/concepts/40 Angular Components/00 DevExtreme Angular Components.md @@ -1,40 +1,47 @@ -#include common-troubleunderstanding-note with { - technology: "Angular", - docsLink: "https://angular.dev/overview" -} +The DevExtreme Angular UI Component Suite offers 80 responsive, touch-enabled UI components for Angular applications. This suite features a data grid, interactive charts, data editors, and various navigation and utility components. -The DevExtreme Angular UI Component Suite is a feature-complete set of [80 responsive and touch-enabled UI components](https://js.devexpress.com/Overview/Widgets/) for Angular applications. The suite includes a data grid, interactive charts, data editors, navigation and multi-purpose UI components. +## 80 JavaScript UI Components -The DevExtreme Angular UI Component Suite provides the following platform-specific features: + -- [Application template for a quick start](/concepts/40%20Angular%20Components/30%20Application%20Template/00%20Application%20Template.md '/Documentation/Guide/Angular_Components/Application_Template/') +## Try DevExtreme Components in Your Project -- Integration with [Angular CLI](/concepts/40%20Angular%20Components/10%20Getting%20Started/03%20Add%20DevExtreme%20to%20an%20Angular%20CLI%20Application '/Documentation/Guide/Angular_Components/Getting_Started/Add_DevExtreme_to_an_Angular_CLI_Application/'), [Webpack](/concepts/40%20Angular%20Components/10%20Getting%20Started/30%20Other%20Approaches/04%20Using%20Webpack '/Documentation/Guide/Angular_Components/Getting_Started/Other_Approaches/Using_Webpack/'), [Ionic](/concepts/40%20Angular%20Components/10%20Getting%20Started/30%20Other%20Approaches/05%20Using%20Ionic '/Documentation/Guide/Angular_Components/Getting_Started/Other_Approaches/Using_Ionic/'), [Rollup](/concepts/40%20Angular%20Components/10%20Getting%20Started/30%20Other%20Approaches/06%20Using%20Rollup '/Documentation/Guide/Angular_Components/Getting_Started/Other_Approaches/Using_Rollup/') +Experience DevExtreme components in your projects with our [30-day trial](https://js.devexpress.com/Download/). No registration needed. A [license](/Documentation/Guide/Common/Licensing/) is **required** for commercial use. -- [Declarative configuration syntax](/concepts/40%20Angular%20Components/20%20Component%20Configuration%20Syntax '/Documentation/Guide/Angular_Components/Component_Configuration_Syntax/') +## Getting Started -- TypeScript support +1. **Install** + + - [Add DevExtreme](/Documentation/Guide/Angular_Components/Getting_Started/Add_DevExtreme_to_an_Angular_CLI_Application/) to your Angular application. + + - Create [a new application with a template](/Documentation/Guide/Angular_Components/Getting_Started/Create_a_DevExtreme_Application/) for quick setup. -- [Server-side rendering](/concepts/40%20Angular%20Components/40%20Common%20Features/05%20Server-Side%20Rendering/00%20Server-Side%20Rendering.md '/Documentation/Guide/Angular_Components/Common_Features/Server-Side_Rendering/') +2. **Learn Basics** +See the [component configuration syntax](/Documentation/Guide/Angular_Components/Component_Configuration_Syntax/). -- [Angular Forms support](/concepts/40%20Angular%20Components/20%20Component%20Configuration%20Syntax/75%20Angular%20Forms%20Support.md '/Documentation/Guide/Angular_Components/Component_Configuration_Syntax/#Angular_Forms_Support') +3. **Explore** +Examine [over 450 technical demos](https://js.devexpress.com/Demos/WidgetsGallery) you can edit and copy code from. -All DevExtreme UI component suites, including Angular, share architecture and core features. The following core features are common to all suites: +## Getting Help -- [Data layer](/concepts/70%20Data%20Binding/5%20Data%20Layer '/Documentation/Guide/Data_Binding/Data_Layer/') +Access the following resources for common solutions: -- [Client-side data validation](/concepts/05%20UI%20Components/zz%20Common/05%20UI%20Widgets/20%20Data%20Validation '/Documentation/Guide/UI_Components/Common/UI_Widgets/Data_Validation/') +- [Troubleshooting Guide](/Documentation/Guide/Troubleshooting/Basics/) +- [Support Center Tickets](https://supportcenter.devexpress.com/ticket/list?preset=ab3eb0eb-09d3-42b5-ae17-53bed1e6cec3) +- [Examples](https://supportcenter.devexpress.com/ticket/list?preset=c2515c12-d6f9-4dd5-8381-fa9978072519) -- [Themes and styles](/concepts/60%20Themes%20and%20Styles/05%20Predefined%20Themes/00%20Predefined%20Themes.md '/Documentation/Guide/Themes_and_Styles/Predefined_Themes/') +Questions still unanswered? [Submit a ticket](https://supportcenter.devexpress.com/ticket/create) in our Support Center. -- [Localization](/concepts/Common/Localization '/Documentation/Guide/Common/Localization/') +## Features for Angular -- [Modularity](/concepts/Common/Modularity/02%20DevExtreme%20Modules%20Structure '/Documentation/Guide/Common/Modularity/DevExtreme_Modules_Structure/') +The latest DevExtreme release aligns with the latest Angular version. Check the specific Angular versions your DevExtreme components [are compatible with](/Documentation/Guide/Angular_Components/Supported_Versions/). -- [Customization using templates](/concepts/05%20UI%20Components/zz%20Common/30%20Templates '/Documentation/Guide/UI_Components/Common/Templates/') +Angular-specific features include: -We also provide [over 250 technical demos](https://js.devexpress.com/Demos/WidgetsGallery) you can edit and copy code from. - -For information on how to integrate DevExtreme Angular UI components into your application, refer to one of the [Getting Started articles](/concepts/40%20Angular%20Components/10%20Getting%20Started/02%20Create%20a%20DevExtreme%20Application.md '/Documentation/Guide/Angular_Components/Getting_Started/'). +- [TypeScript Support](Documentation/Guide/Common/TypeScript_Guides/Scopes_of_Types/) +- [Testing](/Documentation/Guide/Angular_Components/Components_Testing/) +- [Server-Side Rendering](/Documentation/Guide/Angular_Components/Common_Features/Server-Side_Rendering/) +- [Tree Shaking](/Documentation/Guide/Angular_Components/Common_Features/Tree_Shaking/) +- [Intercept HTTP Requests](/Documentation/Guide/Angular_Components/Common_Features/Intercept_HTTP_Requests/) [tags] angular \ No newline at end of file diff --git a/concepts/40 Angular Components/10 Getting Started/02 Create a DevExtreme Application.md b/concepts/40 Angular Components/10 Getting Started/02 Create a DevExtreme Application.md index c9839ea504..7b5064607d 100644 --- a/concepts/40 Angular Components/10 Getting Started/02 Create a DevExtreme Application.md +++ b/concepts/40 Angular Components/10 Getting Started/02 Create a DevExtreme Application.md @@ -1,3 +1,8 @@ +#include common-troubleunderstanding-note with { + technology: "Angular", + docsLink: "https://angular.dev/overview" +} + If you are starting a project from scratch, use the [DevExtreme Angular Template](/concepts/40%20Angular%20Components/30%20Application%20Template/00%20Application%20Template.md '/Documentation/Guide/Angular_Components/Application_Template/'). It is a simple application with a navigation menu and several sample views in a responsive layout (see live preview). You can generate this application with the [DevExtreme CLI](/concepts/Common/DevExtreme%20CLI/00%20DevExtreme%20CLI.md '/Documentation/Guide/Common/DevExtreme_CLI/'): diff --git a/concepts/40 Angular Components/10 Getting Started/03 Add DevExtreme to an Angular CLI Application/Add DevExtreme to an Angular CLI Application.md b/concepts/40 Angular Components/10 Getting Started/03 Add DevExtreme to an Angular CLI Application/Add DevExtreme to an Angular CLI Application.md index 0e3a0e6720..5a0fab4954 100644 --- a/concepts/40 Angular Components/10 Getting Started/03 Add DevExtreme to an Angular CLI Application/Add DevExtreme to an Angular CLI Application.md +++ b/concepts/40 Angular Components/10 Getting Started/03 Add DevExtreme to an Angular CLI Application/Add DevExtreme to an Angular CLI Application.md @@ -1,3 +1,8 @@ -To start this tutorial, you need an Angular application created using the Angular CLI. Refer to the Angular CLI documentation for information on how to create such an application. You can also [create an Angular application with DevExtreme](/concepts/40%20Angular%20Components/10%20Getting%20Started/02%20Create%20a%20DevExtreme%20Application.md '/Documentation/Guide/Angular_Components/Getting_Started/Create_a_DevExtreme_Application/') already added to it. +#include common-troubleunderstanding-note with { + technology: "Angular", + docsLink: "https://angular.dev/overview" +} + +To start this tutorial, you need an Angular application created using the Angular CLI. Refer to the Angular CLI documentation for information on how to create such an application. You can also [create an Angular application with DevExtreme](/concepts/40%20Angular%20Components/10%20Getting%20Started/02%20Create%20a%20DevExtreme%20Application.md '/Documentation/Guide/Angular_Components/Getting_Started/Create_a_DevExtreme_Application/') already added to it. [tags] angular \ No newline at end of file diff --git a/concepts/50 React Components/00 DevExtreme React Components.md b/concepts/50 React Components/00 DevExtreme React Components.md index 151c3011ec..16e2acee29 100644 --- a/concepts/50 React Components/00 DevExtreme React Components.md +++ b/concepts/50 React Components/00 DevExtreme React Components.md @@ -1,41 +1,46 @@ -[important] +The DevExtreme React UI Component Suite offers 80 responsive, touch-enabled UI components for React applications. This suite features a data grid, interactive charts, data editors, and various navigation and utility components. -You should be familiar with the basic concepts and patterns of React to use this documentation. If you are not, please refer to the React documentation for a getting-started tutorial. +## 80 JavaScript UI Components -If you are already familiar with React, we recommend that you read the following help topic for tips and tricks on working with DevExtreme React components: [Optimize Performance](/concepts/50%20React%20Components/45%20Optimize%20Performance/00%20Optimize%20Performance.md '/Documentation/Guide/React_Components/Optimize_Performance/'). + -[/important] +## Try DevExtreme Components in Your Project -[note] DevExtreme provides two React UI component libraries: DevExtreme React UI Components described here and DevExtreme Reactive Components. Refer to this blog post for a detailed comparison of the two libraries. +Experience DevExtreme components in your projects with our [30-day trial](https://js.devexpress.com/Download/). No registration needed. A [license](/Documentation/Guide/Common/Licensing/) is **required** for commercial use. -The DevExtreme React Component Suite is a feature-complete set of [80 responsive and touch-enabled UI components](https://js.devexpress.com/Overview/Widgets/) for React applications. The suite includes a data grid, interactive charts, data editors, navigation and multi-purpose UI components. +## Getting Started -The DevExtreme React UI Component Suite provides the following platform-specific features: +1. **Install** + + - [Add DevExtreme](//Documentation/Guide/React_Components/Add_DevExtreme_to_a_React_Application/) to your React application. + + - Create [a new application with a template](/Documentation/Guide/React_Components/Create_a_DevExtreme_Application/) for quick setup. -- [Application template for a quick start](/concepts/50%20React%20Components/50%20Application%20Template/00%20Application%20Template.md '/Documentation/Guide/React_Components/Application_Template/') +2. **Learn Basics** +See the [component configuration syntax](/Documentation/Guide/React_Components/Component_Configuration_Syntax/). -- [Controlled](/concepts/50%20React%20Components/20%20State%20Management/3%20Controlled%20Mode.md '/Documentation/Guide/React_Components/State_Management/#Controlled_Mode') and [uncontrolled](/concepts/50%20React%20Components/20%20State%20Management/7%20Uncontrolled%20Mode.md '/Documentation/Guide/React_Components/State_Management/#Uncontrolled_Mode') state management modes +3. **Explore** +Examine [over 450 technical demos](https://js.devexpress.com/Demos/WidgetsGallery) you can edit and copy code from. -- [Declarative configuration syntax](/concepts/50%20React%20Components/40%20Component%20Configuration%20Syntax/00%20Component%20Configuration%20Syntax.md '/Documentation/Guide/React_Components/Component_Configuration_Syntax/') +## Getting Help -- [TypeScript support](/concepts/Common/TypeScript%20Guides/05%20Scopes%20of%20Types/00%20Scopes%20of%20Types.md '/Documentation/Guide/Common/TypeScript_Guides/Scopes_of_Types/') +Access the following resources for common solutions: -All DevExtreme UI component suites, including React, share architecture and core features. The following core features are common to all suites: +- [Troubleshooting Guide](/Documentation/Guide/Troubleshooting/Basics/) +- [Support Center Tickets](https://supportcenter.devexpress.com/ticket/list?preset=ab3eb0eb-09d3-42b5-ae17-53bed1e6cec3) +- [Examples](https://supportcenter.devexpress.com/ticket/list?preset=c2515c12-d6f9-4dd5-8381-fa9978072519) -- [Data layer](/concepts/70%20Data%20Binding/5%20Data%20Layer '/Documentation/Guide/Data_Binding/Data_Layer/') +Questions still unanswered? [Submit a ticket](https://supportcenter.devexpress.com/ticket/create) in our Support Center. -- [Client-side data validation](/concepts/05%20UI%20Components/zz%20Common/05%20UI%20Widgets/20%20Data%20Validation '/Documentation/Guide/UI_Components/Common/UI_Widgets/Data_Validation/') +## Features for React -- [Themes and styles](/concepts/60%20Themes%20and%20Styles/05%20Predefined%20Themes/00%20Predefined%20Themes.md '/Documentation/Guide/Themes_and_Styles/Predefined_Themes/') +The latest DevExtreme release aligns with the latest React version. Check the specific React versions your DevExtreme components [are compatible with](/Documentation/Guide/React_Components/Supported_Versions/). -- [Localization](/concepts/Common/Localization '/Documentation/Guide/Common/Localization/') +React-specific features include: -- [Modularity](/concepts/Common/Modularity/02%20DevExtreme%20Modules%20Structure '/Documentation/Guide/Common/Modularity/DevExtreme_Modules_Structure/') - -- [Customization using templates](/concepts/05%20UI%20Components/zz%20Common/30%20Templates '/Documentation/Guide/UI_Components/Common/Templates/') - -We also provide [over 250 technical demos](https://js.devexpress.com/Demos/WidgetsGallery) you can edit and copy code from. - -For information on how to integrate DevExtreme React UI components into your application, refer to the [Add DevExtreme to a React Application](/concepts/50%20React%20Components/05%20Add%20DevExtreme%20to%20a%20React%20Application/00%20Add%20DevExtreme%20to%20a%20React%20Application.md '/Documentation/Guide/React_Components/Add_DevExtreme_to_a_React_Application/') article. +- [Performance Optimization](/Documentation/Guide/React_Components/Optimize_Performance/) +- [TypeScript Support](Documentation/Guide/Common/TypeScript_Guides/Scopes_of_Types/) +- [State Management](/Documentation/Guide/React_Components/State_Management/) +- [Testing](/Documentation/Guide/React_Components/Components_Testing/) [tags] react \ No newline at end of file diff --git a/concepts/50 React Components/02 Create a DevExtreme Application.md b/concepts/50 React Components/02 Create a DevExtreme Application.md index 6756945267..c72b154b84 100644 --- a/concepts/50 React Components/02 Create a DevExtreme Application.md +++ b/concepts/50 React Components/02 Create a DevExtreme Application.md @@ -1,3 +1,8 @@ +#include common-troubleunderstanding-note with { + technology: "React", + docsLink: "https://react.dev/learn" +} + If you are starting a project from scratch, use the [DevExtreme React Template](/concepts/50%20React%20Components/50%20Application%20Template/00%20Application%20Template.md '/Documentation/Guide/React_Components/Application_Template/'). It is a simple application with a navigation menu and several sample views in a responsive layout (see live preview). You can generate this application with the [DevExtreme CLI](/concepts/Common/DevExtreme%20CLI/00%20DevExtreme%20CLI.md '/Documentation/Guide/Common/DevExtreme_CLI/'): diff --git a/concepts/50 React Components/05 Add DevExtreme to a React Application/00 Add DevExtreme to a React Application.md b/concepts/50 React Components/05 Add DevExtreme to a React Application/00 Add DevExtreme to a React Application.md index c7fe90e939..82e147de1a 100644 --- a/concepts/50 React Components/05 Add DevExtreme to a React Application/00 Add DevExtreme to a React Application.md +++ b/concepts/50 React Components/05 Add DevExtreme to a React Application/00 Add DevExtreme to a React Application.md @@ -1 +1,6 @@ +#include common-troubleunderstanding-note with { + technology: "React", + docsLink: "https://react.dev/learn" +} + [tags] react \ No newline at end of file diff --git a/concepts/55 Vue Components/00 DevExtreme Vue Components.md b/concepts/55 Vue Components/00 DevExtreme Vue Components.md index b4d3abb65c..39ca15f3c3 100644 --- a/concepts/55 Vue Components/00 DevExtreme Vue Components.md +++ b/concepts/55 Vue Components/00 DevExtreme Vue Components.md @@ -1,34 +1,43 @@ -#include common-troubleunderstanding-note with { - technology: "Vue", - docsLink: "https://v3.vuejs.org/guide/introduction.html#getting-started" -} +The DevExtreme Vue UI Component Suite offers 80 responsive, touch-enabled UI components for Vue applications. This suite features a data grid, interactive charts, data editors, and various navigation and utility components. -The DevExtreme Vue UI Component Suite is a feature-complete set of [80 responsive and touch-enabled UI components](https://js.devexpress.com/Overview/Widgets/) for Vue applications. The suite includes a data grid, interactive charts, data editors, navigation and multi-purpose UI components. +## 80 JavaScript UI Components -The DevExtreme Vue UI Component Suite provides the following platform-specific features: + -- [Application template for a quick start](/concepts/55%20Vue%20Components/50%20Application%20Template/00%20Application%20Template.md '/Documentation/Guide/Vue_Components/Application_Template/') +## Try DevExtreme Components in Your Project -- [Declarative configuration syntax](/concepts/55%20Vue%20Components/20%20Component%20Configuration%20Syntax '/Documentation/Guide/Vue_Components/Component_Configuration_Syntax/') +Experience DevExtreme components in your projects with our [30-day trial](https://js.devexpress.com/Download/). No registration needed. A [license](/Documentation/Guide/Common/Licensing/) is **required** for commercial use. -- [TypeScript support](/concepts/Common/TypeScript%20Guides/05%20Scopes%20of%20Types/00%20Scopes%20of%20Types.md '/Documentation/Guide/Common/TypeScript_Guides/Scopes_of_Types/') +## Getting Started -All DevExtreme UI component suites, including Vue, share architecture and core features. The following core features are common to all suites: +1. **Install** + + - [Add DevExtreme](//Documentation/Guide/Vue_Components/Add_DevExtreme_to_a_Vue_Application/) to your Vue application. + + - Create [a new application with a template](/Documentation/Guide/Vue_Components/Create_a_DevExtreme_Application/) for quick setup. -- [Data layer](/concepts/70%20Data%20Binding/5%20Data%20Layer '/Documentation/Guide/Data_Binding/Data_Layer/') +2. **Learn Basics** +See the [component configuration syntax](/Documentation/Guide/Vue_Components/Component_Configuration_Syntax/). -- [Client-side data validation](/concepts/05%20UI%20Components/zz%20Common/05%20UI%20Widgets/20%20Data%20Validation '/Documentation/Guide/UI_Components/Common/UI_Widgets/Data_Validation/') +3. **Explore** +Examine [over 450 technical demos](https://js.devexpress.com/Demos/WidgetsGallery) you can edit and copy code from. -- [Themes and styles](/concepts/60%20Themes%20and%20Styles/05%20Predefined%20Themes/00%20Predefined%20Themes.md '/Documentation/Guide/Themes_and_Styles/Predefined_Themes/') +## Getting Help -- [Localization](/concepts/Common/Localization '/Documentation/Guide/Common/Localization/') +Access the following resources for common solutions: -- [Modularity](/concepts/Common/Modularity/02%20DevExtreme%20Modules%20Structure '/Documentation/Guide/Common/Modularity/DevExtreme_Modules_Structure/') +- [Troubleshooting Guide](/Documentation/Guide/Troubleshooting/Basics/) +- [Support Center Tickets](https://supportcenter.devexpress.com/ticket/list?preset=ab3eb0eb-09d3-42b5-ae17-53bed1e6cec3) +- [Examples](https://supportcenter.devexpress.com/ticket/list?preset=c2515c12-d6f9-4dd5-8381-fa9978072519) -- [Customization using templates](/concepts/05%20UI%20Components/zz%20Common/30%20Templates '/Documentation/Guide/UI_Components/Common/Templates/') +Questions still unanswered? [Submit a ticket](https://supportcenter.devexpress.com/ticket/create) in our Support Center. -We also provide [over 250 technical demos](https://js.devexpress.com/Demos/WidgetsGallery) you can edit and copy code from. +## Features for Vue -For information on how to integrate DevExtreme Vue UI components into your application, refer to the [Add DevExtreme to a Vue Application](/concepts/55%20Vue%20Components/05%20Add%20DevExtreme%20to%20a%20Vue%20Application/00%20Add%20DevExtreme%20to%20a%20Vue%20Application.md '/Documentation/Guide/Vue_Components/Add_DevExtreme_to_a_Vue_Application/') article. +The latest DevExtreme release aligns with the latest Vue version. Check the specific Vue versions your DevExtreme components [are compatible with](/Documentation/Guide/Vue_Components/Supported_Versions/). + +Vue-specific features include: + +- [TypeScript Support](Documentation/Guide/Common/TypeScript_Guides/Scopes_of_Types/) [tags] vue \ No newline at end of file diff --git a/concepts/55 Vue Components/02 Create a DevExtreme Application.md b/concepts/55 Vue Components/02 Create a DevExtreme Application.md index c3295db13f..06a48539c1 100644 --- a/concepts/55 Vue Components/02 Create a DevExtreme Application.md +++ b/concepts/55 Vue Components/02 Create a DevExtreme Application.md @@ -1,3 +1,8 @@ +#include common-troubleunderstanding-note with { + technology: "Vue", + docsLink: "https://v3.vuejs.org/guide/introduction.html#getting-started" +} + If you are starting a project from scratch, use the [DevExtreme Vue Template](/concepts/55%20Vue%20Components/50%20Application%20Template/00%20Application%20Template.md '/Documentation/Guide/Vue_Components/Application_Template/'). It is a simple application with a navigation menu and several sample views in a responsive layout (see live preview). You can generate this application with the [DevExtreme CLI](/concepts/Common/DevExtreme%20CLI/00%20DevExtreme%20CLI.md '/Documentation/Guide/Common/DevExtreme_CLI/'): diff --git a/concepts/55 Vue Components/05 Add DevExtreme to a Vue Application/00 Add DevExtreme to a Vue Application.md b/concepts/55 Vue Components/05 Add DevExtreme to a Vue Application/00 Add DevExtreme to a Vue Application.md index 434b0a5079..c0fbe0e58a 100644 --- a/concepts/55 Vue Components/05 Add DevExtreme to a Vue Application/00 Add DevExtreme to a Vue Application.md +++ b/concepts/55 Vue Components/05 Add DevExtreme to a Vue Application/00 Add DevExtreme to a Vue Application.md @@ -1 +1,6 @@ +#include common-troubleunderstanding-note with { + technology: "Vue", + docsLink: "https://v3.vuejs.org/guide/introduction.html#getting-started" +} + [tags] vue \ No newline at end of file diff --git a/concepts/58 jQuery Components/00 DevExtreme jQuery Components.md b/concepts/58 jQuery Components/00 DevExtreme jQuery Components.md index f84b4d230b..8e8bc41065 100644 --- a/concepts/58 jQuery Components/00 DevExtreme jQuery Components.md +++ b/concepts/58 jQuery Components/00 DevExtreme jQuery Components.md @@ -1,21 +1,41 @@ -The DevExtreme jQuery Component Suite is a feature-complete set of 80 responsive and touch-enabled UI components implemented as jQuery plugins. The components are a data grid, interactive charts, data editors, navigation and multi-purpose UI components. +The DevExtreme jQuery UI Component Suite offers over 80 responsive, touch-enabled UI components for jQuery applications. This suite features a data grid, interactive charts, data editors, and various navigation and utility components. -In addition to components, the suite includes the following features: +## 80 JavaScript UI Components -- [Data layer](/concepts/70%20Data%20Binding/5%20Data%20Layer '/Documentation/Guide/Data_Binding/Data_Layer/') + -- [Client-side data validation](/concepts/05%20UI%20Components/zz%20Common/05%20UI%20Widgets/20%20Data%20Validation '/Documentation/Guide/UI_Components/Common/UI_Widgets/Data_Validation/') +## Try DevExtreme Components in Your Project -- [Themes and styles](/concepts/60%20Themes%20and%20Styles/05%20Predefined%20Themes/00%20Predefined%20Themes.md '/Documentation/Guide/Themes_and_Styles/Predefined_Themes/') +Experience DevExtreme components in your projects with our [30-day trial](https://js.devexpress.com/Download/). No registration needed. A [license](/Documentation/Guide/Common/Licensing/) is **required** for commercial use. -- [Localization](/concepts/Common/Localization '/Documentation/Guide/Common/Localization/') +## Getting Started -- [Modularity](/concepts/Common/Modularity/01%20Link%20Modules '/Documentation/Guide/Common/Modularity/Link_Modules/') +1. **Install** +[Add DevExtreme](//Documentation/Guide/jQuery_Components/Add_DevExtreme_to_a_jQuery_Application/) to your jQuery application. -- [Customization using templates](/concepts/05%20UI%20Components/zz%20Common/30%20Templates '/Documentation/Guide/UI_Components/Common/Templates/') +2. **Learn Basics** +See the [component configuration syntax](/Documentation/Guide/jQuery_Components/Component_Configuration_Syntax/). -We also provide [over 250 technical demos](https://js.devexpress.com/Demos/WidgetsGallery) you can edit and copy code from. +3. **Explore** +Examine [over 450 technical demos](https://js.devexpress.com/Demos/WidgetsGallery) you can edit and copy code from. -For information on how to integrate DevExtreme jQuery components into your application, refer to the [Add DevExtreme to a jQuery Application](/concepts/58%20jQuery%20Components/05%20Add%20DevExtreme%20to%20a%20jQuery%20Application/00%20Add%20DevExtreme%20to%20a%20jQuery%20Application.md '/Documentation/Guide/jQuery_Components/Add_DevExtreme_to_a_jQuery_Application/') article. +## Getting Help + +Access the following resources for common solutions: + +- [Troubleshooting Guide](/Documentation/Guide/Troubleshooting/Basics/) +- [Support Center Tickets](https://supportcenter.devexpress.com/ticket/list?preset=ab3eb0eb-09d3-42b5-ae17-53bed1e6cec3) +- [Examples](https://supportcenter.devexpress.com/ticket/list?preset=c2515c12-d6f9-4dd5-8381-fa9978072519) + +Questions still unanswered? [Submit a ticket](https://supportcenter.devexpress.com/ticket/create) in our Support Center. + +## Features for jQuery + +The latest DevExtreme release aligns with the latest jQuery version. Check the specific jQuery versions your DevExtreme components [are compatible with](/Documentation/Guide/jQuery_Components/Supported_Versions/). + +jQuery-specific features include: + +- [TypeScript Support](Documentation/Guide/Common/TypeScript_Guides/Scopes_of_Types/) +- [Testing](/Documentation/Guide/jQuery_Components/Components_Testing/) [tags] jquery diff --git a/images/UiWidgets/component-list.png b/images/UiWidgets/component-list.png new file mode 100644 index 0000000000..7fdfe2dba0 Binary files /dev/null and b/images/UiWidgets/component-list.png differ