Ext JS Essentials

Get up and running with building interactive and rich web applications using Sencha's Ext JS 5

Ext JS Essentials

This ebook is included in a Mapt subscription
Stuart Ashworth , Andrew Duncan

Get up and running with building interactive and rich web applications using Sencha's Ext JS 5
$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 139781784396626
Paperback216 pages

Book Description

Ext JS 5 is a heavyweight JavaScript framework used by millions to build rich and interactive web applications. Its numerous widgets and advanced data package make it especially well-suited for enterprise class software. The framework encourages the creation of good architectures and is extremely customizable.

Ext JS Essentials is aimed at giving you a fast-track understanding of Ext JS. This book covers the most important aspects of the framework in a concise but comprehensive way, ensuring your success using its many features.

Written around an example application, the book is packed with practical insights into how the framework works, architecting your applications, working with data, and the many widgets on offer.

Table of Contents

Chapter 1: Getting to Know Ext JS
What is Ext JS
What Ext JS isn't
Use cases
What's new in Ext JS 5
What you need to know
Project introduction
Creating our application with Sencha Cmd
Getting production ready
Anatomy of our application
How it works
Summary
Chapter 2: Mastering the Framework's Building Blocks
Defining classes
The magic behind Ext.Loader
Adding class members
Extending classes
Overriding classes
Configuring classes
Summary
Chapter 3: Reacting to User and Application Interactions
Background
Defining event handlers in config objects
Listener options
Firing events
Listening for events on elements
Mouse events
Keyboard events
Touch events
Summary
Chapter 4: Architecting an Ext JS Application
Getting the most from Sencha Cmd
MVC and MVVM
Cross-class communication with events
Taking your application offline
Summary
Chapter 5: Modeling Data Structures for Your UI
Defining models
Working with stores
Getting data into your application
Data associations
Saving data
Summary
Chapter 6: Combining UI Widgets into the Perfect Layout
Layouts and how they work
The component layout
Using the border layout
Using the fit layout
Using the HBox layout
Using the VBox layout
Responsive layouts
Summary
Chapter 7: Constructing Common UI Widgets
Anatomy of a UI widget
The component lifecycle
Component Queries
Hierarchical data with trees
Displaying tabular data
Inputting data with forms
Data-bound views
Summary
Chapter 8: Creating a Unique Look and Feel with SASS
Applying themes to your application
Creating a custom theme
Basic theme customizations
Custom component UIs
Other UIs
Summary
Chapter 9: Visualizing Your Application's Data
Anatomy of chart components
Creating a line chart
Presenting data in a bar chart
Creating a pie chart in Ext JS
Integrating visualizations in grids
Summary
Chapter 10: Guaranteeing Your Code's Quality with Unit and UI Testing
Writing testable JavaScript
Testing frameworks
Writing unit tests
Testing UI interaction
Test automation and integration
Summary

What You Will Learn

  • Set up and create your first Ext JS application
  • Model data and connect the frontend with a backend
  • Architect your applications and develop with best practices
  • Build data-driven grids to display and manipulate tabular data
  • Lay out components on screen in multiple ways
  • Visualize data with charts and drawings
  • Unit test your JavaScript applications
  • Add a custom style to your application with Ext JS themes and SASS

Authors

Table of Contents

Chapter 1: Getting to Know Ext JS
What is Ext JS
What Ext JS isn't
Use cases
What's new in Ext JS 5
What you need to know
Project introduction
Creating our application with Sencha Cmd
Getting production ready
Anatomy of our application
How it works
Summary
Chapter 2: Mastering the Framework's Building Blocks
Defining classes
The magic behind Ext.Loader
Adding class members
Extending classes
Overriding classes
Configuring classes
Summary
Chapter 3: Reacting to User and Application Interactions
Background
Defining event handlers in config objects
Listener options
Firing events
Listening for events on elements
Mouse events
Keyboard events
Touch events
Summary
Chapter 4: Architecting an Ext JS Application
Getting the most from Sencha Cmd
MVC and MVVM
Cross-class communication with events
Taking your application offline
Summary
Chapter 5: Modeling Data Structures for Your UI
Defining models
Working with stores
Getting data into your application
Data associations
Saving data
Summary
Chapter 6: Combining UI Widgets into the Perfect Layout
Layouts and how they work
The component layout
Using the border layout
Using the fit layout
Using the HBox layout
Using the VBox layout
Responsive layouts
Summary
Chapter 7: Constructing Common UI Widgets
Anatomy of a UI widget
The component lifecycle
Component Queries
Hierarchical data with trees
Displaying tabular data
Inputting data with forms
Data-bound views
Summary
Chapter 8: Creating a Unique Look and Feel with SASS
Applying themes to your application
Creating a custom theme
Basic theme customizations
Custom component UIs
Other UIs
Summary
Chapter 9: Visualizing Your Application's Data
Anatomy of chart components
Creating a line chart
Presenting data in a bar chart
Creating a pie chart in Ext JS
Integrating visualizations in grids
Summary
Chapter 10: Guaranteeing Your Code's Quality with Unit and UI Testing
Writing testable JavaScript
Testing frameworks
Writing unit tests
Testing UI interaction
Test automation and integration
Summary

Book Details

ISBN 139781784396626
Paperback216 pages
Read More

Read More Reviews