Book Image

PhoneGap 4 Mobile Application Development Cookbook

Book Image

PhoneGap 4 Mobile Application Development Cookbook

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
PhoneGap 4 Mobile Application Development Cookbook
Oct, 2015 | 356 pages
No titles found
Table of Contents (19 chapters)
PhoneGap 4 Mobile Application Development Cookbook
PhoneGap 4 Mobile Application Development Cookbook
Credits
Credits
About the Authors
About the Authors
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Welcome to PhoneGap 3
Welcome to PhoneGap 3
Introduction
Installing PhoneGap 3
Creating a new project
Using the command line
Installing API plugins
2
Movement and Location – Using the Accelerometer and Geolocation Sensors
Movement and Location – Using the Accelerometer and Geolocation Sensors
Introduction
Detecting device movement using the accelerometer
Adjusting the accelerometer sensor update interval
Updating a display object position through accelerometer events
Obtaining device geolocation sensor information
Adjusting the geolocation sensor update interval
Retrieving map data through geolocation coordinates
Creating a visual compass to show the device direction
3
Filesystems, Storage, and Local Databases
Filesystems, Storage, and Local Databases
Introduction
Saving a file in the device storage
Opening a local file from the device storage
Displaying the contents of a directory
Creating a local SQLite database
Uploading a file on a remote server
Caching content using the local storage API
4
Working with Audio, Images, and Video
Working with Audio, Images, and Video
Introduction
Capturing audio using the device audio recording application
Recording audio within your application
Playing audio files from the local filesystem or over HTTP
Capturing a video using the device video recording application
Loading a photograph from the device camera roll/library
Applying an effect to an image using canvas
Playing a remote video
5
Working with Your Contacts List
Working with Your Contacts List
Introduction
Listing all available contacts
Displaying the contact information for a specific individual
Creating and saving a new contact
6
Hooking into Native Events
Hooking into Native Events
Introduction
Pausing your application
Resuming your application
Displaying the status of the device battery levels
Displaying network connection status
Creating a custom submenu
7
Working with XUI
Working with XUI
Introduction
Getting started with XUI
Learning the basics of the library
DOM manipulation
Working with touch and gesture events
Updating element styles
Working with remote data and AJAX requests
Creating simple tweens and animations
8
Working with the Ionic Framework
Working with the Ionic Framework
Introduction
Getting familiar with basics of the library
Exploring Ionic commands
Exploring the Ionic framework structure
Using ngCordova
9
Ionic Framework Development
Ionic Framework Development
Introduction
Exploring the UI components
Creating a layout
Using Ionic and Angular
Putting it all together
10
User Interface Development
User Interface Development
Introduction
Creating a jQuery Mobile layout
Persisting data between jQuery Mobile pages
Using jQuery Mobile ThemeRoller
11
Extending PhoneGap with Plugins
Extending PhoneGap with Plugins
Introduction
Extending your Cordova Android application with a native plugin
Extending your Cordova iOS application with a native plugin
The plugin repository
12
Development Tools and Testing
Development Tools and Testing
Introduction
Downloading Cordova
Using the command line to create a new iOS Cordova project
Debugging the iOS Cordova application using Safari Web Inspector
Using Android Studio to develop Android Cordova applications
Using Adobe Dreamweaver to develop Cordova applications
Using the PhoneGap Build service
Index
Index

Working with remote data and AJAX requests

With a vast array of remote servers exposing their services as accessible APIs, you can create some truly dynamic applications by pulling and pushing data to and from external applications and providers.

How to do it...

We will use the XHR method within the XUI library to request data from a remote server, making an asynchronous call to obtain the results from a search:

  1. Firstly, create a new PhoneGap project named ajax by running the following line:

    phonegap create ajax com.myapp.ajax ajax

  2. Add the devices platform. You can choose to use Android, iOS, or both:

    cordova platform add ios
cordova platform add android

  3. Open www/index.html and clean up the unnecessary elements. Include a reference to the XUI JavaScript library and the Cordova JavaScript file.

  4. Create a new script tag block before the closing body tag with an empty onLoad function, which we'll populate shortly.

  5. Add an XUI on event handler to run the onLoad method once the DOM has fully loaded...

Previous Section
End of Section 8
Next Section