O'Reilly logo

Creating Mobile Apps with Sencha Touch 2 by Bryan P. Johnson, John Earl Clark

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Pay attention to the man behind the curtain

The first thing to look at is on your hard drive where you saved the Task Manager project file. You will notice that the designer has created a number of files here: app.html, app.js, and TaskManager.xds. We also have folders for app and metadata.

Sencha Architect uses both TaskManager.xds and the metadata folder. The TaskManager.xds file is the main project file you are currently working in and the metadata folder contains resources for that project file. We can ignore those files for now because the interesting stuff is in the other files.

Let's start with our app.html file. If you open this file in your favorite code editor, you should see something like this:

<!DOCTYPE html> <!-- Auto Generated with ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required