9. Ionic Framework Development | PhoneGap 4 Mobile Application Development Cookbook

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

PhoneGap 4 Mobile Application Development Cookbook

By : Zainul Setyo Pamungkas

3.8 (4)

PhoneGap 4 Mobile Application Development Cookbook

3.8 (4)

By: Zainul Setyo Pamungkas

Overview of this book

Developing mobile applications often feels intimidating. Especially when building cross-platform application. We have to learn a specific programming language to build an application for each platform. PhoneGap makes cross-platform mobile application development faster and easier by using web technologies such as HTML5, CSS, and JavaScript. This book gives you practical lessons on how to build a world class mobile application using PhoneGap. Whether you are a brand new to mobile application development, a web developer expert, or a seasoned mobile application developer, this book will guide you through creating hybrid mobile applications. Starting with setting up a development environment, the book moves on to utilizing a new PhoneGap command-line tool, installing plugins, and designing your application. It then moves on to concepts such as file system, storage, and local database, the book effectively lays a solid base for advanced topics. By working through the steps in each chapter, you will quickly master the features of PhoneGap. By the end of the book, you will be able to successfully build a highly functional, real-world hybrid mobile application using PhoneGap.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Sections

Conventions

Reader feedback

Customer support

Free Chapter

1. Welcome to PhoneGap 3

1. Welcome to PhoneGap 3

Introduction

Installing PhoneGap 3

Creating a new project

Using the command line

Installing API plugins

2. Movement and Location – Using the Accelerometer and Geolocation Sensors

2. Movement and Location – Using the Accelerometer and Geolocation Sensors

Introduction

Detecting device movement using the accelerometer

Adjusting the accelerometer sensor update interval

Updating a display object position through accelerometer events

Obtaining device geolocation sensor information

Adjusting the geolocation sensor update interval

Retrieving map data through geolocation coordinates

Creating a visual compass to show the device direction

3. Filesystems, Storage, and Local Databases

3. Filesystems, Storage, and Local Databases

Introduction

Saving a file in the device storage

Opening a local file from the device storage

Displaying the contents of a directory

Creating a local SQLite database

Uploading a file on a remote server

Caching content using the local storage API

4. Working with Audio, Images, and Video

4. Working with Audio, Images, and Video

Introduction

Capturing audio using the device audio recording application

Recording audio within your application

Playing audio files from the local filesystem or over HTTP

Capturing a video using the device video recording application

Loading a photograph from the device camera roll/library

Applying an effect to an image using canvas

Playing a remote video

5. Working with Your Contacts List

5. Working with Your Contacts List

Introduction

Listing all available contacts

Displaying the contact information for a specific individual

Creating and saving a new contact

6. Hooking into Native Events

6. Hooking into Native Events

Introduction

Pausing your application

Resuming your application

Displaying the status of the device battery levels

Displaying network connection status

Creating a custom submenu

7. Working with XUI

7. Working with XUI

Introduction

Getting started with XUI

Learning the basics of the library

DOM manipulation

Working with touch and gesture events

Updating element styles

Working with remote data and AJAX requests

Creating simple tweens and animations

8. Working with the Ionic Framework

8. Working with the Ionic Framework

Introduction

Getting familiar with basics of the library

Exploring Ionic commands

Exploring the Ionic framework structure

Using ngCordova

9. Ionic Framework Development

9. Ionic Framework Development

Introduction

Exploring the UI components

Creating a layout

Using Ionic and Angular

Putting it all together

10. User Interface Development

10. User Interface Development

Introduction

Creating a jQuery Mobile layout

Persisting data between jQuery Mobile pages

Using jQuery Mobile ThemeRoller

11. Extending PhoneGap with Plugins

11. Extending PhoneGap with Plugins

Introduction

Extending your Cordova Android application with a native plugin

Extending your Cordova iOS application with a native plugin

The plugin repository

12. Development Tools and Testing

12. Development Tools and Testing

Introduction

Downloading Cordova

Using the command line to create a new iOS Cordova project

Debugging the iOS Cordova application using Safari Web Inspector

Using Android Studio to develop Android Cordova applications

Using Adobe Dreamweaver to develop Cordova applications

Using the PhoneGap Build service

Index

Index

Putting it all together

In this recipe, we are going to dig deeper into using AngularJS with the Ionic framework. We are going to add two common features to the existing ionSnap app. The first feature is infinite scrolling, which loads more content whenever the user navigates to the bottom of the list. The second feature is pull to refresh, which allows the user to refresh the content by pulling from the top.

How to do it…

To start adding more features into the existing ionSnap app, follow these steps:

We will continue building the ionSnap app we created in an earlier recipe. Open the terminal, change the directory to ionSnap, and run the Ionic server:
```
cd path/to/ionSnap
ionic serve
```

Then open www/templates/tab-dash.html, and add the ion-infinite-scroll directive before the ion-content close, as shown in this code:

    <ion-infinite-scroll
        on-infinite="loadMore()"
        distance="1%">
    </ion-infinite-scroll>

</ion-content>

When the user reaches the end of the list...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

PhoneGap 4 Mobile Application Development Cookbook

Search

Your notes and bookmarks