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

Bambax picture Bambax · Sep 1, 2010 · Viewed 29.6k times · Source

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

Michael Mullany picture Michael Mullany · Sep 6, 2010

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

-- obsolete link deleted --

Update: since we released Touch 2.0 - you should start here: http://docs.sencha.com/touch/2-1/ which has links to all the getting started materials

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.

-- link deleted --

Update: We now have a gallery of apps for you to see what people have been up to.