Ext JS 6 By Example

Create powerful, real-world web applications with Ext JS 6 using sample projects

About This Book

• Explore, debug, and get practical by extending the sample projects, including a sample RESTful API project in Ext JS 6
• Gain a quick and easy understanding through working source code and get an explanation of multiple cool sample projects
• A project-based guide to help you get your hands on real-world applications

Who This Book Is For

If you're a front web developer who is looking to learn a new JavaScript framework, or if you already know about Ext JS and are looking for a practical resource with multiple example projects to get expert-level knowledge in Ext JS, then this guide will be a great resource for you. A basic understanding of HTML, CSS, and JavaScript is expected.

What You Will Learn

• Install Ext JS Sencha Cmd 6 and debugging tools such as Illumination, App Inspector, and Sencha Fiddle
• Understand and apply the core concepts and querying capabilities of Ext JS 6
• Dive deep into powerful components such as Grid, Data View, Trees, and different kinds of charts including 3D charts as well as Bar, Area, Pie, Line charts
• Discover how an Ext JS 6 application communicates with the server side through Data Packages such as Stores and Proxies
• Discover how to create responsive web applications and client-side routing
• Acquire and implement knowledge on accessibility, localization, and the drag-and-drop and theming capabilities of Ext JS 6

In Detail

Ext JS is one of the most famous JavaScript frameworks used to create rich interactive web applications using techniques such as Ajax, DHTML, JSON, and DOM scripting.

It provides a complete rich set of GUI controls, has an excellent API for AJAX and REST, and helps users to organize their code with Model View ViewModel (MVVM) or the MVC architecture, and supports two-way data binding, responsive layouts, responsive design, and more.

It is an extensive, one-stop-shop to build an JavaScript RIA application.

This book starts with a clear step-by-step installation guide for Ext JS 6 and the additional tools required for development on both Mac and Windows operating systems. It then covers the core concepts and fundamentals of Ext JS 6.

We move on to focus on multiple basic GUI controls such as buttons, message boxes, and menus, and a sample project that covers the fundamental and basic GUI controls. You'll also learn how to design a form with form fields such as a text field, number field, date picker, label, and radio button, and learn about form validation. We proceed to show you how to organize your code using the MVVM application architecture, and you'll then jump into advanced controls such as Grids, Trees, Data Views, and Charts.

You'll also learn about the API required for AJAX and REST communication, and learn all need to know about Ext JS Data Packages. A working RESTful API sample project is included to help you explore the Data Packages. Finally, we end with a discussion on responsive design, theming your application, and the available plugins.

Style and approach

This is an example-based guide to help you develop rich Internet applications using Ext JS 6. Most of the chapters start with a particular concept and code example, and end with a cool sample project that uses the concepts learned in the chapter.

使用示例項目創建強大的現實世界網絡應用程序，使用Ext JS 6

關於本書
- 通過擴展示例項目（包括在Ext JS 6中的示例RESTful API項目）來探索、調試和實踐
- 通過工作源代碼快速且易於理解，並解釋多個酷炫的示例項目
- 一個基於項目的指南，幫助您掌握實際應用程序

本書適合對學習新的JavaScript框架感興趣的前端開發人員，或者已經了解Ext JS並且正在尋找具有多個示例項目的實用資源以獲得專家級的Ext JS知識。預期讀者具有HTML、CSS和JavaScript的基本理解。

您將學到什麼
- 安裝Ext JS Sencha Cmd 6和調試工具，如Illumination、App Inspector和Sencha Fiddle
- 理解並應用Ext JS 6的核心概念和查詢能力
- 深入研究強大的組件，如Grid、Data View、樹狀結構和各種圖表，包括3D圖表以及柱狀圖、區域圖、餅圖和折線圖
- 了解Ext JS 6應用程序如何通過數據包（如存儲和代理）與服務器端通信
- 發現如何創建響應式網絡應用程序和客戶端路由
- 獲取和實施有關可訪問性、本地化以及Ext JS 6的拖放和主題能力的知識

詳細內容
Ext JS是最著名的JavaScript框架之一，用於使用Ajax、DHTML、JSON和DOM腳本等技術創建豐富的互動式網絡應用程序。

它提供了完整的GUI控件集，具有出色的AJAX和REST API，並幫助用戶使用Model View ViewModel（MVVM）或MVC架構組織代碼，並支持雙向數據綁定、響應式佈局、響應式設計等等。

它是構建JavaScript RIA應用程序的全面一站式解決方案。

本書首先提供了Ext JS 6的清晰逐步安裝指南，以及在Mac和Windows操作系統上進行開發所需的其他工具。然後介紹了Ext JS 6的核心概念和基礎知識。

我們專注於多個基本GUI控件，如按鈕、消息框和菜單，以及一個涵蓋基本GUI控件的示例項目。您還將學習如何使用表單字段（如文本字段、數字字段、日期選擇器、標籤和單選按鈕）設計表單，並了解表單驗證。然後，我們將向您展示如何使用MVVM應用程序架構組織代碼，然後深入研究高級控件，如Grids、樹狀結構、數據視圖和圖表。

您還將了解AJAX和REST通信所需的API，並了解有關Ext JS數據包的所有必要知識。書中還包含一個可工作的RESTful API示例項目，以幫助您探索數據包。最後，我們將討論響應式設計、應用程序主題和可用插件。

風格和方法
這是一本基於示例的指南，幫助您使用Ext JS 6開發豐富的互聯網應用程序。大多數章節都以特定的概念和代碼示例開始，並以使用該章節中學到的概念的酷炫示例項目結束。