Sencha Touch Tutorials

Hero image for article
Icon for article
consoleerrors

Common Sencha Touch Errors & How to Fix Them

3 min read

This post will serve to list some of the more common errors and potential causes - I intend to continue updating this over time so if you think there's anything that should be added to this list (whether you know the solution or not) please leave a comment below.

Hero image for article
Icon for article
senchacontutorialsvideo

4 Insightful Sencha Touch Video Tutorials from the Experts

3 min read

Sencha Touch resurfaced some of the best videos from the 2013 convention. I've compiled and summarised the presentations that I found most interesting.

Hero image for article
Icon for article
convertfacebookmappingmodel

2 Ways to Make Your Sencha Touch Models Smarter

2 min read

Sometimes we have to deal with funny data that doesn't play nicely with our model, and Sencha Touch provides ways to deal with this.

Hero image for article
Icon for article
barcodepluginqr code

How to Scan QR Codes with Sencha Touch and PhoneGap

2 min read

That's enough about the viability of QR codes though, let's get into how to actually implement our own QR Code reader with PhoneGap Build

Hero image for article
Icon for article
downloadebookguide

Learn Sencha Touch with My New Ebook for Beginners

2 min read

I love the Sencha Touch framework but I ran into a lot of frustrating obstacles whilst trying to learn that took way longer to overcome than they needed to.

Hero image for article
Icon for article
facebookmenunavigationsliding

How to Add a Facebook Style Sliding Menu in Sencha Touch

2 min read

In this video tutorial I show you how to create a sliding menu in Sencha Touch from scratch.

Hero image for article
Icon for article
pluginsplashsplashscreen

Dealing with Splash Screens in a PhoneGap Build Application

2 min read

It can take quite a bit of effort to create a solution that works across all device resolutions though. I opt for using the Splashscreen plugin to display the splash screen for the entire period.

Hero image for article
Icon for article
sencha cmd

Video Tutorial: Generating a Sencha Touch Application

4 min read

In this tutorial I cover how to use Sencha Cmd to generate a new Sencha Touch application and walk through some of the automatically generated code.

Hero image for article
Icon for article
geolocationgps

How to Sort a List by Proximity of Location in Sencha Touch

2 min read

One thing you will probably have seen a lot of are apps that have 'Near You' lists - these might be things like shops, people, events and so on that are sorted by how close the user is to the point of interest.

Hero image for article
Icon for article
facebooksliding menu

Video Tutorial: How to Make a Sliding Menu in Sencha Touch

1 min read

In this video tutorial I show you how to create a sliding menu in Sencha Touch from scratch.

Hero image for article
Icon for article
datajsontest

Creating Test Data for Your Mobile Application

1 min read

In this post I'm going to specifically look at how to add some test data to a Sencha Touch mobile application, but the JSON Generator in the second part of this post could be used in any situation.

Hero image for article
Icon for article
controllereventsmvcview

How to Listen to Events with Controllers in Sencha Touch

3 min read

In this post I'm going to try to explain how to trigger and listen for an event in Sencha Touch in the simplest way I can. If you take a look at a common controller setup, it will probably look something like the following

Hero image for article
Icon for article
corscross origin resource sharing

How to Solve Cross Origin Access Problems in Sencha Touch

1 min read

I wanted to create this post to document the steps required to get an Ajax proxy working correctly, both sending and receiving data from the back-end.

Hero image for article
Icon for article
apidatabasemysqlphp

Part 1: Sencha Touch Email + Facebook Log in System with PHP & MySQL Backend

3 min read

In this first part, I will walk you through setting up your database and setting up some PHP files on your server that are ready to receive calls from your application.

Hero image for article
Icon for article
debugging

Common Issues When Installing a Sencha Touch + PhoneGap App on a Mobile Device

5 min read

You usually hope that the transition onto an actual mobile device will be a smooth one but there can be quite a few tricky issues and bugs that can arise.

Hero image for article
Icon for article
web development

Making the Switch from Web Development to Mobile App Development

5 min read

As a web developer, you may feel like you're getting left behind a bit if you don't update your skill set to include mobile.

Hero image for article
Icon for article
authenticationloginsignup

Part 2: Sencha Touch Email + Facebook Log in System with PHP & MySQL Backend

4 min read

Today we will be taking a similar approach, but this time we will be setting up the basic screen flow for the application. At the end of this tutorial, you should have something that looks like this

Hero image for article
Icon for article
apimysqlphp

Part 3: Sencha Touch Email + Facebook Log In System with PHP & MySQL Backend

4 min read

In this part we're going to finish implementing the API, by implementing all necessary functionality in our users.php file.

Hero image for article
Icon for article
apiauthenticationlogin

Part 4: Sencha Touch Email + Facebook Log In System with PHP & MySQL Backend

3 min read

At this point we have our screen flow in place and a completed API communicating with our PHP & MySQL backend. Now to complete the puzzle all that is left to do (besides the Facebook Login alternative that we can add later) is to hook the rest of our application into that API.

Hero image for article
Icon for article
apigoogle

How to Use the Google Places API in a Sencha Touch Application

2 min read

I've been developing an application that uses the Google Maps API and needed to include the Google Places API as well. I had a bit of trouble with the integration...

Hero image for article
Icon for article
many-to-manymodelrelationships

How I Created a Many-to-Many Model Relationship in Sencha Touch

2 min read

hasOne takes care of the one-to-one association. Looking good so far but there's one relationship missing... there's no many-to-many association in Sencha Touch!

Hero image for article
Icon for article
tips

7 Important Tips for Sencha Touch Beginners

6 min read

I had my fair share of mistakes and difficulties when I started using Sencha Touch two years ago, so I've created a list of tips that I think would've been helpful to know when I was starting.

Hero image for article
Icon for article
google maps

Dynamically Loading Google Maps Based on Internet Connection Availability

2 min read

In the case of Google Maps, we obviously need an Internet connection for it to function. If we don't have a connection though, we certainly don't want our app to fail due to errors thrown by the library not being loaded.

Hero image for article
Icon for article
appleios

5 Reasons Apple Might Reject Your HTML5 Mobile App

3 min read

There are obviously a lot of guidelines that apply to all app submissions, native or HTML5. But there is some things in particular you should pay more attention to given the nature of the HTML5 approach.

Hero image for article
Icon for article

Sencha Touch 2.4 and the New Toast Component

1 min read

While the meaty part of this update is in the added BlackBerry support, we were also given a new feature called toasts. If you've done any development in Java for Android you would probably be familiar with the concept of a toast.