1. Introduction to Sencha Touch
2. Using Sencha Touch Main Steps
For using Sencha touch here are the basics steps need to perform.
Set up your Environment
- Download the Sencha Touch Libraries.
- Make sure your development environment is set up.
- Make sure your development and production Web servers are properly installed and configured.
- Know the name of the CSS file you want your application to use. You will need this file name when you create the application HTML file in the next step.
Create the HTML File
In the editor of your choice, create the HTML file for your application. For an example of an application HTML file, see Detailed Steps: Creating the HTML File.
The application HTML file is where you specify links to:
- The default Sencha Touch cascading style sheet (CSS) files, sencha-touch.css.
- The application’s CSS file. For example,
- The version of the Sencha Touch library you want the application to use.
Sencha recommends to use the debug version of the library,
sencha-touch-debug.js, during application development and testing. The debug version helps you detect and troubleshoot errors, as well as to see exactly where in the library errors occur. Change the HTML file to link to the production version of the library,
sencha-touch.js, before you put your application into production.
Save the HTML file with a logical name such as
index.html. After you have finished writing the application and have put it on your local Web server, you will point your browser to this file name on your local Web server in order to view and test your application.
Test the Application
Upload the library files to the destination directory on your Web server.
- Upload the application files (html, js, and CSS) and all referenced files to the destination directory on your Web server.
- Point your browser to http://localhost:8080/index.html, where:
Localhost: is the Web server host name or IP address
8080 is the Web server port number
“index.html” is the name of the application HTML file.