Ionic Cookbook

Book Image

Ionic Cookbook

By : Hoc Phan

Book Image

Ionic Cookbook

By: Hoc Phan

Overview of this book

Ionic Cookbook

Credits

Foreword

About the Author

About the Author

About the Reviewers

About the Reviewers

www.PacktPub.com

www.PacktPub.com

Preface

Free Chapter

Creating Our First App with Ionic

Creating Our First App with Ionic

Setting up a development environment

Creating a HelloWorld app via CLI

Creating a HelloWorld app via Ionic Creator

Copying examples from Ionic Codepen Demos

Viewing the app using your web browser

Viewing the app using iOS Simulator

Viewing the app using Xcode for iOS

Viewing the app using Genymotion for Android

Viewing the app using Ionic View

Customizing the app folder structure

Managing States and Navigation

Managing States and Navigation

Creating a tab interface with nested views

Creating a multistep form with validation

Adding Device Features Support

Adding Device Features Support

Taking a photo using the device camera

Capturing video and allowing playback

Composing an email with an attachment from an app

Picking and adding a contact

Adding Google Maps with geocoding support

Offline Data Storage

Offline Data Storage

Creating a to-do app using ngStorage for Local Storage

Creating a social networking app using SQLite

Handling Gestures and Events

Handling Gestures and Events

Detecting drag events with a gesture coordinate

Communication between a view, controller, and directive using events

App Theme Customization

App Theme Customization

Customizing themes for specific platforms

Creating an introduction screen with a custom header

Extending Ionic with Your Own Components

Extending Ionic with Your Own Components

Creating a scroll progress bar directive

Creating a custom filter

Animating an app using requestAnimationFrame with event binding

User Registration and Authentication

User Registration and Authentication

Configuring a Facebook app with Firebase authentication

Configuring a Twitter app with Firebase authentication

Configuring a Google+ project with Firebase authentication

Creating an Ionic social authentication project for Facebook using $firebaseAuth

Creating a LinkedIn app and configuring authentication in Auth0

Integrating Auth0's LinkedIn authentication in an Ionic project

Saving and Loading Data Using Firebase

Saving and Loading Data Using Firebase

Saving array data to Firebase

Rendering a large Firebase data set using collection-repeat

Saving form data to Firebase

Finalizing Your Apps for Different Platforms

Finalizing Your Apps for Different Platforms

Building and publishing an app for iOS

Building and publishing an app for Android

Using PhoneGap Build for cross-platform applications

Index

Customer Reviews

5 star

0

4 star

0

3 star

0

2 star

0

1 star

0

Using PhoneGap Build for cross-platform applications

Adobe PhoneGap Build is a very useful product that provides build-as-a-service in the cloud. If you are having trouble building an app locally in your computer, you can upload the entire Ionic project to PhoneGap Build, and it will build the app for Apple, Android, and Windows Phone automatically.

Getting ready

Go to https://build.phonegap.com and register for a free account. You will be able to build one private app for free. For additional private apps, there is a monthly fee associated with the account.

How to do it...

Here are the instructions to use PhoneGap Build for cross-platform applications:

Zip the entire /www folder and replace cordova.js with phonegap.js in index.html, as described in http://docs.build.phonegap.com/en_US/introduction_getting_started.md.html#Getting%20Started%20with%20Build.
You may have to edit config.xml to ensure that all the plugins are included. Detailed changes are available in PhoneGap documentation, which...