Learning Ionic - Second Edition

Create real-time hybrid applications with the leader of HTML5 frameworks: Ionic Framework

Learning Ionic - Second Edition

This ebook is included in a Mapt subscription
Arvind Ravulavaru

Create real-time hybrid applications with the leader of HTML5 frameworks: Ionic Framework
$10.00
$44.99
RRP $35.99
RRP $44.99
eBook
Print + eBook
Preview in Mapt

Book Details

ISBN 139781786466051
Paperback378 pages

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

Table of Contents

Chapter 1: Angular - A Primer
What is new in Angular?
TypeScript primer
Angular
Giphy app
Summary
Chapter 2: 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
Chapter 3: Ionic Components and Navigation
Core components
The Ionic Grid system
Ionic components
Ionic navigation
Summary
Chapter 4: Ionic Decorators and Services
Decorators
Navigation
Config service
Platform service
Storage service
Summary
Chapter 5: Ionic and SCSS
What is Sass?
Ionic and SCSS
Theme a sample component
Summary
Chapter 6: Ionic Native
Setting up a platform-specific SDK
Testing the setup
Getting started with Cordova plugins
Working with Cordova plugins using Ionic Native
Summary
Chapter 7: Building the Riderr App
App overview
Uber APIs
Building Riderr
Summary
Chapter 8: Ionic 2 Migration Guide
Why migration?
Todo app - Ionic v1
Migration plan
Summary
Chapter 9: 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
Chapter 10: Releasing the Ionic App
Preparing the app for distribution
Generating Installers using Cordova CLI
Ionic package
Summary
Chapter 11: Ionic 3
Angular 4
Ionic 3
Ionic 3 updates
Ionic 2 versus Ionic 3
Summary
Chapter 12: Appendix
Ionic CLI
Ionic help and docs
Ionic Creator
Ionic Cloud
Auth
IonicDB
Deploy
Push
Package
Summary

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

Authors

Table of Contents

Chapter 1: Angular - A Primer
What is new in Angular?
TypeScript primer
Angular
Giphy app
Summary
Chapter 2: 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
Chapter 3: Ionic Components and Navigation
Core components
The Ionic Grid system
Ionic components
Ionic navigation
Summary
Chapter 4: Ionic Decorators and Services
Decorators
Navigation
Config service
Platform service
Storage service
Summary
Chapter 5: Ionic and SCSS
What is Sass?
Ionic and SCSS
Theme a sample component
Summary
Chapter 6: Ionic Native
Setting up a platform-specific SDK
Testing the setup
Getting started with Cordova plugins
Working with Cordova plugins using Ionic Native
Summary
Chapter 7: Building the Riderr App
App overview
Uber APIs
Building Riderr
Summary
Chapter 8: Ionic 2 Migration Guide
Why migration?
Todo app - Ionic v1
Migration plan
Summary
Chapter 9: 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
Chapter 10: Releasing the Ionic App
Preparing the app for distribution
Generating Installers using Cordova CLI
Ionic package
Summary
Chapter 11: Ionic 3
Angular 4
Ionic 3
Ionic 3 updates
Ionic 2 versus Ionic 3
Summary
Chapter 12: Appendix
Ionic CLI
Ionic help and docs
Ionic Creator
Ionic Cloud
Auth
IonicDB
Deploy
Push
Package
Summary

Book Details

ISBN 139781786466051
Paperback378 pages
Read More

Read More Reviews