Book Image

PhoneGap 3 Beginner's Guide

By : Giorgio Natili
Book Image

PhoneGap 3 Beginner's Guide

By: Giorgio Natili

Overview of this book

<p>You don’t have to know complex languages like Objective C to compete in the ever-growing mobile market place. The PhoneGap framework lets you use your web development skills to build HTML and JavaScript-based mobile applications with native wrappers that run on all the major mobile platforms, including Android, iOS, and Windows Phone 8.</p> <p>"PhoneGap 3 Beginner's Guide" will help you break into the world of mobile application development. You will learn how to set up and configure your mobile development environment, implement the most common features of modern mobile apps, and build rich, native-style applications. The examples in this book deal with real use case scenarios, which will help you develop your own apps, and then publish them on the most popular app stores.</p> <p>Dive deep into PhoneGap and refine your skills by learning how to build the main features of a real world app.</p> <p>"PhoneGap 3 Beginner's Guide" will guide you through the building blocks of a mobile application that lets users plan a trip and share their trip information. With the help of this app, you will learn how to work with key PhoneGap tools and APIs, extend the framework’s functionality with plug-ins, and integrate device features such as the camera, contacts, storage, and more. By the time you’re finished, you will have a solid understanding of the common challenges mobile app developers face, and you will know how to solve them.</p>
Table of Contents (22 chapters)
PhoneGap 3 Beginner's Guide
Credits
Foreword
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Time for action – optimizing JavaScript with Require.js


Follow these steps to optimize the source code of your app using Node.js and Require.js:

  1. Install the require.js module using npm from the command-line tool.

    $ sudo npm install requirejs -g
    
  2. Go to the root folder of the app you worked on in Chapter 4, Architecting Your Mobile App, create a file named build.js, and add to it the build process configuration info (i.e., the JavaScript folder, the paths to the library used in the project, the name of the main file of the app, and the output folder and filename).

    ({
        baseUrl: 'js/',
        paths: {
            mustache: 'libs/mustache',
            alice: 'libs/alice.min',
            text: 'libs/require/plugins/text'
        },
        name: 'main',
        out: 'js/main-built.js'
    })
  3. Open the command-line tool again and execute the following command in order to build the app:

    $ r.js -o build.js
    
  4. Open the index.html file and change the entry point of your app in the script tag in the header.

    <script data-main="js/main...