You're reading from PhoneGap Beginners Guide (third edition) Create, develop, debug, and deploy your very own mobile applications with PhoneGap

Product type Paperback

Published in Jul 2015

Publisher

ISBN-13 9781784392284

Length 284 pages

Edition 1st Edition

Languages

JavaScript

Tools

PhoneGap

Concepts

Cross Platform Mobile Development

Table of Contents (16) Chapters

Preface

What this book covers
What you need for this book
Who this book is for
Sections
Time for action – heading
Conventions
Reader feedback
Customer support

1. Introduction to PhoneGap FREE CHAPTER

About PhoneGap
PhoneGap and Apache Cordova
Choosing an operating system for development
Mobile web versus mobile app
Installing dependencies
Installing PhoneGap
Setting up your development environment
Time for action – setting up Android using PhoneGap 3.x
Getting started with Android and JBoss
Time for action – using JBoss Developer Studio
Getting started with iOS and Xcode
Getting started with Windows Phone and Visual Studio
Summary

2. Building Your First PhoneGap Project

The structure of a PhoneGap application
Using the PhoneGap CLI
Cordova events
Time for action – the Hello World example
WebKit debugging – Chrome, Safari, and Opera
Gecko debugging – Firefox
Internet Explorer
Debugging workflow
Building and deployment
Summary

3. Mobile Frameworks

Building native UI for the mobile
Achieving a native look and feel on iOS
Choosing mobile frameworks
Time for action – developing with jQuery Mobile
Selecting a framework
Summary

4. Working with Plugins

An introduction to plugins
Exploring the Device API
Time for action – accessing the Device API
Custom plugins
Summary

5. Using Device Storage and the Files API

Application data storage
Time for action – reading and writing data on the LocalStorage
Time for action – populating a local database
Database limitations
Understanding the Files API
Time for action – listing folders
Time for action – reading and rendering an image
Time for action – downloading and saving a file
Summary

6. Using the Contacts and Camera APIs

The Contacts API
Time for action – searching device contacts
Time for action – adding a new contact
Camera API or Capture API?
Accessing the camera using the Camera API
Time for action – accessing the device camera
Time for action – controlling the position of the camera roll
The Media Capture API
Time for action – manipulating images with a canvas
Summary

7. Accessing the Device Sensors and Locations API

Introducing device sensors
Accelerometer
Time for action – handling device orientation with JavaScript
Compass
Time for action – using the Compass API
An introduction to geolocation
The PhoneGap Geolocation API
Time for action – showing device position with Google Maps
Summary

8. Advanced PhoneGap

Using the Globalization API
Localizing your app
Time for action – rendering localized messages
Adding multitouch gesture support
Time for action – implementing gesture support
Handling click delays
Summary

9. Getting Ready for Release

Exploring JavaScript compression
Time for action – compressing files using the Closure Compiler
Time for action – using UglifyJS
Time for action – optimizing JavaScript with RequireJS
Comparing compression tools
Using template engine compression
Time for action – compiling a template using Pistachio
Creating fluid, multiple app views
Using hardware-accelerated transitions
Porting web applications
Summary

10. A Sample PhoneGap Project

What's in the app?
Creating the project
Scope for improvements
Summary

A. The JavaScript Quick Cheat Sheet

The getElementById() method
The getElementsByTagName() method
The getElementsByName() method
The alert method
The toString() method
The parseInt() method
The getDate() method
The onclick event
The ondblclick event
The window.location object
Selectors using jQuery

B. Publishing Your App

Publishing on Google Play
Publishing on Blackberry World
Publishing on the Apple App Store
Publishing on the Windows Phone Store
Summary

C. Related Plugin Resources

Summary

D. PhoneGap Tools

The PhoneGap Desktop App
Summary

Index

The getElementById() method

The getElementById() method returns a reference to the element by its ID:

var pic =document.getElementById("profilePic");

The rest of the chapter is locked

You're reading from PhoneGap Beginners Guide (third edition) Create, develop, debug, and deploy your very own mobile applications with PhoneGap

Table of Contents (16) Chapters

The getElementById() method

Unlock this book and the full library FREE for 7 days