Learning Ionic, Second Edition

By : Ravulavaru

Buy this Book

Learning Ionic, Second Edition

By: Ravulavaru

Buy this Book

Overview of this book

Ionic makes it incredibly easy to build beautiful and interactive mobile apps using HTML5, SCSS, and Angular. Ionic also makes app development easier, faster, and more fun. This hands-on guide will help you understand the Ionic framework and how you can leverage it to create amazing real-time applications. We begin by covering the essential features of Angular 2, and then dive straight into how Ionic fits in today’s world of hybrid app development and give you a better understanding of the mobile hybrid architecture along the way. Further on, you will learn how to work with Ionic decorators, services, and components, which will allow you to build complex apps using the Ionic framework. We will take a look at theming Ionic apps using the built-in SCSS setup. After that, we will explore Ionic Native, and you will learn how to integrate device-specific features, such as notifications, with the Ionic app. To complete our learning, we will be building a Rider app, using Ionic and Uber API, to book a ride. Next, you will learn how to unit test, end-to-end test, monkey test, and execute device testing on AWS Device farm. Then, we will take a look at migrating the existing Ionic 1 apps to Ionic 2 and deploy them to the App Store. The final chapter on Ionic 3 wraps up this book by explaining the new features of Ionic 3 at the time of writing this book. By the end of this book, you will be able to develop, deploy, and manage hybrid mobile applications built with Cordova, Ionic, and Angular. All the examples in this book are valid for both Ionic 2 and Ionic 3.

Preface

What this book covers

What you need for this book

Conventions

Reader feedback

Customer support

Free Chapter

Angular - A Primer

What is new in Angular?

TypeScript primer

Angular

Giphy app

Summary

Welcome to Ionic

Mobile Hybrid architecture

What is Apache Cordova?

What is Ionic 2?

Ionic 3

Software setup

Hello Ionic

The browser developer tools setup

The Ionic project structure

Scaffolding the tabs template

Scaffolding the side menu template

Summary

Ionic Components and Navigation

Core components

The Ionic Grid system

Ionic components

Ionic navigation

Summary

Ionic Decorators and Services

Decorators

Navigation

Config service

Platform service

Storage service

Summary

Ionic and SCSS

What is Sass?

Ionic and SCSS

Theme a sample component

Summary

Ionic Native

Setting up a platform-specific SDK

Testing the setup

Getting started with Cordova plugins

Working with Cordova plugins using Ionic Native

Summary

Building the Riderr App

App overview

Uber APIs

Building Riderr

Summary

Ionic 2 Migration Guide

Why migration?

Todo app - Ionic v1

Migration plan

Summary

Testing an Ionic 2 App

Testing methodologies

Setting up the unit testing environment

driftyco/ionic-unit-testing-example

E2E testing

Code coverage

AWS Device Farm

Automation testing

Summary

Releasing the Ionic App

Preparing the app for distribution

Generating Installers using Cordova CLI

Ionic package

Summary

Ionic 3

Angular 4

Ionic 3

Ionic 3 updates

Ionic 2 versus Ionic 3

Summary

Appendix

Ionic CLI

Ionic help and docs

Ionic Creator

Ionic Cloud

Auth

IonicDB

Deploy

Push

Package

Summary

Customer Reviews

5 star

4 star

3 star

2 star

1 star

Welcome to Ionic

In the previous chapter, we went through Angular 2 with the help of an example. In this chapter, we will look at the big picture of Mobile Hybrid apps, set up the required software to develop Ionic apps, and finally scaffold a few apps and explore them.

The topics covered in this chapter are as follows: