Ext JS 6 By Example

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

Ext JS 6 By Example

This ebook is included in a Mapt subscription
Anand Dayalan

4 customer reviews
Create powerful, real-world web applications with Ext JS 6 using sample projects
$0.00
$18.00
$44.99
$29.99p/m after trial
RRP $35.99
RRP $44.99
Subscription
eBook
Print + eBook
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Book Details

ISBN 139781783550494
Paperback226 pages

Book Description

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.

Table of Contents

Chapter 1: Getting Started with Ext JS
Why Ext JS?
An introduction to Ext JS
Setting up Ext JS
Generating the Ext JS application using Sencha Cmd
The application architecture
Exploring Sencha Cmd commands
Debugging an Ext JS application
Illumination
App Inspector
Tha development IDE
Summary
Chapter 2: Core Concepts
The class system
Events
Accessing DOM
Components, containers, and layouts
Summary
Chapter 3: Basic Components
Getting familiar with basic components
Forms and form fields
Fields
The form field validation
The customer feedback form design
Calculator – a sample project
Summary
Chapter 4: Data Packages
Model
Store
Proxies
To do – a RESTful sample project
Summary
Chapter 5: Working with Grids
The basic grid
Sorting
Cell editing
Row editing
Grouping
The pivot grid
The company directory – a sample project
Summary
Chapter 6: Advanced Components
The tree panel
The tree grid
Data views
The picture explorer – a sample project
Drag and drop
Summary
Chapter 7: Working with Charts
Charts
Bar and column charts
The expense analyzer – a sample project
Summary
Chapter 8: Theming and Responsive Design
An introduction to SASS
Theming
Responsive design
Summary

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

Authors

Table of Contents

Chapter 1: Getting Started with Ext JS
Why Ext JS?
An introduction to Ext JS
Setting up Ext JS
Generating the Ext JS application using Sencha Cmd
The application architecture
Exploring Sencha Cmd commands
Debugging an Ext JS application
Illumination
App Inspector
Tha development IDE
Summary
Chapter 2: Core Concepts
The class system
Events
Accessing DOM
Components, containers, and layouts
Summary
Chapter 3: Basic Components
Getting familiar with basic components
Forms and form fields
Fields
The form field validation
The customer feedback form design
Calculator – a sample project
Summary
Chapter 4: Data Packages
Model
Store
Proxies
To do – a RESTful sample project
Summary
Chapter 5: Working with Grids
The basic grid
Sorting
Cell editing
Row editing
Grouping
The pivot grid
The company directory – a sample project
Summary
Chapter 6: Advanced Components
The tree panel
The tree grid
Data views
The picture explorer – a sample project
Drag and drop
Summary
Chapter 7: Working with Charts
Charts
Bar and column charts
The expense analyzer – a sample project
Summary
Chapter 8: Theming and Responsive Design
An introduction to SASS
Theming
Responsive design
Summary

Book Details

ISBN 139781783550494
Paperback226 pages
Read More
From 4 reviews

Read More Reviews