Created Overall AspNet Core documentation.

docs/en/UI/AspNetCore/Libraries/DatatablesNet.md

@@ -1,3 +0,0 @@
-# ABP Datatables.Net Integration for ASP.NET Core UI
-
-TODO

docs/en/UI/AspNetCore/Overall.md

@@ -4,7 +4,7 @@
 
 ABP Framework provides a convenient and comfortable way of creating web applications using the ASP.NET Core MVC / Razor Pages as the User Interface framework.
 
-ABP doesn't offer a new/custom way of UI development. You can continue to use your current skills to create the UI. However, it offers a lot of features to make your development easier and have a more maintainable code base.
+> ABP doesn't offer a new/custom way of UI development. You can continue to use your current skills to create the UI. However, it offers a lot of features to make your development easier and have a more maintainable code base.
 
 ### MVC vs Razor Pages
 
@@ -68,6 +68,92 @@ The themes provide the standard layouts. So, you have responsive layouts with th
 
 See the [Theming](Theming.md) document for more layout options and other details.
 
+### Layout Parts
+
+A typical layout consists of multiple parts. The [Theming](Theming.md) system provides [menus](Navigation-Menu.md), [toolbars](Toolbars.md), [layout hooks](Layout-Hooks.md) and more to dynamically control the layout by your application and the modules you are using.
+
 ## Features
 
-TODO
+This section highlights some of the features provided by the ABP Framework for the ASP.NET Core MVC / Razor Pages UI.
+
+### Dynamic JavaScript API Client Proxies
+
+Dynamic JavaScript API Client Proxy system allows you to consume your server side HTTP APIs from your JavaScript client code, just like calling local functions.
+
+**Example: Get a list of authors from the server**
+
+````js
+acme.bookStore.authors.author.getList({
+  maxResultCount: 10
+}).then(function(result){
+  console.log(result.items);
+});
+````
+
+`acme.bookStore.authors.author.getList` is an auto-generated function that internally makes an AJAX call to the server.
+
+See the [Dynamic JavaScript API Client Proxies](Dynamic-JavaScript-Proxies.md) document for more.
+
+### Bootstrap Tag Helpers
+
+ABP makes it easier & type safe to write Bootstrap HTML.
+
+**Example: Render a Bootstrap modal**
+
+````html
+<abp-modal>
+    <abp-modal-header title="Modal title" />
+    <abp-modal-body>
+        Woohoo, you're reading this text in a modal!
+    </abp-modal-body>
+    <abp-modal-footer buttons="@(AbpModalButtons.Save|AbpModalButtons.Close)"></abp-modal-footer>
+</abp-modal>
+````
+
+See the [Tag Helpers](Tag-Helpers/Index.md) document for more.
+
+### Forms & Validation
+
+ABP provides `abp-dynamic-form` and `abp-input` tag helpers to dramatically simplify to create a fully functional form that automates localization, validation and AJAX submission.
+
+**Example: Use `abp-dynamic-form` to create a complete form based on a model**
+
+````html
+<abp-dynamic-form abp-model="Movie" submit-button="true" />
+````
+
+See the [Forms & Validation](Forms-Validation.md) document for details.
+
+### Bundling & Minification / Client Side Libraries
+
+ABP provides a flexible and modular Bundling & Minification system to create bundles and minify style/script files on runtime.
+
+````html
+<abp-style-bundle>
+    <abp-style src="/libs/bootstrap/css/bootstrap.css" />
+    <abp-style src="/libs/font-awesome/css/font-awesome.css" />
+    <abp-style src="/libs/toastr/toastr.css" />
+    <abp-style src="/styles/my-global-style.css" />
+</abp-style-bundle>
+````
+
+Also, Client Side Package Management system offers a modular and consistent way of managing 3rd-party library dependencies.
+
+See the [Bundling & Minification](Bundling-Minification.md) and [Client Side Package Management](Client-Side-Package-Management.md) documents.
+
+### JavaScript APIs
+
+[JavaScript APIs](JavaScript-API/Index.md) provides a strong abstractions to the server side localization, settings, permissions, features... etc. They also provide a simple way to show messages and **notifications** to the user.
+
+### Modals, Alerts, Widgets and More
+
+ABP Framework provides a lot of built-in solutions to common application requirements;
+
+* [Widget System](Widgets.md) can be used to create reusable widgets & create dashboards.
+* [Page Alerts](Page-Alerts.md) makes it easy to show alerts to the user.
+* [Modal Manager](Modals.md) provides a simple way to build and use modals.
+* [Data Tables](Data-Tables.md) integration makes straightforward to create data grids.
+
+## Customization
+
+There are a lot of ways to customize the theme and the UIs of the pre-built modules. You can override components, pages, static resources, bundles and more. See the [User Interface Customization Guide](Customization-User-Interface.md).

docs/en/docs-nav.json

@@ -400,8 +400,12 @@
       "text": "User Interface",
       "items": [
         {
-          "text": "ASP.NET Core MVC / Razor Pages",
+          "text": "MVC / Razor Pages",
           "items": [
+            {
+              "text": "Overall",
+              "path": "UI/AspNetCore/Overall.md"
+            },
             {
               "text": "Navigation / Menus",
               "path": "UI/AspNetCore/Navigation-Menu.md"