Sencha Inc. | HTML5 Apps

Learn Sencha Touch RSS

Learn Sencha Touch

Build Mobile Apps with Sencha Touch

Sencha Touch was the first HTML5 mobile JavaScript framework for web applications that feel native on Android, BlackBerry, and iOS. Our extensive tutorials, screencasts and resources are a great way to learn the framework. Here are a few good starting points:

The Sencha Touch Kitchen Sink Walkthrough
Sencha Touch Quick Start
A Hello World app with Sencha Touch
An Introduction To Layouts

TitleVersionDate AddedDifficulty
thumbnail for Intro to Layouts in Sencha Touch 2 Screencast on Sencha Learn Intro to Layouts in Sencha Touch 2 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. 2.x Mar 15, 2012 Easy
thumbnail for Sencha Touch 2: Tabs & Toolbars Screencast on Sencha Learn Sencha Touch 2: Tabs & Toolbars 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. 2.x Mar 6, 2012 Medium
thumbnail for Sencha Touch 2: Native Packaging Demo Screencast on Sencha Learn Sencha Touch 2: Native Packaging Demo 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. 2.x Mar 5, 2012 Medium
thumbnail for Meet the List component Screencast on Sencha Learn Meet the List component 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. 2.x Feb 22, 2012 Medium
thumbnail for Theming Sencha Touch Screencast on Sencha Learn Theming Sencha Touch This screencast describes the basics of theming in Sencha Touch. This tutorial is perfect for beginners who want to get started customizing the interface of their Sencha Touch mobile app using CSS3 and Sass/SCSS. 2.x Feb 16, 2012 Easy
thumbnail for Sencha Touch 2 Class System Screencast on Sencha Learn Sencha Touch 2 Class System In this introductory screencast, Jay Garcia walks you through the very basics of using the Sencha Touch 2 class loader system. 2.x Nov 3, 2011 Easy
thumbnail for Working with Forms Screencast on Sencha Learn Working with Forms In this screencast, we build a simple application that lets us manage users. We use the model, view, controller (MVC) pattern, learning how to capture the data entered into a form to create new records and update existing records. We’ll also learn how to use the model validations from Sencha Touch’s data package to report errors in the form. 1.x Jul 22, 2011 Medium
thumbnail for Theming Sencha Frameworks with Sass and Compass Screencast on Sencha Learn Theming Sencha Frameworks with Sass and Compass James Pearce takes you through setting up Sass and Compass to start theming Sencha Touch and Ext JS 4. any version Jul 16, 2011 Easy
thumbnail for An Introduction to Carousels Screencast on Sencha Learn An Introduction to Carousels This screencast demonstrates how to use Sencha Touch to create carousel-based apps, such as this artist's portfolio. It also gives a brief introduction to the src.sencha.io resizing service. 1.x May 31, 2011 Medium
thumbnail for Tabs and Toolbars Screencast on Sencha Learn Tabs and Toolbars This screencast demonstrates how to use Sencha Touch to create a tabbed interface with icons, and how toolbars can be used to hold buttons, or a titlebar. 1.x Apr 11, 2011 Medium
thumbnail for Intro to the Nested List Component Screencast on Sencha Learn Intro to the Nested List Component This screencast describes the basics of the NestedList component in Sencha Touch. 1.x Mar 2, 2011 Medium
thumbnail for Intro to the List Component Screencast on Sencha Learn Intro to the List Component This screencast describes the basics of the List component in Sencha Touch. 1.x Jan 27, 2011 Easy
thumbnail for Intro to Listeners Screencast on Sencha Learn Intro to Listeners This screencast describes the basics of how listeners work in Sencha Touch. This tutorial is perfect for beginners who want to understand how to create custom behavior and functionality inside their Sencha Touch mobile app. 1.x Dec 2, 2010 Medium
thumbnail for XTemplates; part II Screencast on Sencha Learn XTemplates; part II This two-part series describes how to use XTemplates, a powerful templating system in Sencha Touch (and Ext JS) that allows developers to easily format views around dynamic data. 1.x Oct 28, 2010 Medium
thumbnail for XTemplates; part I Screencast on Sencha Learn XTemplates; part I This two-part series describes how to use XTemplates, a powerful templating system in Sencha Touch (and Ext JS) that allows developers to easily format views around dynamic data. 1.x Oct 28, 2010 Medium
thumbnail for Intro to Layouts Screencast on Sencha Learn Intro to Layouts This screencast describes the basics of how layouts work in Sencha Touch. This tutorial is perfect for beginners who want to understand how to create components and buttons inside their Sencha Touch mobile app. 1.x Oct 15, 2010 Easy
thumbnail for Intro to Panels Screencast on Sencha Learn Intro to Panels This screencast describes the basics of how panels work in Sencha Touch. This tutorial is perfect for beginners who want to understand how to create components and buttons inside their Sencha Touch mobile app. 1.x Oct 15, 2010 Easy
thumbnail for Create a Twitter App with Geolocation Screencast on Sencha Learn Create a Twitter App with Geolocation We demonstrate how to quickly create a Geolocation-powered Twitter mobile app with Sencha Touch in this tutorial video. 1.x Oct 8, 2010 Medium
thumbnail for Layouts Walkthrough Screencast on Sencha Learn Layouts Walkthrough Brian Suda describes and demonstrates how Sencha Touch layouts work in this nine minute tutorial. 1.x Oct 8, 2010 Easy
thumbnail for An Introduction to the Kitchen Sink Screencast on Sencha Learn An Introduction to the Kitchen Sink Michael Mullany runs through an early beta version of the Sencha Touch Kitchen Sink app, demonstrating many of the core capabilities of the framework. 0.x Jun 17, 2010 Easy