Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying PhoneGap 4 Mobile Application Development Cookbook
  • Table Of Contents Toc
PhoneGap 4 Mobile Application Development Cookbook

PhoneGap 4 Mobile Application Development Cookbook

By : Zainul Setyo Pamungkas
3.8 (4)
Buy this Book
close
close
PhoneGap 4 Mobile Application Development Cookbook

PhoneGap 4 Mobile Application Development Cookbook

3.8 (4)
By: Zainul Setyo Pamungkas
Buy this Book

Overview of this book

Developing mobile applications often feels intimidating. Especially when building cross-platform application. We have to learn a specific programming language to build an application for each platform. PhoneGap makes cross-platform mobile application development faster and easier by using web technologies such as HTML5, CSS, and JavaScript. This book gives you practical lessons on how to build a world class mobile application using PhoneGap. Whether you are a brand new to mobile application development, a web developer expert, or a seasoned mobile application developer, this book will guide you through creating hybrid mobile applications. Starting with setting up a development environment, the book moves on to utilizing a new PhoneGap command-line tool, installing plugins, and designing your application. It then moves on to concepts such as file system, storage, and local database, the book effectively lays a solid base for advanced topics. By working through the steps in each chapter, you will quickly master the features of PhoneGap. By the end of the book, you will be able to successfully build a highly functional, real-world hybrid mobile application using PhoneGap.
Table of Contents (14 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Sections
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. Welcome to PhoneGap 3
Icon
1. Welcome to PhoneGap 3
Icon
Introduction
Icon
Installing PhoneGap 3
Icon
Creating a new project
Icon
Using the command line
Icon
Installing API plugins
2
2. Movement and Location – Using the Accelerometer and Geolocation Sensors
Icon
2. Movement and Location – Using the Accelerometer and Geolocation Sensors
Icon
Introduction
Icon
Detecting device movement using the accelerometer
Icon
Adjusting the accelerometer sensor update interval
Icon
Updating a display object position through accelerometer events
Icon
Obtaining device geolocation sensor information
Icon
Adjusting the geolocation sensor update interval
Icon
Retrieving map data through geolocation coordinates
Icon
Creating a visual compass to show the device direction
3
3. Filesystems, Storage, and Local Databases
Icon
3. Filesystems, Storage, and Local Databases
Icon
Introduction
Icon
Saving a file in the device storage
Icon
Opening a local file from the device storage
Icon
Displaying the contents of a directory
Icon
Creating a local SQLite database
Icon
Uploading a file on a remote server
Icon
Caching content using the local storage API
4
4. Working with Audio, Images, and Video
Icon
4. Working with Audio, Images, and Video
Icon
Introduction
Icon
Capturing audio using the device audio recording application
Icon
Recording audio within your application
Icon
Playing audio files from the local filesystem or over HTTP
Icon
Capturing a video using the device video recording application
Icon
Loading a photograph from the device camera roll/library
Icon
Applying an effect to an image using canvas
Icon
Playing a remote video
5
5. Working with Your Contacts List
Icon
5. Working with Your Contacts List
Icon
Introduction
Icon
Listing all available contacts
Icon
Displaying the contact information for a specific individual
Icon
Creating and saving a new contact
6
6. Hooking into Native Events
Icon
6. Hooking into Native Events
Icon
Introduction
Icon
Pausing your application
Icon
Resuming your application
Icon
Displaying the status of the device battery levels
Icon
Displaying network connection status
Icon
Creating a custom submenu
7
7. Working with XUI
Icon
7. Working with XUI
Icon
Introduction
Icon
Getting started with XUI
Icon
Learning the basics of the library
Icon
DOM manipulation
Icon
Working with touch and gesture events
Icon
Updating element styles
Icon
Working with remote data and AJAX requests
Icon
Creating simple tweens and animations
8
8. Working with the Ionic Framework
Icon
8. Working with the Ionic Framework
Icon
Introduction
Icon
Getting familiar with basics of the library
Icon
Exploring Ionic commands
Icon
Exploring the Ionic framework structure
Icon
Using ngCordova
9
9. Ionic Framework Development
Icon
9. Ionic Framework Development
Icon
Introduction
Icon
Exploring the UI components
Icon
Creating a layout
Icon
Using Ionic and Angular
Icon
Putting it all together
10
10. User Interface Development
Icon
10. User Interface Development
Icon
Introduction
Icon
Creating a jQuery Mobile layout
Icon
Persisting data between jQuery Mobile pages
Icon
Using jQuery Mobile ThemeRoller
11
11. Extending PhoneGap with Plugins
chevron up
Icon
11. Extending PhoneGap with Plugins
Icon
Introduction
Icon
Extending your Cordova Android application with a native plugin
Icon
Extending your Cordova iOS application with a native plugin
Icon
The plugin repository
12
12. Development Tools and Testing
Icon
12. Development Tools and Testing
Icon
Introduction
Icon
Downloading Cordova
Icon
Using the command line to create a new iOS Cordova project
Icon
Debugging the iOS Cordova application using Safari Web Inspector
Icon
Using Android Studio to develop Android Cordova applications
Icon
Using Adobe Dreamweaver to develop Cordova applications
Icon
Using the PhoneGap Build service
13
Index
Icon
Index

Extending your Cordova iOS application with a native plugin

How to do it...

In this recipe, we will create a native iOS plugin for our Cordova application using command-line tools, as suggested by Cordova. We will implement the plugin for Android that we created in the previous recipe to work with iOS:

  1. Change the working project to helloplugin, open plugin.xml, and add information about the new iOS platform:

      <platform name="ios">

    <config-file target="config.xml" parent="/widget">
      <feature name="Hello">
        <param name="ios-package" value="HWPHello" />
      </feature>
    </config-file>

    <header-file src="src/ios/HWPHello.h" target-dir="HelloPlugin"/>
    <source-file src="src/ios/HWPHello.m" target-dir="HelloPlugin"/>
  </platform>

</plugin>

  2. Then create two blank files, HWPHello.h and HWPHello.m, inside the src/ios directory. Both files will contain our native Objective-C code for the iOS platform.

  3. Open HWPHello...

CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
PhoneGap 4 Mobile Application Development Cookbook
End of Section 11
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon