Book Overview & Buying
Table Of Contents
Feedback & Rating

Hybrid Mobile Development with Ionic

By : Saini

3 (2)

Buy this Book

Hybrid Mobile Development with Ionic

3 (2)

By: Saini

Buy this Book

Overview of this book

Ionic is an open source, front-end framework that allows you to develop hybrid mobile apps without any native-language hassle for each platform. It offers a library of mobile-optimized HTML, CSS, and JS components for building highly interactive mobile apps. This book will help you to develop a complete, professional and quality mobile application with Ionic Framework. You will start the journey by learning to configure, customize, and migrate Ionic 1x to 3x. Then, you will move on to Ionic 3 components and see how you can customize them according to your applications. You will also implement various native plugins and integrate them with Ionic and Ionic Cloud services to use them optimally in your application. By this time, you will be able to create a full-fledged e-commerce application. Next, you will master authorization, authentication, and security techniques in Ionic 3 to ensure that your application and data are secure. Further, you will integrate the backend services such as Firebase and the Cordova iBeacon plugin in your application. Lastly, you will be looking into Progressive Web Applications and its support with Ionic, with a demonstration of an offline-first application. By the end of the book, you will not only have built a professional, hybrid mobile application, but will also have ensured that your app is secure and performance driven.

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

Getting Started with Ionic 3

Angular 4, Ionic 3, and TypeScript

Installation and setup

Directory structure and modularity

Theming up SASS

Automatically creating icons and splash screen resources

Adding Crosswalk browser

Ionic CLI tasks

Summary

Ionic Components

Building vPlanet Commerce

Ionic components

Ionic APIs and custom modules

Lazy Loading with Ionic 3

Summary

Ionic Native and Plugins

Cordova and how plugins work

Ionic Native

Commonly used Cordova plugins

Cordova versus phonegap

Summary

Ionic Platform and Services

Ionic Cloud

Ionic Auth

Ionic DB

Ionic push

Ionic deploy

Ionic package

Ionic View, Creator, and Playground

Summary

Authentication, Authorization, and Security

Authentication

Securing the Ionic application

Demonstrating authorization in Ionic

Summary

TasteBite App with Firebase

Introduction to Firebase and TasteBite apps

Authentication and security using Firebase

CRUD and securing data with AngularFire2

Summary

Ionic, IOT, and Beacons

Ionic and IOT

BLE, beaconsm, and the physical Web

Proximity-based screen lock using BLE

Summary

Ionic + PWA = Magic

What and why PWA?

Ionic supports PWA

Offline currency converter PWA

The future of PWAs

Summary

Customer Reviews

3 (2)

5 star

50%

4 star

3 star

2 star

1 star

50%

Introduction to Firebase and TasteBite apps

Getting started with Firebase is really simple; that is the main reason many startups and growing products use all these Backend as a Service platforms like Firebase. We will quickly start by creating a TasteBite application with Firebase and Ionic. In this application we integrated an AngularFire2 wrapper for Angular applications using Firebase, although, we can simply use the Javascript SDK also inside our application. You need to create an account at Firebase (initially you can have a free account; as your consumption increases you can upgrade your account easily).

Firebase has made the life of developers easier as they don't have to spend time building backend server to build simple APIs. We can easily do all CRUD operations with minimum effort and with Web socket supports it's super fast in syncing data. Also, Firebase offers offline sync, user authentication...