PhoneGap By Example

Use PhoneGap to apply web development skills and learn variety of cross-platform mobile applications

PhoneGap By Example

Learning
Andrey Kovalenko

Use PhoneGap to apply web development skills and learn variety of cross-platform mobile applications
$35.99
$44.99
RRP $35.99
RRP $44.99
eBook
Print + eBook
Preview in Mapt

Book Details

ISBN 139781785285318
Paperback368 pages

Book Description

PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about. It is one of the first and fastest spreading tools to develop hybrid applications using CSS, JavaScript, and HTML, without losing the advantages of native applications.

If you are already a web developer, this book will provide you with the skills you need to create, customize, test, and deploy hybrid mobile applications. Starting from the beginning, this book will cover how to set up your PhoneGap development environment, add mobile web frameworks and plugins, design and customize the application layout, and utilize the embedded features of the PhoneGap framework.

By working through the steps in each chapter, you will quickly master a variety of mobile applications with totally different approaches. You will then learn how to develop a PhoneGap plugin with native interfaces for iOS and Android, as well as common approaches to test PhoneGap applications.

With ample screenshots that show you how to build a phenomenal application, PhoneGap By Example will ensure your success with this cutting-edge mobile development framework for hybrid applications.

Table of Contents

Chapter 1: Installing and Configuring PhoneGap
Downloading and installing
Installing PhoneGap with NPM
Understanding PhoneGap
Creating an application
The config.xml structure
The iOS setup
Running the application on an iOS device
The Android setup
PhoneGap development highlights
Selecting a UI framework
Summary
Chapter 2: Setting Up a Project Structure with Sencha Touch
An introduction to Sencha Touch
The installation of Sencha Touch
Sencha Cmd features
Generating the application
Understanding the basic application structure
Summary
Chapter 3: Easy Work with Device – Your First PhoneGap Application "Travelly"
Installing and using GapDebug
The initial application's MVC structure
Using the Cordova StatusBar plugin to fix overlap
Using a camera to capture pictures
Filesystem plugin installation and usage
Detecting the current geolocation
Saving data in local storage
Displaying data with Google Maps
Summary
Chapter 4: Integrating the Travelly Application with Custom Service
Discovering the REST API
Exploring technologies to build a REST API
Developing a REST API
Implementing authentication on the application side
Implementing file upload on the service side
Implementing file upload on the application side
Summary
Chapter 5: Crazy Bubbles - Your First HTML5 Mobile Game
What game framework to choose
What is HTML5 Canvas?
An introduction to Phaser
Planning the game
Generate a Cordova application
Getting started with Phaser
Prepare and create the game
Preloading sprite
Displaying sprite
Handling pointer events with Phaser
Handling the pointer move event
Releasing a bubble
Calculate score
Running the application on the mobile
Summary
Chapter 6: Share Your Crazy Bubbles Game Result on Social Networks
Implementing the game over screen
Implementing game restart
Sharing on Twitter, Facebook, and other social media
Sharing on Instagram
Summary
Chapter 7: Building a Real-time Communication Application – Pumpidu
WebRTC fundamentals
What is Crosswalk and why we need it?
Building our first real-time communication application
Building a real-time communication application with PeerJS
Exploring other tools to build WebRTC mobile applications
Summary
Chapter 8: Building "Imaginary" – An Application with Instagram-like Image Filters
An overview of the Pixastic library
Bootstrapping the Sencha Touch application
Capturing photos
Rendering an effects list
Applying effects to the photo
Saving the dressed photo into the application's folder
Building a custom plugin to save the picture in the iOS library
Displaying the list of photos
Summary
Chapter 9: Testing the PhoneGap Application
Running with PhoneGap
Why we need tests
Testing theory
Unit testing frameworks and test runners
Testing with Jasmine and headless browser PhantomJS
Testing with DalekJS in a real browser
Performance testing with Appium and browser-perf
Other testing tools
Summary
Chapter 10: Releasing and Maintaining the Application
Versioning of the application
Using PhoneGap Build
Beta release of the iOS application
Release to the App Store
Release to Google Play
Using Fabric and Crashlytics
Summary
References

What You Will Learn

  • Set up plugins to access the camera and filesystem to capture media
  • Build a custom RESTful service and integrate it with a PhoneGap application
  • Integrate a HTML5 Canvas element to create mobile games
  • Build scalable applications using a modern mobile web framework
  • Interact with RESTful services from a mobile application
  • Build an audio/video chat facility using PhoneGap and WebRTC technologies
  • Develop a PhoneGap plugin with native interfaces for iOS and Android

Authors

Table of Contents

Chapter 1: Installing and Configuring PhoneGap
Downloading and installing
Installing PhoneGap with NPM
Understanding PhoneGap
Creating an application
The config.xml structure
The iOS setup
Running the application on an iOS device
The Android setup
PhoneGap development highlights
Selecting a UI framework
Summary
Chapter 2: Setting Up a Project Structure with Sencha Touch
An introduction to Sencha Touch
The installation of Sencha Touch
Sencha Cmd features
Generating the application
Understanding the basic application structure
Summary
Chapter 3: Easy Work with Device – Your First PhoneGap Application "Travelly"
Installing and using GapDebug
The initial application's MVC structure
Using the Cordova StatusBar plugin to fix overlap
Using a camera to capture pictures
Filesystem plugin installation and usage
Detecting the current geolocation
Saving data in local storage
Displaying data with Google Maps
Summary
Chapter 4: Integrating the Travelly Application with Custom Service
Discovering the REST API
Exploring technologies to build a REST API
Developing a REST API
Implementing authentication on the application side
Implementing file upload on the service side
Implementing file upload on the application side
Summary
Chapter 5: Crazy Bubbles - Your First HTML5 Mobile Game
What game framework to choose
What is HTML5 Canvas?
An introduction to Phaser
Planning the game
Generate a Cordova application
Getting started with Phaser
Prepare and create the game
Preloading sprite
Displaying sprite
Handling pointer events with Phaser
Handling the pointer move event
Releasing a bubble
Calculate score
Running the application on the mobile
Summary
Chapter 6: Share Your Crazy Bubbles Game Result on Social Networks
Implementing the game over screen
Implementing game restart
Sharing on Twitter, Facebook, and other social media
Sharing on Instagram
Summary
Chapter 7: Building a Real-time Communication Application – Pumpidu
WebRTC fundamentals
What is Crosswalk and why we need it?
Building our first real-time communication application
Building a real-time communication application with PeerJS
Exploring other tools to build WebRTC mobile applications
Summary
Chapter 8: Building "Imaginary" – An Application with Instagram-like Image Filters
An overview of the Pixastic library
Bootstrapping the Sencha Touch application
Capturing photos
Rendering an effects list
Applying effects to the photo
Saving the dressed photo into the application's folder
Building a custom plugin to save the picture in the iOS library
Displaying the list of photos
Summary
Chapter 9: Testing the PhoneGap Application
Running with PhoneGap
Why we need tests
Testing theory
Unit testing frameworks and test runners
Testing with Jasmine and headless browser PhantomJS
Testing with DalekJS in a real browser
Performance testing with Appium and browser-perf
Other testing tools
Summary
Chapter 10: Releasing and Maintaining the Application
Versioning of the application
Using PhoneGap Build
Beta release of the iOS application
Release to the App Store
Release to Google Play
Using Fabric and Crashlytics
Summary
References

Book Details

ISBN 139781785285318
Paperback368 pages
Read More

Read More Reviews