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

How can asynchronous data be managed in front-end applications?

How can asynchronous data be managed in front-end applications?

A JavaScript object that manages asynchronous operations and their outcomes

A commitment by a class constructor to execute a method at a given time

A JavaScript object that handles returning data from an array

A function that is always watched by an event listener

A function that can return a stream of values over time

A function that converts callbacks into Promises

A function that defines how long a script may be executed

To add cutting-edge browser support for the latest JavaScript language features

To provide utilities for handling asynchronous and event-based operations

To allow DOM event listeners to be dynamically generated when a page component loads

To decrease loading times for external data

What is the purpose of the RxJS library?

Which Angular utility allows data to be loaded into or exported from an Ionic application?

Which Angular utility allows data to be loaded into or exported from an Ionic application?

Allowing a component property to be updated in the class from within the template, and in the template from within the class

Allowing data to be duplicated from within the template

Allowing data to be bound to a template and a class directly from an external script

What is meant by the term "two-way data binding"?

What is meant by the term “two-way data binding”?

Allows data models to be dynamically generated from class methods

Formats the output of class properties for template rendering

What does angular’s `NgModel` directive allow developers to implement?

What does angular’s <code>NgModel</code> directive allow developers to implement?

A data model for generating form structure from within the component class

An approach to defining form structure, behavior, and changes to data from the component class

A form that is structured within and driven from the component template using Angular directives

A collection of angular UI components that dynamically create a form on the fly

An Ionic library for rapid form development

What is a storage mechanism that can be used within an Ionic app?

What is a storage mechanism that can be used within an Ionic app?

What does Ionic Offline Storage offer that Ionic Storage doesn’t?

What does Ionic Offline Storage offer that Ionic Storage doesn’t?

How does Ionic Storage store data?

Which API methods are offered by Ionic Storage?

Which API methods are offered by Ionic Storage?

Working With Data

Working With Data

Congratulations! You've mastered data loading, data input, and the Ionic Storage API!

Test your knowledge of data loading, data input, and the Ionic Storage API.

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

Quiz: Working With Data