Sencha Touch - looking for a good tutorial / getting started for a content application

Question

I'm trying to build a mobile "content" application that will be used to display many pages of mostly text, using Sencha Touch (based on ExtJs). I'm familiar with JQuery & JQTouch; I've never used ExtJs before.

What's the best/fastest way to get started?

I started with the "icons" demo and was able to add a scroll property ('vertical') to have content be scrollable between the top and bottom tabs (that's actually what brought me to Sencha Touch: the ability to have "fixed" toolbars).

But now what? How do I update content?

In an ExtJs tutorial (here, near the bottom of the page) it says that one can act on an Element object to load content to an element; but that does not seem to be usable in the same way in the "icons" Sencha Touch demo.

Any help appreciated!

Answer 1

[Sencha person] I would recommend starting with the "Getting Started" guide that helps you write the GeoTweet sample application:

http://dev.sencha.com/deploy/touch/getting-started.html

If you're coming from jQuery/jQTouch, you'll find that Sencha does things quite a bit differently. Essentially, with Sencha Touch you're writing an object-oriented javascript application that generates HTML markup (usually bound to variables/stores) vs. with jQTouch - creating HTML markup that then gets manipulated by javascript.

I would also look at some of the better mini-apps that we've seen in the wild so far to guide you.

The Cactus Festival for example is a great content-centric mini-app.