Dear Everybody!!
I am a beginner to use Sencha Touch for app development..
And i tried to make a sample app first.
And I followed the tutorials taught by the learning center.
Following are the steps what i did..

First point is that I am using wamp localhost server on desktop for testing html file that would contain the application javascript file named 'index.js' under 'src' subdirectory of app root directory.

And index.html is coded like this;

<!DOCTYPE html>
<meta charset="utf-8">

<!-- Sencha Touch CSS -->
<link rel="stylesheet" href="resources/css/sencha-touch.css" type="text/css">

<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css">

<!-- Google Maps JS -->
<!--<script type="text/javascript" src=""></script>-->

<!-- Sencha Touch JS -->
<script type="text/javascript" src="sencha-touch-debug.js"></script>

<!-- Application JS -->
<script type="text/javascript" src="index.js"></script>


And index.js is coded like this;

icon: 'icon.png',
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
glossOnIcon: false,
onReady: function() {

var form = new Ext.form.FormPanel({
items: [
xtype: 'textfield',
name : 'first',
label: 'First name'
xtype: 'textfield',
name : 'last',
label: 'Last name'
xtype: 'numberfield',
name : 'age',
label: 'Age'
Ext.regModel('User', {
fields: [
{name: 'first', type: 'string'},
{name: 'last', type: 'string'},
{name: 'age', type: 'int'}

var user = Ext.ModelMgr.create({
first: 'Ed',
last : 'Spencer',
age : 24
}, 'User');


and when i tried to display 'index.html' by using url 'http://localhost/datingapp/index.html' (datingapp is the root directory for my sample app), nothing is displayed on the page and only white screen..
I am at a loss how to get around with it..
Please help me!!
Looking forward to help from all of you..
Thanks in advance.