Chapter 11. Building Sencha Touch applications

 

This chapter covers

  • Exploring the app development cycle
  • Using Sencha Cmd
  • Deploying an example app
  • Using Sencha Microloader

Until now, you’ve focused on pieces of Sencha Touch, learning how they work and how to use them properly. In this chapter we’re going to show you design patterns that’ll help you develop your applications from start to finish. It’s impossible for us to cover every facet of application development, so we’ll center on many of the key things that you’ll need to know.

This chapter is structured differently than what you’re used to. The workflow is tutorial-like, and you’ll progressively build on things you’ve learned. We realize that you might be in a hurry to develop your applications and that you might need a simple answer to a question such as “How do I bind controllers to custom view events?” But be aware that not reading this chapter as it was written may lead to confusion, because we’ll reference prior material as we progress through the chapter.

You’ll start by looking at a process that governs how applications are typically developed. From there you’ll explore Sencha Cmd and use it to generate your application template project. We’ll walk you through many basic concepts and show you how to use device profiles to create a single application that can service phones and tablets. You’ll also learn how to fire custom events from your views and listen to them via Touch controllers.

11.1. The Sencha 30,000-foot view

11.2. Typical application development workflow

11.3. Creating your application container

11.4. A view of what you’re building today

11.5. Building the Phone profile version of your application

11.6. Building the tablet version of your application

11.7. Packaging your application for web deployment

11.8. Summary