Getting started with Touch 2.1 doc: How do I apply these examples?

[nipponese]

Hello, I am just starting Sencha Touch dev and trying to understand how to apply these API examples.

Reading http://docs.sencha.com/touch/2-1/#!/guide/getting_started, I am am not sure how to apply the Components examples is http://docs.sencha.com/touch/2-1/#!/api/Ext.Component

For example, the getting_started doc tells me to start editing the Main.js view, but adding

var panel =Ext.create('Ext.Panel',{...});Ext.Viewport.add(panel);to the Main.js breaks it every time. Where exactly do I place these snippets? I'm not sure how to get started here.

[jay@moduscreate.com]

Are you familiar with JavaScript?

[nipponese]

Yes, but not in an MVC framework, and no experience with Ext.js

[jay@moduscreate.com]

OK. Are you familiar with how the Sencha Class system works?

I'm trying to understand where the failure is so I can point you to the right place. I don't want to just give you the answer. What will happen is you'll have a billion more questions after that .

Here's what I suggest:
- Learn the component basics
- Learn the Sencha Class System
- Build a simple Sencha Touch application using MVC while learning at the same time.

[nipponese]

Thanks for taking this on.

I am just having a hard time even getting started with simple examples in the Touch framework like:

var panel =Ext.create('Ext.Panel',{ html:'This is my panel'});Does this need to go in app.js? I have the framework installed and am getting the Hello World app, just not sure where to go after that.