Introduction

The application files

After learning how to create extensions and plugins for the framework (Chapter 15), you will implement your newly found knowledge as you learn how to develop applications in a way that is both extensible and maintainable. In Chapters 16 and 17 of the manuscript, you and I walk through the process of developing an application using Ext JS from the ground up, including discussions of requirements. These two chapters demonstrate many of the best practices used by many of the top-notch Ext JS professionals in the industry.

In chapter 16, we discuss some of the most very important tricks of the trade, including how to organize and your JavaScript application files via JavaScript name space (think packages) and on your file system. The illustration to the left is demonstrates how our application is organized in the computer files system. The application JavaScript namespace mirrors this layout.

Our application's layers

We also learn how to divide our applications up into manageable layers, which have many benefits including increased productivity, reduced debugging time and is extremely maintainable. These last two chapters of this book will ensure that you’re ready to properly develop extensible and maintainable application code.

In addition to the basics describe above, you will learn how to implement complex custom UI event models to allow your application components to communicate with one another.

See it in action

Click here to launch the application: http://app.extjsinaction.com/

Get the source code

You can download the source files app.zip. You can also download the latest via git here.

Screenshots:

Login Screen:

Dashboard:

Manage Departments Base View:

Add/Edit Employee for a department from “Manage Departments” screen:

Associate/Move Employees from another department to the selected:

Manage Employees screen:

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay

Leave a Reply

You must be logged in to post a comment.