Getting Started with Sencha Touch 2

27Dec11

What is Sencha Touch?

Sencha Touch enables you to quickly and easily create HTML-5 based mobile apps that work on Android, iOS, and Blackberry devices and produce a native-app-like experience inside a browser.

Things you’ll need

Here’s what you need to get started:

  • The free Sencha Touch 2.0 SDK, currently in developer preview
  • A web server running locally on your computer
  • A modern web browser; Chrome or Safari are recommended

Download and unzip the latest version of the SDK. Place the unzipped folder into your web server’s document root. If you don’t have a web server or aren’t sure, we recommend using a simple one-click installer like WAMP or MAMP.

Once you have the folder in the right place just open your web browser, point it to http://localhost/sencha-touch-folder (or wherever your web server is configured to serve from) and you should see the Sencha Touch Welcome page. If that’s all working you’re ready to start your first app.

Aptana + Spket + ExtJS
  • Download and install Aptana Studio (includes Eclipse).
  • Start Aptana and navigate the application menu to: Help → Software Updates → Find and Install… → Search for new features to install → New remote site…
  • Name: “Spket”, Url: “http://www.spket.com/update/
  • Restart Aptana
  • Watch this Spket IDE Tutorialto see how to easily add Ext code assist (you can point it at the latest /src/ext.jsb to keep code assist up to date with the latest Ext version). The steps are basically:
    • Window → Preferences → Spket → JavaScript Profiles → New
    • Enter “ExtJS” and click OK
    • Select “ExtJS” and click “Add Library”, then choose “ExtJS” from the dropdown
    • Select “ExtJS” and click “Add File”, then choose the “ext.jsb” file in your “./ext-2.x/source” directory
    • Set the new ExtJS profile as the default by selecting it an clicking the “Default” button on the right-hand side of the “JavaScript Profiles” dialog.
    • Restart Aptana
    • Create a new JS file and type: Ext. and you should get the Ext Code completion options.

Spket IDe

AptanaIDE

  • Aptana is an Eclipse-based JavaScript IDE with powerful features with integrated Ext support. There’s also an impressive list of instruction videos for a quick tour. And it has Adobe Air support.
  • As of February 2008, Aptana is still being shipped with Code Assist for Ext 1.x only. You can download an updated Ext 2.x plugin here.
Advertisements


2 Responses to “Getting Started with Sencha Touch 2”

  1. 1 narangrajeev

    Michael Mullany Sencha Employee: 3 months ago
    Touch 2 will remain free – and we’re committed to keeping it that way. We’ll ship the beta when it’s ready, but we think it’ll be available by SenchaCON – but “no hard dates.”

    We’re doing things in Touch 2 that makes it possible for us to support Windows Phone Mango *eventually* in a future minor release of Touch, but Windows Phone support won’t arrive in 2.0.

  2. 2 narangrajeev

    Sencha Touch Product Roadmap
    Additional device support, such as Windows Phone, etc
    Improved Android Tablet and Phone Performance
    Smaller footprint with more complete optimizer
    Auto-managed Components (dynamic carousels and lists)
    Integration of Ext JS 4’s class system to support mixins, dependency loading, class defs, and more


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


%d bloggers like this: