Sencha Touch Tutorials

Hero image for article
Icon for article
ios

What Does iOS8 Mean for HTML5 Mobile App Developers

1 min read

HTML5 mobile applications rely on the browser and the performance of JavaScript. Fortunately each new iOS software update has consistently brought about performance increases.

Hero image for article
Icon for article

Issue in Sencha Cmd for Singleton Classes in Production and Package Builds

1 min read

It turns out this is a bug in Sencha Cmd and you can view the bug report here. Hopefully this is fixed soon but in the mean time there is a work around.

Hero image for article
Icon for article

How to Create an Infinite Scrolling List in Sencha Touch

2 min read

The more elements that are in the Document Object Model (DOM) and the more requests we need to make to the server to load content, the slower the application will become.

Hero image for article
Icon for article

Setting up the Pushwoosh Plugin with PhoneGap Build

5 min read

Just because you're not building a native application it doesn't mean you have to miss out on the action. It's (reasonably) easy to set up Push Notifications in your PhoneGap Build application using the PushWoosh plugin.

Hero image for article
Icon for article

Building Your App Remotely with PhoneGap Build and Sencha Cmd

2 min read

In this tutorial I'm going to walk you through how to set up a new app to build remotely with PhoneGap build. For more information on setting up PhoneGap Build in a Sencha Touch application you can view this tutorial.

Hero image for article
Icon for article

How to Run a Server Side Search Query in Sencha Touch

2 min read

This is quite easy to accomplish for locally stored data - but when we're loading in our data from a remote database our application can't possibly know how to sort or filter data that it doesn't even know about yet.

Hero image for article
Icon for article

The GIGANTIC List of Sencha Touch Tutorials & Resources

2 min read

I'm going to use this post as a directory of links to helpful Sencha Touch tutorials, books, blog and resources. Some written by me, most written by others

Hero image for article
Icon for article

Using XTemplate Functions to Manipulate Data in Sencha Touch

2 min read

XTemplate's allow us to do a lot of interesting things when defining the itemTpl, one of which is passing the data through a function before displaying it.

Hero image for article
Icon for article

An Efficient Workflow for Sencha Touch & PhoneGap Build Development

4 min read

The vast majority of my mobile application development is done with Sencha Touch and PhoneGap Build and over time I've refined the processes I use to develop applications more efficiently.

Hero image for article
Icon for article

Using the HTML5 Canvas Element in Sencha Touch: Part 1

2 min read

I decided to create a new blog post series where we would step through creating some kind of drawing application in Sencha Touch. I'd like to keep this as fluid as possible and take suggestions as I go, but for now the general approach will be something like this

Hero image for article
Icon for article

Using the HTML5 Canvas Element in Sencha Touch: Part 2

4 min read

This is the second part of a tutorial series where we will be building a drawing application using the HTML5 canvas element in Sencha Touch. Click here for the

Hero image for article
Icon for article

Using the HTML5 Canvas Element in Sencha Touch: Part 3

2 min read

Now we're going to build an interface within our application to interact with these features. We'll add some colours to choose from, a few brush sizes and a reset button.

Hero image for article
Icon for article

Using the HTML5 Canvas Element in Sencha Touch: Part 4

3 min read

This is the fourth part of a tutorial series where we will be building a drawing application using the HTML5 canvas element in Sencha Touch. Click here for the first part.

Hero image for article
Icon for article

Using Node.js and Express.js in a Sencha Touch Mobile App: Part 1

5 min read

In this tutorial series we will be building a Sencha Touch application that is powered by a Node.js backend which will use the Express.js framework and MongoDB to store data.

Hero image for article
Icon for article

Tips for Keeping Your Sencha Touch Projects Organised

3 min read

You should always follow best practices as best you can, but I want to share a few specific tips that help me keep my codebase clean and easy to manage.

Hero image for article
Icon for article

How to Create Complex Layouts with Sencha Touch

4 min read

This tutorial will focus on explaining a little bit about how the Sencha Touch layout system works and then we will walk through building a specific complex layout.

Hero image for article
Icon for article

Monetizing Your PhoneGap Build App with AdMob

4 min read

AdMob will allow you to display advertisements to users of your mobile application, and earn revenue from displaying them - similar to how AdSense works for websites.

Hero image for article
Icon for article

What Is Sencha Space and What Is It Used For?

3 min read

Stefan has a lot of experience with this product and the conversation helped make Sencha Space clear to me, so I'd like to provide a brief overview of what exactly it is and what it may be used for.

Hero image for article
Icon for article
cordovaperformance

How to Make High Performance PhoneGap Apps

5 min read

I wasn't fortunate enough to attend PhoneGap Day this year, so my experience of it was skulking around the pgday hashtag on twitter and experiencing it

Hero image for article
Icon for article
sencha

The Chrome 43 Update Broke Sencha Touch Apps, Here’s How to Fix It

2 min read

The latest Chrome update (Chrome 43) caused some bugs in Sencha Touch applications. The issue would occur if you try to view the application in a Chrome browser or the latest System Web View on Android devices.

Hero image for article
Icon for article

Using Sencha Touch with PhoneGap Build

3 min read

There are two ways to go about including PhoneGap in your application there's the 'normal' way and the 'easy' way, we will be focusing on the latter in this article by taking a look at how to use PhoneGap Build

Hero image for article
Icon for article
cameraphotos

How to Use the Camera in Sencha Touch

1 min read

Using the camera in an application is extremely useful and fortunately Sencha Touch allows for its use, though it is often a cause of confusion for a lot of people.

Hero image for article
Icon for article
html5

How Does Sencha Touch Use HTML5 to Create Mobile Applications?

1 min read

How is it exactly that this works behind the scenes? How is it Sencha Touch can create mobile applications, which are typically reserved to the native language of the device, with web technologies?

Hero image for article
Icon for article
blogslistreview

3 Sencha Touch Blogs You Should Follow

2 min read

In this blog post I'm going to cover three of my favourite Sencha Touch bloggers, these are all people who put out quality blog posts worth reading.

Hero image for article
Icon for article
androidconversionjavajavascript

Converting a Native Android App to Sencha Touch: Introduction

2 min read

An introduction to my series on converting a native Android application coded with Java into a Sencha Touch application.