Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

Ionic Cookbook - Third Edition

By : Singh

4.3 (10)

Ionic Cookbook

4.3 (10)

By: Singh

Overview of this book

Ionic is the preferred choice for JavaScript developers to develop real-time hybrid applications. This book will get you started with Ionic 3.9 and help you create Angular 5 components that interact with templates. You will work with Ionic components and find out how to share data efficiently between them. You'll discover how to make the best use of the REST API to handle back-end services and then move on to animating your application to make it look pretty. You then learn to add in a local push notification in order to test the app. Then you'll work with Cordova to support native functionalities on both iOS and Android. From there, you'll get to grips with using the default themes for each platform and customizing your own. We then take you through the advanced Ionic features like lazy loading, deep linking, localizing ionic apps etc. Finally, you'll see how best to deploy your app to different platforms. This book will solve all your Ionic-related issues through dedicated recipes that will help you get the best out of Ionic.

Preface

Preface

Who this book is for

What this book covers

To get the most out of this book

Sections

Get in touch

Free Chapter

Creating Our First App with Ionic

Creating Our First App with Ionic

Introduction

Setting up a development environment

Creating a HelloWorld app via the CLI

Creating a HelloWorld app via Ionic Creator

Viewing the app using your web browser

Viewing the app using the Ionic CLI

Viewing the app using Xcode for iOS

Viewing the app using Genymotion for Android

Viewing the app using Ionic View

Adding Ionic Components

Adding Ionic Components

Introduction

Adding multiple pages using tabs

Adding left and right menu navigation

Navigating multiple pages with state parameters

Using menu, tabs, and segment together in an app

Using the Ionic grid to create a complex UI

Extending Ionic with Angular Building Blocks

Extending Ionic with Angular Building Blocks

Introduction

Creating a custom pizza ordering component

Creating a custom username input directive

Creating a custom pipe

Creating a shared service to provide data to multiple pages

Reusing an existing page as an HTML element

Validating Forms and Making HTTP Requests

Validating Forms and Making HTTP Requests

Introduction

Creating a complex form with input validation

Creating reactive forms in Ionic

Retrieving data via a mocked API using a static JSON file

Integrating with Stripe for online payment

Adding Animation

Adding Animation

Introduction

Embedding full screen inline video as background

Creating physics-based animation using Dynamics.js

Animating the slide component by binding a gesture to the animation state

Adding a background CSS animation to the login page

User Authentication and Push Notifications

User Authentication and Push Notifications

Introduction

Registering and authenticating users using Auth0

Building an iOS app to receive push notifications

Building an Android app to receive push notifications

Supporting Device Functionalities Using Ionic Native

Supporting Device Functionalities Using Ionic Native

Introduction

Taking a photo using the camera plugin

Sharing content using the social sharing plugin

Displaying a local notification using the local notification plugin

Fingerprint authentication using the fingerprint AIO plugin

Creating a media player with the Media Player notification control

Creating a taxi app using the Google Maps plugin and geocode support

Theming the App

Theming the App

Introduction

Viewing and debugging themes for a specific platform

Customizing themes based on the platform

Advanced Topics

Advanced Topics

Introduction

Lazy loading in Ionic

Internationalization (i18n) using ngx-translate

Creating documentation for Ionic app

Publishing the App for Different Platforms

Publishing the App for Different Platforms

Introduction

Adding versioning to future-proof the app

Building and publishing an app for iOS

Building and publishing an app for Android

Other Books You May Enjoy

Other Books You May Enjoy

Leave a review - let other readers know what you think

Customer Reviews

4.3 (10)

5 star

50%

4 star

40%

3 star

0%

2 star

10%

1 star

0%

Extending Ionic with Angular Building Blocks

In this chapter, we will cover the following tasks related to creating custom components, directives, and filters with Angular:

Creating a custom pizza ordering component
Creating a custom username input directive
Creating a custom pipe
Creating a shared service to provide data to multiple pages
Reusing an existing page as an HTML element

Visually different images

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.

Ionic Cookbook

Search

Your notes and bookmarks