Book Image

Mastering Ext JS

By : Loiane Groner
Book Image

Mastering Ext JS

By: Loiane Groner

Overview of this book

<p>Ext JS 4 is a JavaScript framework that provides you with the resources to build multi-browser, high-performance, and rich Internet applications.<br /><br />Mastering Ext JS is a practical, hands-on guide that will teach you how to develop a complete application with Ext JS. You’ll begin by learning how to create the project’s structure and login screen before mastering advanced level features such as dynamic menus and master-detail grids, before finally preparing the application for production.<br /><br />Mastering Ext JS will help you to utilize Ext JS to its full potential and will show you how to create a complete Ext JS application from the scratch, as well as explaining how to create a Wordpress theme.</p> <p><br />You will learn how to create user and group security, master-detail grids and forms, charts, trees, and how to export data to excel including PDF and images, always focusing on best practices.</p> <p><br />You will also learn how to customize themes and how to prepare the application to be ready for deployment upon completion. Each chapter of the book is focused on one task and helps you understand and master an individual aspect of the application.</p> <p><br />By the end of the book, you will have learned everything you need to know to truly master Ext JS and to start building advanced applications.</p>

Related Content you might be interested in

Current Title:

Small book image
Mastering Ext JS
Loiane Groner
Jul, 2013 | 358 pages
No titles found
Table of Contents (20 chapters)
Mastering Ext JS
Mastering Ext JS
Credits
Credits
About the Author
About the Author
Acknowledgement
Acknowledgement
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Getting Started
Getting Started
Installing the required software
Presenting the application and its capabilities
Creating the structure of the application using MVC
Creating the loading page
Summary
2
The Login Page
The Login Page
The Login screen
Creating the Login screen
Creating the login controller
Creating the User and Groups tables
Handling the login page on the server
Enhancing the Login screen
Summary
3
Logout and Multilingual
Logout and Multilingual
The base of the application
The logout capability
The multilingual capability
Summary
4
Advanced Dynamic Menu
Advanced Dynamic Menu
Creating the dynamic menu
Summary
5
User Identification and Security
User Identification and Security
Managing users
Listing all the users – simple Grid panel
Adding and editing a new user
Deleting a user
Summary
6
MySQL Table Management
MySQL Table Management
Presenting the tables
Creating the models
Creating the stores
Creating the menu items
Creating an abstract Grid panel for reuse
A generic controller for all tables
Summary
7
Content Management
Content Management
Managing information – films, clients, and rentals
Displaying the Film data grid
Editing in the Film grid panel
The films controller
Summary
8
Adding Extra Capabilities
Adding Extra Capabilities
Exporting the Grid panel to PDF and Excel
Printing Grid panel content with the Grid printer plugin
Creating the Sales by Film Category chart
Summary
9
The E-mail Client Module
The E-mail Client Module
Creating the inbox – list of e-mails
The mail menu (tree menu)
The mail container – organizing the e-mail client
The controller
Organizing e-mails – drag-and-drop
Creating a new message
Summary
10
Preparing for Production
Preparing for Production
Before we start
Customizing a theme
Packaging the application for production
From web to desktop – Sencha Desktop Packager
Summary
11
Building a WordPress Theme
Building a WordPress Theme
Before we start
A brief introduction to WordPress themes
Structuring our theme
Building the Header
Building the Footer
Building the Main page
Building the Sidebar
Building the single post page
Building the single page
Summary
12
Debugging and Testing
Debugging and Testing
Debugging Ext JS applications
Testing Ext JS applications
Helpful tools
From Ext JS to mobile
Third-party components and plugins
Summary
Index
Index

Summary

In this chapter we have learned how to create a new theme using the new theming engine of Ext JS 4.2, we learned why it is important to make a production build and how to do it, including the difference between the files from the development environment those for the production environment.

We have also learned about Sencha Desktop Packager and how to natively package our Ext JS application to be executed as a native application on Mac OS, Linux, and Windows. We learned that it is not simply a matter of packaging the application and that some changes are required. In case we want to distribute the application to be accessed from different domains, there are alternatives we can use.

In the next chapter, we will learn how to build a complete WordPress theme using Ext JS.

Previous Section
End of Chapter 10
Next Chapter