Sencha Inc. | HTML5 Apps

Blog / Tutorials

Getting Started with Sencha Touch 2: Build a Weather Utility App (Part 2)

Getting Started with Sencha Touch 2: Build a Weather Utility App (Part 2)

December 02, 2013 | Lee Boonstra

In this Sencha Touch tutorial, you will build the Do I need my Umbrella app, a simple utility app that loads weather information from a web service — worldweatheronline.com. Based on weather codes, this app can predict if you need your umbrella or not. In part 2, you will start to build an app theme, and you will use the code from part 1 of this tutorial.

4 Tricks for Smaller CSS in Sencha Touch 2.2

4 Tricks for Smaller CSS in Sencha Touch 2.2

July 11, 2013 | Ivan Jouikov

Ivan recently had the pleasure of optimizing an app written in Sencha Touch 2.2 that was taking over 5 seconds to load on an Android 2.x device. The culprit was a 1.2 MB app.css file that he managed to bring down to just over 100 kB, resolving the issue. In this article, he presents four techniques used to achieve this goal, along with individual outcome metrics.

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

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

May 09, 2013 | Don Robins

In Part 1 and Part 2 of our series on Developing Mobile Applications with Force.com and Sencha Touch, we built out a simple mobile application hosted in a Salesforce.com Visualforce page to display a list of Leads, and allowing add, edit and delete capability using an Apex controller. In this third part of the series, we want to highlight the enterprise data capability of Sencha Touch, so we’ll focus on how the framework allows us to work with large datasets by adding paging and search capability to the PocketCRM application.

UI Testing a Sencha App

UI Testing a Sencha App

January 10, 2013 | Arthur Kay

A few months ago, I wrote a post titled Automating Unit Tests that covered how developers could write unit tests for their business logic and validate their JavaScript syntax. Understanding these concepts is essential when building an enterprise application: bugs must be caught before changes are pushed into production or catastrophic consequences may follow.

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.