Resources to Get Started
We made developing Sencha Touch apps easier than ever.. Getting started with Sencha Touch is easier than ever. After downloading the framework, you’ll have instant access to a wide-variety of learning resources including tutorials, screencasts, and excellent documentation.
Get started today by downloading Touch and running the docs and examples locally, or visit our Sencha Documentation app.
Launch Sencha Touch 2 Docs
View Sencha Touch 2 Examples
Browse Sencha Learn
The Sencha Touch 2 Docs are included with your download. Use them to get started building with Touch.
Getting Started Guides
-
Guide: Using Components in Sencha Touch 2 Added March 6th
A guide for using Sencha Touch visual classes, i.e. Components.
-
Guide: How to Use Classes in Sencha Touch 2 Added March 6th
Sencha Touch 2 uses the state of the art class system developed for Ext JS 4. This guide provides pointers on how to use this system.
-
Guide: Upgrading from Sencha Touch 1.x to 2.x Added March 6th
A guide for our existing Sencha Touch 1.x customers looking to upgrade to 2.0.
-
Guide: Getting Started with Sencha Touch 2 Added March 6th
This guide will help users get started with the new Sencha Touch 2.0.
Recent Screencasts
-
Screencast: Intro to Layouts in Sencha Touch 2 Added March 15th
In Sencha Touch, the Component and Container form the basic building blocks for creating an interface. Each container can be assigned a Layout which handles the positioning of its inner items. The layouts work either by neatly arranging components to use the available space, or by showing just one component at a time and providing some way of changing the focus between them.
In this tutorial, we’ll see each different layout type in action and see how they can be combined in any manner you can think of.
-
Screencast: Sencha Touch 2: Tabs & Toolbars Added March 5th
When it comes to building a user interface with Sencha Touch, the TabPanel and Toolbar are two components that you’re going to find indispensable. In this video walkthrough, Drew Neil (@nelstrom) demonstrates how to create a tabbed interface with icons, and how toolbars can be used to hold buttons, or a titlebar.
-
Screencast: Sencha Touch 2: Native Packaging Demo Added March 5th
Using the new Sencha Touch native packaging tool to produce HTML5 apps that access native APIs, gaining access to native capabilities like taking pictures, showing notifications and tracking device orientation.
-
Screencast: Meet the List component Added February 22nd
This screencast shows what the List component can do, including sorting and grouping records, and adding an index bar. It also shows how to reveal a detail panel for each listed record, using a navigation view to coordinate the list and detail cards. This demonstration uses Sencha Touch’s MVC pattern.
Get Sencha Touch Training
Touch Training In Your Area
Open Sencha Training Sessions are now taking place around the world, perfect for small, independent teams. From beginning JavaScript and CSS to custom component creation and CSS theming, your team will learn how to bring it all together to create innovative web user interfaces with hands-on training by a member of the Sencha Development Team. View training schedule. View Training Schedule
Get Customized Training for Your Team
We offer a comprehensive, in-house training with the flexibility to meet the needs of both beginners and experienced developers. You can build the curriculum to match the specific needs of your team, by choosing from our standard course list, or though custom training we design together. Learn more about customized training.