Learn how to use the Ionic framework to develop cross-platform applications.

Android Development with Ionic and Angular

Ionic is an open-source UI toolkit that empowers us to build applications with rich user experiences that we can deploy on the web, mobile, or desktop. This module is a comprehensive introduction to Ionic's core products and services, emphasizing CLI, CapacitorJS, and Stencil Web Components. We'll build on this foundation by exploring UI components, core features of Typescript, Angular routing/navigation, theming, data storage, asynchronous data handling, the rxJS library, and much more. We'll also look at various Ionic plug-ins and components before concluding the module with 4 case studies of real-world application development. By the end of this module, you'll be equipped to build cross-platform Ionic applications and submit them to the Apple App Store and Google Play Store, publish them as Progressive Web Apps, or deliver them via Electron desktop applications.

Mastering Mobile Application Development with Ionic

## What will we develop in this case study?
In our third case study, we’ll develop a single page application, AppyMapper, which allows users to find Apple store locations across the United Kingdom, France, Germany, Belgium, and the Netherlands. It will incorporate the following features and functionality:
* Locate all available Apple store locations within a preselected distance from the user’s current geographic location.
* Filter stores by specific country
* Reload all stores
* Ionic Form components
* Capacitor Geolocation plugin
* Ionic Storage
* Implementation NGX-Leaflet library for digital map rendering

## The application
By the end of the case study, we should be greeted by the following application:

# What will we develop in this case study?
In our third case study, we’ll develop a single page application, AppyMapper, which allows users to find Apple store locations across the United Kingdom, France, Germany, Belgium, and the Netherlands. It will incorporate the following features and functionality:
* Locate all available Apple store locations within a preselected distance from the user’s current geographic location.
* Filter stores by specific country
* Reload all stores
* Ionic Form components
* Capacitor Geolocation plugin
* Ionic Storage
* Implementation NGX-Leaflet library for digital map rendering

# The application
By the end of the case study, we should be greeted by the following application:

Get a brief overview of the appy-mapper application that displays the locations of the Apple Stores in Europe.

Introduction

The Ionic Ecosystem

Beginning Ionic Development

Decorators and Classes

Ionic Navigation

Templates

Theming Ionic Apps

Awesome Cordova Plugins

Capacitor

Working With Data

Progressive Web Apps

Animations

Stencil

Case Study: Working With APIs

Case Study: My Movies

Case Study: AppyMapper

Case Study: Ionic Jukebox

Refining Your Projects

Appendix

Conclusion

Overview

What will we develop in this case study?