The following learning pathway will help you get started with building mobile HTML5 applications using Sencha Touch 2.
- (Download) Download Sencha Touch 2 — Sencha
-
(Guide) Getting Started with Sencha Touch 2 — docs.sencha.com
A short introduction to what Sencha Touch is and how to use it for your first app. -
(Blog) What's New in Sencha Touch 2.1? — Jamie Avins on October 24, 2012
Sencha Touch 2.1 is our next release of the Sencha mobile framework. The 2.1 release includes the following key upgrades: significant performance improvements, charting support, an advanced list component, and enhanced native support through the Sencha Mobile Packager. -
(Video) Why Sencha Touch Makes Sense for Large Mobile Endeavors (31:46) — Dan Menard, Erwin Nell on May 3, 2012
Join Dan Menard, Software Developer at Macadamian, and Erwin Nell, Director of User Experience at Varian as they discuss why they picked Sencha Touch and the implementation process. The group will discuss why Sencha Touch was the right choice, how to extend Sencha Touch to support the vast needs of a complex electronic medical record system, and how Sencha Touch makes large-scale projects more manageable. -
(Tutorial) Hello World Sencha Touch Tutorial — Peter deHaan on March 21, 2012
-
(Guide) Building your First App — docs.sencha.com
How to build your first app in 15 minutes flat. Includes a simple HTML page, a contact form and a blog feed. -
(Video) Building Mobile HTML5 Apps in Hours, Not Days (43:23) — Aditya Bansod on June 12, 2012
HTML5 has delivered on the promise to make building mobile apps work seamlessly across devices and operating systems. But developers looking to build applications still have to code HTML, JavaScript and CSS by hand, often laboriously rebuilding features that exist in native platforms without the benefit of tooling that native platforms offer. New tools in the HTML5 space, like Sencha Designer (now called Sencha Architect), make building mobile HTML5 apps as fun and easy as building native apps. -
(Guide) How to use classes in Sencha Touch 2 — docs.sencha.com
Tells you all you need to know about the Sencha Touch class. We suggest you read this before you start your first app. -
(Video) The Sencha Class System (52:30) — Jacky Nguyen on December 10, 2011
Sencha Touch 2.0 went through a huge refactoring from the ground up with the new class system. It combines the familiar class-based programming style with the dynamic nature of JavaScript into a robust architecture which stands behind every single class written in the frameworks. This session will give you a complete picture of everything our new foundation has to offer as well as their benefits and best practices. -
(Video) Intro to Layouts in Sencha Touch 2 (9:31) — Drew Neil on March 7, 2012
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. -
(Documentation) Sencha Touch 2.1 API Documentation — docs.sencha.com
-
(Documentation) Sencha Try — try.sencha.com
-
(Guide) Using Lists in Sencha Touch 2 — docs.sencha.com
Lists are great at showing lots of information, and pack loads of functionality in out of the box. Find out how to use them here. -
(Guide) Using Nested List in Sencha Touch 2 — docs.sencha.com
Nested List provides a miller column interface to navigate between nested sets of data with a clean and easy to use interface. -
(Video) Intro to List Component (11:22) — Drew Neil on February 21, 2012
Sencha Touch provides a list component which is ideal for presenting an index-style list of items. In this tutorial, Drew Neil (@nelstrom) walks through setting up a basic list, and shows how to add an index bar, and group items together under a marker. Also, you'll learn how to create a detail panel to reveal information about each item in the list. -
(Blog) Dive into DataView with Sencha Touch 2 — Robert Dougan on February 8, 2012
We're pleased to release Sencha Touch 2 beta 2, which contains around 100 improvements over beta 1. Today we’re also taking you on a detailed tour of DataView and asking for your help voting on an Android bug report. -
(Guide) Using AJAX with Sencha Touch 2 — docs.sencha.com
While Sencha Touch's data binding means you rarely have to interact with AJAX directly, we provide several options for making AJAX requests.
-
(Slides) Migrating from Touch 1.x to 2.0 — Jamie Avins on November 2, 2011
Understand how to benefit from the latest capabilities of the Sencha Touch framework, and how to ensure your code is compatible when you upgrade. -
(Blog) What's New in Sencha Touch 2.1 — Jamie Avins on October 24, 2012
Sencha Touch 2.1 is our next release of the Sencha mobile framework. The 2.1 release includes the following key upgrades: significant performance improvements, charting support, an advanced list component, and enhanced native support through the Sencha Mobile Packager. -
(Documentation) Sencha Touch 2 Examples — docs.sencha.com
-
(Guide) Data Package Overview — docs.sencha.com
Introduces the Data Package as a whole, showing you how everything is connected. See the other data guides for more detail. -
(Guide) Using Models — docs.sencha.com
Introduces the concept of a Model, where they are used and how to configure fields, validations, associations and more. -
(Guide) Using Stores — docs.sencha.com
Introduces the concept of Stores, which load data and underpin data-bound Components such as Lists and DataViews. -
(Guide) Using Proxies — docs.sencha.com
Introduces the concept of a Proxy, which is responsible for loading and saving data in your Models and Stores. -
(Video) Sencha Architect supports Sencha Touch 2.1 Charts (3:40) — vimeo.com on November 5, 2012
Building an app that uses Sencha Touch Charts is now easier than ever. Our latest version of Sencha Architect now supports Sencha Touch Charts! Check out this demo with the Sencha Architect team on how to easily build an app with Sencha Touch Charts. -
(Video) Building Multi-device Apps with Sencha Complete (58:15) — Daniel Gallo on November 5, 2012
Daniel Gallo, Sencha's sales engineer in the UK presents how to build an application for managing customers with a .Net/MS SQL backend with Sencha Touch and Sencha Ext JS powering the front end HTML5 interfaces. -
(Video) Accelerate your multi-device application development with Sencha Complete (46:45) — Chris Dawes on November 30, 2012
Learn how easy it is to build desktop and mobile applications with Sencha Complete. In this one-hour webinar, Sencha tech expert Chris Dawes will show you the power of using Sencha Architect, Sencha Ext JS, and Sencha Touch by building a multi-device-ready app. -
(Learning Pathway) Architecting Sencha Apps using MVC Learning Pathway — Sencha
-
(Blog) Building Sencha Touch Custom Components, Part 1 of 3 — Andrea Cammarata on November 14, 2012
We've heard developers ask for more tutorials and guides for our frameworks, and today we’re walking through Sencha Touch component creation. I was recently asked to create an HTML5 component that would allow users to hear a preview of an audio track and show its progress inside a circular progress bar, similar to the iOS component. -
(Blog) Building Sencha Touch Custom Components, Part 2 of 3 — Andrea Cammarata on November 14, 2012
We're back with part two of our Sencha Touch 2.1 component creation tutorial. In part one of this tutorial, we introduced the concept of Sencha Touch components, our Ext.tux.AudioCover idea and began defining the functionalities needed for our Ext.tux.AudioCover to be a success. Today, we'll be continuing with detailing those definitions, starting with the configuration parameters. -
(Blog) Building Sencha Touch Custom Components, Part 3 of 3 — Andrea Cammarata on November 16, 2012
In the final part of our tutorial series on Sencha Touch components, we'll cover styling for our Ext.tux.AudioCover component. Over the last few posts, we've walked through the component's code development, but now we want to customize our component's look. -
(Community) Sencha Touch 2.0 Tip: Increase the speed of your app rotation by temporarily removing DOM (4:18) — Jay Garcia (moduscreate.com) on July 17, 2012
In the screencast below, I demonstrate how you can increase the speed of your apps by temporarily removing DOM that is not viewed by the user. ... -
(Community) Sencha Touch 2.0 Tip: Make the Carousel fire show events at the proper time! — Jay Garcia (moduscreate.com) on July 16, 2012
Recently, I came across a requirement where I needed to know when a Sencha Touch 2.0 Carousel Item is shown to the user (active item 0) to render ... -
(Community) Sencha Touch 2 Touch Events Re-firing — Stan Bershadskiy (moduscreate.com) on July 11, 2012
While generally we try to avoid native browser alert() and confirm() we sometimes have no control over their use. I have come across a situation ... -
(Blog) Build a "To Do" Application with Sencha Touch, Sencha.io, and Facebook Integration — Jason Cline on June 26, 2012
In this article, we'll show you how to take advantage of Sencha.io in a Sencha Touch application. We’ll use two of the Sencha.io services — the User Login service to have users connect to the app via Facebook, and the Data service to store information. -
(Blog) Sencha.io Photo Sharing Example Using Sencha Touch — Nils Dehl on July 12, 2012
The Sencha.io photo sharing example shows you how to use Sencha.io, the Sencha cloud service, with your Sencha Touch 2 mobile apps. -
(Blog) Developing Mobile Applications with Force.com and Sencha Touch - Part 1 — Don Robins on September 13, 2012
This series of articles will introduce you to the Sencha Touch mobile framework for building HTML5 applications with JavaScript, HTML and CSS. Sencha Touch integrates very easily with Visualforce and the Force.com platform, and makes it relatively simple to build powerful business apps linked to a Salesforce or Force.com backend. -
(Blog) Developing Mobile Applications with Force.com and Sencha Touch - Part 2 — Don Robins on September 17, 2012
In the first part of our series introducing you to the Sencha Touch mobile framework, we built the foundation for a simple mobile application hosted in a Visualforce page that displays lead data served from an Apex controller. We reviewed the basics of the Sencha class system and MVC data package by constructing model, view, controller and store components in JavaScript. -
(Blog) Meetcha—Using Sencha Touch to Build a Mobile App for Meetup.com — Ashvin Radiya on August 23, 2012
We developed the Meetcha app to demonstrate how to use Sencha Touch 2 features in a real world application. We used the Sencha Touch’s built in MVC architecture, which we’ve found in this app and in general is absolutely required for developing large commercial applications. We also wanted the Meetcha app to have an engaging UI, so we used custom theming to create rounded buttons and non-rectangular positioning with a custom background that changes with orientation. -
(Blog) Building SharePoint Web Apps using Sencha Touch — Luc Stakenborg on April 10, 2012
In this post we will explore how to build a SharePoint mobile web app using the Sencha Touch mobile JavaScript framework for HTML5 apps. -
(Learning Pathway) Testing Sencha Apps Learning Pathway — Sencha
-
(Learning Pathway) Theming Sencha Applications Learning Pathway — Sencha
-
(Learning Pathway) Sencha Cmd Learning Pathway — Sencha
-
(Forums) Sencha Touch 2.x Forums — www.sencha.com
-
(Video) Hardware Acceleration on Mobile (29:48) — Ariya Hidayat, Jarred Nicholls on December 21, 2011
GPU acceleration on mobile browsers, if it is leveraged correctly, can lead to a smooth and fluid applications, thus improving the user experience. There has been a lot of mentions and best practices of hardware acceleration these days, although so far it has been pretty general and hasn’t provided much technical direction apart from simple magical advice such as “use translate3d”. This talk sheds some more light on browser interactions with the GPU and explain what happens behind the scenes, covering the topic of acceleration of primitive drawing, the use of tiled backing store, and composited layer. Knowing the actual machinery behind hardware acceleration, you will be in the position to plan your strategy to improve the performance of your web application. -
(Guide) Acessing Native APIs with Ext.device — docs.sencha.com
TheExt.deviceAPI exposes powerful native APIs like camera support, orientation awareness and native notifications. -
(Video) Accessing Native APIs from Touch (41:20) — James Pearce on December 13, 2011
Learn how to use hybrid technologies like PhoneGap and NimbleKit to hook into native device capabilities, and then distribute your mobile applications into app stores and marketplaces. -
(Guide) Native iOS Packaging — docs.sencha.com
Native Packaging for iOS on Mac. -
(Guide) Native iOS Provisioning — docs.sencha.com
Provisioning iOS devices. -
(Guide) Native Android Packaging — docs.sencha.com
Native Packaging for Android on Mac.
-
(Book) Sencha Touch in Action (Manning Publications) — Jesus Garcia, Anthony De Moss, Mitchell Simoens on January 2013
Smart phones and tablets are now faster, cheaper, and more powerful than ever before. Sencha Touch, a mobile framework for HTML 5 and JavaScript, enables developers to build truly cross-platform mobile apps or to extend existing enterprise applications to mobile clients. With numerous features that mimic the native capabilities of mobile platforms and a MVC architecture that feels right at home for application developers, Sencha Touch is the most efficient way available to build sophisticated, high-performance rich mobile web applications. -
(Book) Sencha Touch Hotshot (Packt Publishing) — John E. Clark, Bryan P. Johnson on January 2013
Everyone has had the perfect idea for a mobile application. Sencha Touch Hotshot can help you bring that idea to life by providing clear examples, in depth explanations, and walking step-by-step building 10 different Sencha Touch mobile applications. You can use these applications as a base for your own applications or leverage your new skills to create something truly unique. -
(Book) Mobile JavaScript Application Development: Bringing Web Programming to Mobile Devices (O'Reilly Media) — Adrian Kosmaczewski on June 2012
When developing apps for the latest smartphones, you’re faced with several vexing questions. How many platforms do you need to accommodate? What level of support do mobile browsers provide? To help you address these and many other key issues, this guide provides a hands-on tour of the most powerful JavaScript frameworks available today.