Tutorials

Hero image for article
Icon for article
.pgbomitfile sizephonegap build

Using PhoneGap Build’s .pgbomit to Drastically Reduce File Size

2 min read

The PhoneGap Build service has just overcome this problem in a spectacular way with the introduction of .pgbomit. Adding a .pgbomit file essentially allows us to tell PhoneGap Build to...

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
iconscreenscreenshotssplash

Preparing Screenshots, Splashscreens & Icons for App Store Submission

4 min read

Even when you know all the requirements this is still a pretty painful process so I want to make sure you don't have to spend hours searching around for the correct dimensions of screens you need to cater for.

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
certificatesopensslprovisioning profile

Video Tutorial: Creating iOS Certificates for Apple App Store Distribution

1 min read

In this video tutorial I walk you through using OpenSSL on a Windows computer to create the necessary certificates, keys, provisioning profiles etc. required for distributing your mobile application on the Apple App store.

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
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

GSWF #2: Introduction to the Famo.us University

4 min read

This is the second post in my Getting Started with Famo.us (GSWF) series. If you're a follower of this blog you'll know my background is in Sencha Touch and PhoneGap and I write a lot of articles and tutorials in that area, but when it comes to Famo.us I'm a complete newbie.

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.

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

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.