I’m proud to present a series of seven video tutorials that teach how to build PhoneGap applications connected to Force.com (Salesforce). It is over an hour of content that goes step-by-step from project set up to packaging of applications ready for multiple platforms.
Before you start watching the tutorials you may also want to check out a recording of a session I did at Dreamforce 2012; it covers similar topic but from a high level perspective. One thing I wanted to mention here is that the GapForce app that I presented during my session is already available to download from App Store and Google Play. Also its source code is available on GitHub here, in case you wanted to extend it or do whatever you like with it 😉
All the videos below can also be found in this YouTube playlist.
Lesson 1: PhoneGap/Force.com – Project Setup
This video demonstrates how to get started by cloning a boilerplate project from the appboil repository.
Lesson 2: PhoneGap/Force.com – Configuring Xcode/iOS Project
This episode covers how to create a new PhoneGap/iOS project using command line script. It demonstrates how to add the ChildBrowser plugin and how to configure it so it will work with Salesforce.com.
Lesson 3: PhoneGap/Force.com – App Architecture & RequireJS/Backbone/jQM
In this episode I do an overview of the architecture of an app that is built through the whole series. I explain how RequireJS is setup together with Backbone.js and jQuery Mobile.
Lesson 4: PhoneGap/Force.com – Authenticating User
Here I show how to use the forcetk.ui library to authenticate and authorize users in PhoneGap/Force.com apps.
Lesson 5: PhoneGap/Force.com – Querying Salesforce Data
This lesson demonstrates how to use the Backbone.Force plugin to query Force.com data from PhoneGap/Cordova applications.
Lesson 6: PhoneGap/Force.com – App Navigation/View Transitions
This episode dives deeper into usage of the jqmNavigator library, which simplifies app navigation and transitions between the jQuery Mobile views.
Lesson 7: PhoneGap/Force.com – Packaging with PhoneGap Build
This is the last lesson of the whole series and it teaches how to use the PhoneGap Build service to package an application built with PhoneGap/Cordova for multiple platforms like: Android, iOS, Windows Phone, Blackberry, HP webOS or Symbian.