JavaScript Development Path 01 (Sencha Touch Framework)

Just started to learn JS frame Senchatouch is a simple file display hit blindfolded, I go! The book I read is the authoritative guide to Senchatouch, and the first example above is written like this:
Ext.application ({
Name: ' WebContent ',
Icon: ' Images/icon.png ',
Glossonicon:false,
Phonestartupscreen: ' Images/phone_startup.png ',
Tabletstartupscreen: ' Images/tablet_startup.png ',
Launch:function () {
var panel=ext.create (' Ext.panel ', {
Fullscreen:true,
ID: ' Mypanel ',
Width: ' 100% ',
Style: ' color:red ',
HTML: ' Hello Sencha touch-2.4.2! '
});
}
});
Ext.Viewport.add (panel);
There seems to be no error, the result is to show the effect on the browser when nothing comes out, OK, I am also drunk! Think about where you wrote the wrong, and examined several times, and found that the book is a model one
Like, what's the problem?

After I have made many attempts to find that the original is the following way to be correct yo ...
Ext.application (
{name: ' WebContent ',
Icon: ' Images/icon.png ',
Glossonicon:false,
Phonestartupscreen: ' Images/phone_startup.png ',
Tabletstartupscreen: ' Images/tablet_startup.png ',
Launch:function () {
var panel=ext.create (' Ext.panel ',
{
Fullscreen:true,
ID: ' Mypanel ',
Width: ' 100% ',
Style: ' color:red ',
HTML: ' Hello Sencha touch-2.4.2! '
}
);
Ext.Viewport.add (panel);
Everyone crossing friends to see where different, find a different bar! Find out after we are not hehe, this is JS (I used to develop java,c,php) or many faltered not insured ...

JavaScript Development Path 01 (Sencha Touch Framework)