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 Upgrading to Sencha Touch 2 PR2 Tutorial on Sencha Learn Upgrading to Sencha Touch 2 PR2 With the early preview of Sencha Touch 2 available for download, you may want to start thinking about the future upgrade process required for your existing applications. Although the API has yet to fully stabilize, there are certain things you can be thinking about now, and in this article, James Pearce takes a simple existing example app - the CityBars guide - and explores what is required to make it compatible with the PR2 release. 2.x Nov 28, 2011 Medium
thumbnail for Enhancing iOS Sencha Touch apps with NimbleKit, pt II Tutorial on Sencha Learn Enhancing iOS Sencha Touch apps with NimbleKit, pt II In the second part of our NimbleKit tutorial, we look at how we can create an web-based internet radio application, and hook our Sencha Touch app up to the iOS camera and email functionality. 1.x Aug 10, 2011 Medium
Idiomatic Layouts with Sencha Touch II In the second of this article's two-parts, we show how, with a single code-base, we can complete our app which uses the Sencha Touch 'application profiles' mechanism to deliver idiomatic user interfaces to both phone and tablet users. 1.x Aug 1, 2011 Medium
Idiomatic Layouts with Sencha Touch In the first article of this two-part series, we show how, with a single code-base, we can start to create an app which uses Sencha Touch’s 'application profiles' mechanism to deliver idiomatic user interfaces to both phone and tablet users. 1.x Aug 1, 2011 Medium
thumbnail for Enhancing iOS Sencha Touch apps with NimbleKit Tutorial on Sencha Learn Enhancing iOS Sencha Touch apps with NimbleKit It's becoming increasingly popular to build web applications that can be packaged and distributed into app stores - and which can capitalize on API extensions to get access to native device functionality and so on. In this first half of this two-part tutorial, we discuss enhancing Sencha Touch with NimbleKit - a native shell option for doing just that. 1.x Aug 10, 2011 Medium
thumbnail for Taking Sencha Touch Apps Offline Tutorial on Sencha Learn Taking Sencha Touch Apps Offline Mobile and tablet users are now first-class citizens of the web, and with Sencha Touch, we can create beautiful web-based applications for them. That is, until they drive into a tunnel. Or get on a plane. Or stray too far from cellular coverage. In this article, we discuss tactics you can use to serve users, regardless of their connectivity. 1.x Apr 22, 2011 Medium
thumbnail for A Sencha Touch MVC application with PhoneGap Tutorial on Sencha Learn A Sencha Touch MVC application with PhoneGap In this article, we introduce PhoneGap, a way to package and allow web applications to access device functionality. We use its APIs to create a custom data proxy which underpins a Sencha Touch MVC application. By the end of the article, we will have demonstrated how to replicate the iPhone's address book application using web technology alone. 1.x Jan 29, 2011 Hard
Sencha Touch Quick Start The quickest possible ways to get started with Sencha Touch development, on both Mac and Windows machines. Ideal for a rolling start at hackathons! 1.x Aug 6, 2011 Easy
thumbnail for Learning Sencha Touch Charts Tutorial on Sencha Learn Learning Sencha Touch Charts Graphics Team Lead Jamie Avins goes over the basics of getting started with Sencha Touch Charts. Sencha Touch Charts is a data visualization package for Sencha Touch, allowing developers to build rich interactive charts and graphics on the mobile web. 1.x Aug 1, 2011 Easy
Using Validations and Associations in Sencha Touch Sencha Touch already has a rich Model layer which makes it easy to deal with different types of data. As of version 0.96, Models became a lot richer with support for validating their data and associating them with other Models. These new capabilities make it easier to write client-side applications by reducing the amount of code you need to write. 1.x Oct 14, 2010 Easy
thumbnail for Using the Data Package in Sencha Touch Tutorial on Sencha Learn Using the Data Package in Sencha Touch This tutorial shows how to quickly put together simple components backed by the data package. See how the Model/Store/Proxy ecosystem fits together and how to use Stores with data-aware components, just like in our Sencha Touch Twitter example. 1.x Aug 17, 2010 Easy
My First Sencha Touch Experience Well-known designer and developer, Joe McCann, recently spent a few days using Sencha Touch. In this article, he talks through his experiences of building his first application. 1.x Apr 23, 2011 Easy
thumbnail for Hello World Tutorial on Sencha Learn Hello World In this article, we will run through the absolute basics of building your first application, in the time-honored tradition of displaying the words 'Hello World'. 1.x, 2.x Nov 24, 2010 Easy