Book Image

Hybrid Mobile Development with Ionic

By : Gaurav Saini
Book Image

Hybrid Mobile Development with Ionic

By: Gaurav Saini

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.

Related Content you might be interested in

Current Title:

Small book image
Hybrid Mobile Development with Ionic
Gaurav Saini
Apr, 2017 | 242 pages
Small book image
Learning Ionic
Arvind Ravulavaru
Apr, 2017 | 378 pages
Small book image
Ionic Cookbook
Indermohan Singh
Apr, 2018 | 390 pages
Small book image
Ionic 2 Blueprints
Sani Yusuf | Indermohan Singh
Aug, 2016 | 336 pages
Table of Contents (9 chapters)
Preface
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Free Chapter
1
Getting Started with Ionic 3
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
2
Ionic Components
Ionic Components
Building vPlanet Commerce
Ionic components
Ionic APIs and custom modules
Lazy Loading with Ionic 3
Summary
3
Ionic Native and Plugins
Ionic Native and Plugins
Cordova and how plugins work
Ionic Native
Commonly used Cordova plugins
Cordova versus phonegap
Summary
4
Ionic Platform and Services
Ionic Platform and Services
Ionic Cloud
Ionic Auth
Ionic DB
Ionic push
Ionic deploy
Ionic package
Ionic View, Creator, and Playground
Summary
5
Authentication, Authorization, and Security
Authentication, Authorization, and Security
Authentication
Securing the Ionic application
Demonstrating authorization in Ionic
Summary
6
TasteBite App with Firebase
TasteBite App with Firebase
Introduction to Firebase and TasteBite apps
Authentication and security using Firebase
CRUD and securing data with AngularFire2
Summary
7
Ionic, IOT, and Beacons
Ionic, IOT, and Beacons
Ionic and IOT
BLE, beaconsm, and the physical Web
Proximity-based screen lock using BLE
Summary
8
Ionic + PWA = Magic
Ionic + PWA = Magic
What and why PWA?
Ionic supports PWA
Offline currency converter PWA
The future of PWAs
Summary

Ionic Native and Plugins

We have now gone through some advanced components and APIs in Ionic. Another important part of building hybrid mobile applications are Cordova plugins. Plugins create a bridge between Native APIs and JavaScript, which help us to use Native APIs such as camera, GPS, files, and so on. Plugins are comprised of platform-specific Native library code and a JavaScript interface to call respective Native platform methods. Ionic is dependent on Cordova to build, debug, and release applications. We will be covering almost everything regarding Cordova plugins, Ionic Native, and some common and advanced plugins in this chapter. Initially, the Ionic team came up with ngCordova, which was based upon Angular 1.x, but moving forward, we have Ionic Native, which supports both Ionic 1, 2, and 3 applications. ngCordova was bound to Ionic 1 and Ionic Native is framework agnostic:

  • Cordova and how plugins work...
Previous Section
End of Section 1
Next Section