Chapter 14. Building an application

 

This chapter covers

  • Thinking like a web UI developer
  • Understanding the Ext JS architecture
  • Writing an MVC-based application
  • Building with Sencha Cmd 3

So far in this book we’ve explained how to define, use, and manage Ext JS components, widgets, and data. We’ve walked you through creating just about every widget in the framework and discussed each of their intricacies. In the previous chapter we explained how to create custom Ext JS extensions and looked at how the class loader system works.

In this chapter you’ll put to work all the knowledge you’ve gained in this book to create an application. You’ll build on chapter 13’s lessons and construct an application following the MVC development pattern by implementing the Ext JS App (Application) package. You’ll explore how controllers work and learn how they’re responsible for responding to events from your application classes. You’ll also learn to create both testing and production builds using Sencha Cmd, the Sencha command-line toolset.

Before jumping into source code, let’s review the principles of building and managing web applications. Whether your future apps are small or large, you should always follow the same principles described in this chapter.

14.1. Thinking as a web UI developer

14.2. Application (infra)structure

14.3. Kicking off the Survey app

14.4. Packaging

14.5. Summary