Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

PhoneGap Beginners Guide (third edition)

By : Ramanujam, Giorgio Natili

3.7 (6)

PhoneGap Beginners Guide (third edition)

3.7 (6)

By: Ramanujam, Giorgio Natili

Overview of this book

This book is for web developers who want to be productive in the mobile market quickly. In fact, by using PhoneGap, it's possible to deploy native applications based on web standards. This book assumes a very small knowledge of HTML/CSS/JavaScript and mobile platforms, such as Android, BlackBerry, iOS, and Windows Phone, and takes the reader step-by-step into a deep overview of PhoneGap and its APIs.

Preface

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

Free Chapter

1. Introduction to PhoneGap

1. Introduction to PhoneGap

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

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

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

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

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

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

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

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

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

10. A Sample PhoneGap Project

What's in the app?

Creating the project

Scope for improvements

Summary

A. The JavaScript Quick Cheat Sheet

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

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

C. Related Plugin Resources

Summary

D. PhoneGap Tools

The PhoneGap Developer App

The PhoneGap Desktop App

Summary

Index

Index

Time for action – using JBoss Developer Studio

In order to install Hybrid Mobile Tools into JBoss, it's enough to perform the following steps:

Start JBoss Developer Studio and then navigate to Help | JBoss Central.
Click on the Software/Update tab in JBoss Developer Central.
Type JBoss Hybrid Mobile Tools or scroll through the list to locate JBoss Hybrid Mobile Tools + CordovaSim.
Select the corresponding checkbox and click on Install.
When prompted to restart the IDE after installation, click on Yes to restart JBoss Developer Studio.

Once the JBoss Hybrid Mobile Tools installation is properly configured, it's possible to create a new project using the appropriate wizard.

Go to JBoss Hybrid Mobile Tools | New | Other. Next, select Hybrid Mobile (Cordova) Application Project in the Mobile section. Click on Next:

Time for action – using JBoss Developer Studio

Enter the values for Project name, Name, and ID. We will use example for Name and org.example for ID, as shown in the following screenshot:

Time for action – using JBoss Developer Studio

Click on Next to see the options to select which Cordova version to use. Let's always go with the latest version:

Time for action – using JBoss Developer Studio

Clicking on Next again will present the option to install some plugins. For this tutorial, we don't need any plugins to be installed. So we don't select anything.

Click on Finish to exit the wizard.

At the end of the wizard, a default application will be created for you. Now let's build the created application and see how it looks on the emulator. Click on the Run As toolbar icon and select the Run with CordovaSim option to open the simulator:

Time for action – using JBoss Developer Studio

What just happened?

Once the build process is done, you will see an emulator on the screen. With this, we are now able to create a new project and emulate it successfully:

What just happened?

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

PhoneGap Beginners Guide (third edition)

Search

Your notes and bookmarks