Contents

Foreword

Preface

Acknowledgments

About the Author

1 The What, How, Why, and More of Apache Cordova

An Introduction to Apache Cordova

What Is Adobe PhoneGap?

A Little PhoneGap/Cordova History

Cordova Components

Access to Native APIs

Cordova User Interface Capabilities

Supported Platforms

Cordova License

Working with Cordova

Designing for the Container

Coding Cordova Applications

Building Cordova Applications

Putting Cordova to Best Use

Getting Support

Resources

Cordova Going Forward

Hybrid Application Frameworks

Wrap-Up

2 Anatomy of a Cordova Application

Hello World!

Cordova Initialization

Leveraging Cordova APIs

Structuring Your Application’s Code

The Generated Web Application Files

Responsive Design and Cordova

Wrap-Up

3 Configuring a Cordova Development Environment

Installing the Cordova CLI

Android Development Tools

iOS Development Tools

CLI Installation

Installing Plugman

Wrap-Up

4 Using the Cordova Command-Line Interfaces

Troubleshooting

Configuring Proxy Settings

Enabling Verbose Output

The Cordova CLI

Cordova CLI Command Summary

Using the Cordova CLI

Upgrading Cordova and Cordova Projects

The Plugman CLI

Plugman CLI Command Summary

Using the Plugman CLI

Wrap-Up

5 The Mechanics of Cordova Development

Cordova Development Issues

Dealing with API Inconsistency

Application Graphics, Splash Screens, and Icons

Developing Cordova Applications

Configuring a Cordova Application

Testing Cordova Applications

Leveraging Cordova Debugging Capabilities

Using alert()

Writing to the Console

Debugging and Testing Using External Tools

Weinre

Ripple Emulator

PhoneGap Developer App

GapDebug

Wrap-Up

6 Automation and the Cordova CLI

Automating the Project Setup Step

Windows Command File

Bash Script

Cross-Platform Approach Using NodeJS

Automating the Cordova Process

Wrap-Up

7 Android Development with Cordova

Using the Android Developer Tools

Managing the Android SDK

Using the Android Virtual Device Manager

Using the ADT IDE

Monitoring Application Activity Outside of the ADT IDE

Grabbing a Screen Shot

Testing on a Physical Device

Using the Chrome Debugging Tools

Wrap-Up

8 Firefox OS Development with Cordova

Firefox OS Developer Tools

Debugging with the Firefox OS Simulator

Debugging Applications on a Firefox OS Device

Wrap-Up

9 iOS Development with Cordova

Working with Xcode

Testing Cordova Applications in Xcode

Using the Safari Web Inspector

Wrap-Up

10 Ubuntu Development with Cordova

Installing the Cordova CLI on Ubuntu

Debugging Ubuntu Applications

Wrap-Up

11 Windows Development with Cordova

Windows versus WP8 Projects and Cordova

Windows Phone Limitations and Security Restrictions

JavaScript alert Not Supported

Application Security Model Limitations

Windows Development System Requirements

Windows Phone Development Tools

Windows App Store Setup

Configuring a Windows Phone Device for Application Testing

Cordova Development Workflow Using Visual Studio

Creating a Project

Opening a Cordova Project

Running a Cordova Application in Visual Studio

Controlling the Windows Phone Emulator

Debugging Cordova Applications Using Visual Studio

Using Visual Studio Tools for Apache Cordova

Wrap-Up

12 Using PhoneGap Build

What Is PhoneGap Build?

Quick Prototyping

Collaboration

Content Refresh through Hydration

Using PhoneGap Build

A Quick Example

Configuring a PhoneGap Build Application

Adding Plugins to a PhoneGap Build Project

Deploying PhoneGap Build Applications

Wrap-Up

13 Using the PhoneGap CLI

Getting Help

Project Management

Anatomy of the Default PhoneGap Application

PhoneGap CLI Workflow Differences

Interacting with the PhoneGap Build Service

Wrap-Up

14 Working with the Cordova APIs

The Cordova Core APIs

Working with the Cordova API Documentation

Checking API Availability

Catching Errors

Setting Application Permissions

Cordova Objects

Connection Type

device

Alerting the User

Hardware Notifications

Visual Notifications

Cordova Events

Hardware APIs

Accelerometer

Compass

Geolocation

Camera

Capturing Media Files

Globalization

Working with the Contacts Application

Playing/Recording Media Files

InAppBrowser

Loading Content

Browser Window Events

Execute Scripts

Insert CSS

Splashscreen

StatusBar

Wrap-Up

15 Cordova Development End to End

About the Application

Creating the Application

Using Merges

Application Icons

Testing the Application

Wrap-Up

16 Creating Cordova Plugins

Anatomy of a Cordova Plugin

Creating a JavaScript-Only Plugin

plugin.xml File

The Plugin’s mol.js File

Testing the Plugin

Creating a Cordova Native Plugin

Creating the Android Plugin

Creating the iOS Plugin

Publishing Plugins

Wrap-Up

17 Using Third-Party UI Frameworks with Cordova

Adobe Topcoat

jQuery Mobile

Bootstrap

SAP OpenUI5

Ionic Framework

Onsen UI

Wrap-Up

18 Using Third-Party Tools with Cordova

Code Validation Tools

JSLint

JSHint

Code Editors

Adobe Brackets

WebStorm

Developer Productivity Enhancement Tools

AppGyver

Eclipse THyM

Build Tools

Gulp

Grunt

Wrap-Up

Index