Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Ionic 2 Cookbook - Second Edition

By : Hoc Phan

4 (10)

Ionic 2 Cookbook

4 (10)

By: Hoc Phan

Overview of this book

Developing real-time apps is the need of the hour, and apps that deal with humongous amounts of user data and real-time information that needs to be updated frequently are in high demand. Currently, one of the most popular frameworks for this task is Ionic Framework, which is undergoing a major makeover. This book will get you started with Ionic and help you create Angular 2 components that interact with templates. From there, you’ll 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 the application to make it look pretty. You’ll learn to add in a local push notification in order to test the app. 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 as well as customizing your own. 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

What this book covers

What you need for this book

Who this book is for

Sections

Conventions

Reader feedback

Customer support

Free Chapter

1. Creating Our First App with Ionic 2

1. Creating Our First App with Ionic 2

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

2. Adding Ionic 2 Components

2. Adding Ionic 2 Components

Introduction

Adding multiple pages using tabs

Adding left and right menu navigation

Navigating multiple pages with state parameters

3. Extending Ionic 2 with Angular 2 Building Blocks

3. Extending Ionic 2 with Angular 2 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

4. Validating Forms and Making HTTP Requests

4. Validating Forms and Making HTTP Requests

Introduction

Creating a complex form with input validation

Retrieving data via a mocked API using a static JSON file

Integrating with Stripe for online payment

5. Adding Animation

5. Adding Animation

Introduction

Embedding full screen inline video as background

Creating a 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

6. User Authentication and Push Notification Using Ionic Cloud

6. User Authentication and Push Notification Using Ionic Cloud

Introduction

Registering and authenticating users using Ionic Cloud

Building an iOS app to receive push notifications

Building an Android app to receive push notifications

7. Supporting Device Functionalities Using Ionic Native

7. Supporting Device Functionalities Using Ionic Native

Introduction

Taking a photo using the camera plugin

Sharing content using the social sharing plugin

Displaying a term of service using InAppBrowser

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

8. Theming the App

8. Theming the App

Introduction

Viewing and debugging themes for a specific platform

Customizing themes based on the platform

9. Publishing the App for Different Platforms

9. 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

Index

Index

Preface

The world of mobile development is fragmented, with many platforms, frameworks, and technologies. Ionic is intended to fill that gap, with its open source HTML5 mobile app framework that lets developers build native-feeling apps using web technologies such as HTML, CSS, and AngularJS. Ionic makes it easy for frontend developers to become app developers. The framework provides superior performance with deep Cordova integration and a comprehensive set of tools for prototyping, backend support, and deployment.

This book will take you through the process of developing a cross-platform mobile app using just HTML5 and Javascript based on Ionic 2, which is the latest version of Ionic using the Angular 2 framework. You will start by getting familiar with the CLI and learning how to build and run an app. You will touch on common features of real-world mobile applications, such as authenticating a user, getting data, and saving data using either Firebase or local storage. Next, the book will explain how Ionic integrates with Cordova to support native device features using ngCordova and take advantage of the existing modules around its ecosystem. You will also explore advanced topics of extending Ionic to create new components. Finally, the book will show you how to customize the Ionic theme and build an app for all platforms.

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 2 Cookbook

Search

Your notes and bookmarks