Hello World App Using Sencha Touch 2

In the preceding snippet you can see how Sencha Touch apps start. In the preceding snippet we have started with Ext. application that denotes the application begins. Here in Sencha now on word we will follow Ext. only here everything start with Ext. Below ext. Application we have a launch function that is the main entry point for our Sencha application. Every Sencha application starts here in the launch function. Next we have created on a panel a container control using Ext. create followed by class name i.e. Ext. Panel and store it in one variable. Next we have added the created panel to the application's Viewport using the Ext.Viewport.add () function.

From the code above still you are not clear what I've written. Let me tell you it's part of the Sencha class system, we will see the class system in forthcoming articles. Here when I refer to Ext. Panel that means Sencha library has on class defined with Ext. Panel. Here we simply created one class instance. Next after creating the panel instance we have added it to the application's viewport.

Add reference to entry point

Next add the reference to app.js file on your HTML page and browse to the HTML page in your browser. To run this application browse to this page in any webkit browser if you are using IE then you must use IE 10.

Conclusion

In an easy manner we have created our first Sencha Touch application. In forthcoming articles we will see much more with some basic forms, controls and so on.