Book Image

JavaScript Mobile Application Development

By : Saleh
Book Image

JavaScript Mobile Application Development

By: Saleh

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)
9
Index

Conventions

In this book, you will find a number of styles of text that distinguish between different kinds of information. Here are some examples of these styles and an explanation of their meaning.

Code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles are shown as follows: "This js directory also includes the common.js file that includes the common app utilities."

A block of code is set as follows:

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.jsmobile.soundrecorder" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>SoundRecorder</name>
<description>
        A sample Apache Cordova application that responds to the deviceready event.
</description>
<author email="[email protected]" href="http://cordova.io">
        Apache Cordova Team
</author>
<content src="index.html" />
<access origin="*" />
</widget>

When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:

 (function() {
   
    var memoManager = MemoManager.getInstance();
    var recInterval;
   
    $(document).on("pageinit", "#memoCapture", function(e) {        
        $("#saveMemo").on("tap", function(e) {
            e.preventDefault();
   
            var memoItem = new MemoItem({
                "type": $("#mtype").val(),
                "title": $("#title").val() || "Untitled",
                "desc": $("#desc").val() || "", 
                "location": $("#location").val() || "",
                "mtime":  $("#mtime").html() || new Date().toLocaleString(),
                "id": $("#mid").val() || null
            });
   
             memoManager.saveMemo(memoItem);
   
             $.mobile.changePage("#memoList");
        });
   
        // ...
    });
})();

Any command-line input or output is written as follows:

> sudo npm install -g cordova

New terms and important words are shown in bold. Words that you see on the screen, in menus or dialog boxes for example, appear in the text like this: "Once you are done, click on the Stop Recording button to finish recording."

Note

Warnings or important notes appear in a box like this

Tip

Tips and tricks appear like this