Book Image

PhoneGap 3.x Mobile Application Development HOTSHOT

By : Kerri Shotts
Book Image

PhoneGap 3.x Mobile Application Development HOTSHOT

By: Kerri Shotts

Overview of this book

<p>PhoneGap allows you to use your existing knowledge of HTML, CSS, and JavaScript to create useful and exciting mobile applications.<br /><br />This book will present you with 12 exciting projects that will introduce you to the dynamic world of app development in PhoneGap. Starting with their design and following through to their completion, you will develop real-world mobile applications. Each app uses a combination of core PhoneGap technologies, plugins, and various frameworks covering the necessary concepts you can use to create many more great apps for mobile devices.</p>
Table of Contents (21 chapters)
PhoneGap 3.x Mobile Application Development HOTSHOT
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Putting it all together


There are a lot of little tweaks and changes that need to be made before you can actually test the app. Because the code is so familiar (and there's not a lot of it), we'll just indicate the files you need to look at.

Getting on with it

You'll need to look at the code that comes with the book in order to complete the following files:

  • www/css/style.css

  • www/html/pathListItem.html

  • www/html/pathListView.html

  • www/html/staticView.html

  • www/js/app/views/pathListView.html

  • www/js/app/views/staticView.html

  • www/js/app/models/pathStorageSingleton.js

  • www/js/app/main.js

All of the changes in each file are minor (mostly of the search-and-replace variety). If you prefer, you can simply copy the files from our code without making all the required modifications.

There are a few styles that we need to touch on very briefly. In www/css/style.css, we added the following:

.pathEditView .map-container
{
  width: 100%;
  height: 100%;
}

All this does is ensures that the map fills the entire view. Without...