PhoneGap By Example

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

PhoneGap By Example

Andrey Kovalenko

Use PhoneGap to apply web development skills and learn variety of cross-platform mobile applications
Mapt Subscription
FREE
$29.99/m after trial
eBook
$25.20
RRP $35.99
Save 29%
Print + eBook
$44.99
RRP $44.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$25.20
$44.99
$29.99p/m after trial
RRP $35.99
RRP $44.99
Subscription
eBook
Print + eBook
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
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

Recommended for You

Learning Web Development with Bootstrap and AngularJS Book Cover
Learning Web Development with Bootstrap and AngularJS
$ 39.99
$ 28.00
AngularJS Web Application Development Blueprints Book Cover
AngularJS Web Application Development Blueprints
$ 29.99
$ 21.00
AngularJS Web Application Development Cookbook Book Cover
AngularJS Web Application Development Cookbook
$ 29.99
$ 6.00
Mastering Web Application Development with AngularJS Book Cover
Mastering Web Application Development with AngularJS
$ 26.99
$ 5.40
Citrix® XenMobile™ Mobile Device Management Book Cover
Citrix® XenMobile™ Mobile Device Management
$ 20.99
$ 14.70
PhoneGap and AngularJS for Cross-platform Development Book Cover
PhoneGap and AngularJS for Cross-platform Development
$ 19.99
$ 14.00