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

A brief introduction to WordPress themes

WordPress themes are part of what makes WordPress so popular. Before we start coding we need to understand a little bit of how WordPress themes work. When we are creating a new WordPress theme, we need to create some files that will be recognized automatically by WordPress. Most of the files are self-explanatory, but let's take a look at them:

  • header.php: When we load a blog, WordPress transforms it into a single HTML page so that the browser can render it. The header.php file contains the theme code until the </head> tag.

  • sidebar.php: This is an optional file that can be called by using the WordPress get_sidebar() function. This is where we can add the code to render widgets and also render the Sidebar of the theme, in case it has one.

  • footer.php: This is where we will end our HTML code to wrap up the theme. You can also display widgets here if you would like.

  • page.php: This is used to display a single page. Examples of single pages are about...

Previous Section
End of Section 3
Next Section