Learning Ionic, Second Edition: Hybrid mobile apps with HTML5, CSS3, and Angular , Second Edition

What do you get with Print?

Instant access to your digital eBook copy whilst your Print order is Shipped

Paperback book shipped to your preferred address

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

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:

Mobile Hybrid architecture
What is Apache Cordova?
What is Ionic?
Setting up the tools needed to develop and run Ionic apps
Working with Ionic templates

Key benefits

Step into the world of amazingly interactive and real-time app development using Ionic 2

Leverage the powerful Angular 2 along with Ionic to develop cutting edge apps

Detailed code examples and explanations will help you get up and running with Ionic quickly and easily

Description

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.

What you will learn

Understanding the world of the mobile hybrid architecture

Scaffolding and working with Ionic templates

Transforming a single page app to a multi-page app using Navigation Controller

Integrating Ionic components, decorators, and services and rapidly developing complex applications

Theming Ionic apps as well as customizing components using SCSS

Working with Ionic Native to interface with device features, such as camera, notifications, and battery

Building a production grade app using Ionic and Uber API to let users book a ride

Migrating an Ionic 1 app to Ionic 2 or Ionic 3

Performing unit testing, end-to-end testing, and device testing on your apps

Deploying Ionic apps to store and manage their subsequent releases

What do you get with Print?