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.

Table of Contents

Chapter 1: Getting Started with Ext JS
Chapter 2: Core Concepts
Chapter 3: Basic Components
Chapter 4: Data Packages
Chapter 5: Working with Grids
Chapter 6: Advanced Components
Chapter 7: Working with Charts
Chapter 8: Theming and Responsive Design