Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying JavaScript Mobile Application Development
  • Table Of Contents Toc
JavaScript Mobile Application Development

JavaScript Mobile Application Development

By : Hazem Saleh
4.8 (4)
Buy this Book
close
close
JavaScript Mobile Application Development

JavaScript Mobile Application Development

4.8 (4)
By: Hazem Saleh
Buy this Book

Overview of this book

If you are a native mobile developer, with some familiarity with the common web technologies of JavaScript, CSS, and HTML, or if you are a web developer, then this learning guide will add great value and impact to your work. Learning how to develop mobile applications using Apache Cordova is of particular importance if you are looking to develop applications on a variety of different platforms efficiently.
Table of Contents (10 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. An Introduction to Apache Cordova
Icon
1. An Introduction to Apache Cordova
Icon
What is Apache Cordova?
Icon
The differences between mobile web, hybrid mobile, and native mobile applications
Icon
Why you should use Cordova
Icon
Cordova architecture
Icon
Overview of Cordova APIs
Icon
Summary
2
2. Developing Your First Cordova Application
Icon
2. Developing Your First Cordova Application
Icon
An introduction to Cordova CLI
Icon
Developing Sound Recorder application
Icon
Building and running Sound Recorder application
Icon
Summary
3
3. Apache Cordova Development Tools
Icon
3. Apache Cordova Development Tools
Icon
Configuring Android development environment
Icon
Configuring iOS development environment
Icon
Configuring the Windows Phone development environment
Icon
Summary
4
4. Cordova API in Action
chevron up
Icon
4. Cordova API in Action
Icon
Exploring the Cordova Exhibition app
Icon
The Cordova Exhibition app structure
Icon
Accelerometer
Icon
Camera
Icon
Compass
Icon
Connection
Icon
Contacts
Icon
Device
Icon
Geolocation
Icon
Globalization
Icon
InAppBrowser
Icon
Summary
5
5. Diving Deeper into the Cordova API
Icon
5. Diving Deeper into the Cordova API
Icon
Media, file, and capture
Icon
Notification
Icon
Storage
Icon
Finalizing the Cordova Exhibition app
Icon
Cordova events
Icon
Summary
6
6. Developing Custom Cordova Plugins
Icon
6. Developing Custom Cordova Plugins
Icon
Developing a custom Cordova plugin
Icon
Developing Android code
Icon
Developing iOS code
Icon
Developing Windows Phone 8 code
Icon
Publishing our plugin to Cordova Registry
Icon
Testing our Cordova plugin
Icon
Summary
7
7. Unit Testing the Cordova App's Logic
Icon
7. Unit Testing the Cordova App's Logic
Icon
What is Jasmine
Icon
Configuring Jasmine
Icon
Writing your first Jasmine test
Icon
Jasmine Matchers
Icon
Jasmine in action – developing Cordova app tests
Icon
Automating tests using Karma
Icon
Summary
8
8. Applying it All – the Mega App
Icon
8. Applying it All – the Mega App
Icon
Mega App specification/wireframes
Icon
Preparing for the Mega App
Icon
The Mega App architecture
Icon
The Mega App model and API
Icon
The Mega App user interface
Icon
Finalizing Mega App
Icon
Deploying and running Mega App
Icon
Start contributing to Mega App
Icon
Summary
9
Index
Icon
Index

Device

The device plugin defines a global device object that describes the device's hardware and software. It is very important to note that the device object is available after the "deviceready" event occurs. In order to use the device plugin in our Apache Cordova project, we need to use the following cordova plugin add command:

> cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device.git

Demo

In order to access the device demo, you can click on the Device list item. You will be introduced to the Device page. You can click on the Get Device Info button in order to get your device information, as shown in the following screenshot:

Getting device information

The HTML page

The following code snippet shows the "device" page:

<div data-role="page" id="device">
    <div data-role="header">
        <h1>Device</h1>
        <a href="#" data-role="button" data-rel="back" data-icon="back">Back</a>
    </div>
    <div data-role="content...
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
JavaScript Mobile Application Development
End of Chapter 4
Next Chapter
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon