Chapter 17. The application stack

 

This chapter covers

  • Laying out the application layer namespace
  • Developing the workflow components
  • Completing the application

In the last chapter, we discussed how to develop a scalable and maintainable application architecture with Ext JS by dividing the code into layers and segmenting by namespace. We examined mockups of the application, identified and created all of the reusable widgets, and placed them in the reusable layer of our application stack.

In this chapter, we’ll implement those reusable components and see the benefits of segmenting reusable components from the workflow components that we’ll soon create. We’ll begin with a quick review of the application screens, designing and laying out the application layer namespace architecture as we determine what classes to create. This will give you a holistic view of how the application stack will be constructed and guide you through the development process.

After the application analysis, we’ll develop the application in layers, screen by screen, starting each with an in-depth analysis of the desired interaction model that comes from the requirements. We’ll use this knowledge to implement our reusable classes and “wire up” and construct the workflow logic.

17.1. Developing the application namespace

17.2. Building the Dashboard screen

17.3. The Manage Employees screen

17.4. The Manage Departments screen

17.5. Piecing it all together

17.6. Summary