Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • PhoneGap By Example
  • Toc
  • feedback
PhoneGap By Example

PhoneGap By Example

By : Andrew Kovalenko
close
PhoneGap By Example

PhoneGap By Example

By: Andrew Kovalenko

Overview of this book

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 (12 chapters)
close
11
Index

Bootstrapping the Sencha Touch application


We will start by creating a project with the Sencha Touch Cmd. Let's generate the application (we already learned this in Chapter 2, Setting Up a Project Structure with Sencha Touch):

$ cd /Development/touch-2.4.1
$ sencha generate app Imaginary ~/Projects/phonegap-by-example/imaginary

I will not explain what the parameters mean here because we already looked into it. The initial folders and files structure looks like this:

.
├── app
├── app.js
├── app.json
├── bootstrap.js
├── bootstrap.json
├── build
├── build.xml
├── cordova
├── index.html
├── packages
├── resources
└── touch

Also, we will install several Cordova plugins:

$ cd cordova
$ cordova plugin add org.apache.cordova.statusbar,
$ cordova plugin add org.apache.cordova.camera
$ cordova plugin add org.apache.cordova.file

Each of them is responsible for status bar display, camera access, and filesystem access respectively. We will use these plugins in the upcoming chapters.

We only add configuration...

bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete