Sencha Inc. | HTML5 Apps

Blog / Tutorials

Building Sencha Touch Custom Components, Part 3

Building Sencha Touch Custom Components, Part 3

November 16, 2012 | Andrea Cammarata

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, which you can find posted here and here, but now we want to customize our component’s look.

Building Sencha Touch Custom Components, Part 2

Building Sencha Touch Custom Components, Part 2

November 14, 2012 | Andrea Cammarata

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.

Building Sencha Touch Custom Components, Part 1

Building Sencha Touch Custom Components, Part 1

November 14, 2012 | Andrea Cammarata

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.

Developing Mobile Applications with Force.com and Sencha Touch - Part 2

Developing Mobile Applications with Force.com and Sencha Touch - Part 2

September 17, 2012 | Don Robins

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.

Expressive Presentation of Data with Sencha GXT 3 Charts

Expressive Presentation of Data with Sencha GXT 3 Charts

July 05, 2012 | Brendan Coughran

In a previous article, we discussed the charting library as a whole. However, there is far more to the Sencha GXT 3 charting library than was covered in that introduction. This article discusses a number of the more intermediate and advanced features that you can use — including tweaking the data store backing your chart. With some simple changes to the basic chart setup, you can make your visualizations even more explanatory and expressive.

Architecting your app with Sencha Touch 2 MVC, Part 4

Architecting your app with Sencha Touch 2 MVC, Part 4

May 21, 2012 | Tommy Maintz

In the previous series of articles Part 1, Part 2, and Part 3, we explored architecting a Pandora-style application using the new features of Ext JS 4. We started by applying the Model-View-Controller architecture to a complex UI that has multiple views, stores and models. We looked at the basic techniques of architecting your application, like controlling your views from Controllers and firing application-wide events that controllers can listen to. We also discussed how to get references to views, controllers, models and the application itself. Lastly, we implemented several controllers to get a feel for how to implement basic application logic.

In Sencha Touch 2, we introduced the newest iteration of our MVC architecture. Based on the same concepts found in the Ext JS 4 and Sencha Touch 1 MVC package, we have simplified existing features like control and reference syntaxes, and introduced new functionality like routes and history support.

In this article, we will take the existing code we have created and upgrade it to use Sencha Touch 2 and the updated application architecture. We will discuss some of the differences in syntax and talk about some of the new concepts to consider. At the end of this article, you should be better prepared to go into your existing Sencha Touch 1 app and upgrade it to Sencha Touch 2, provided it is architected based on the principles discussed in the previous articles.

Behind the Sencha Command Utility and the Build Process

Behind the Sencha Command Utility and the Build Process

May 02, 2012 | Jacky Nguyen

The Sencha command utility is a cross-platform command line tool that helps make it easier than ever to develop applications with Sencha Touch 2. The tool consists of many useful automated tasks around the full lifecycle of your applications, from generating a fresh new project to deploying for production.

This article will help you understand the Sencha command utility as well as your Sencha Touch 2 application’s production build process.

Sencha Learn Roundup

Sencha Learn Roundup

December 15, 2011 | Ted Patrick

We’re constantly updating Sencha Learn with new content for many of our products. Read on to find out what you might’ve missed.

Using Sencha.io Sync

Using Sencha.io Sync

September 30, 2011 | Aditya Bansod

Sencha.io Sync was made available as an open beta last week, so we wanted to give a more detailed look at how to use Sync. We announced Sencha.io Sync in the early summer and have spent time honing and tuning the service based on feedback from our private beta customers, and we’re excited to invite the Sencha community to try their hands at our Sync service.