Ionic 4 and Angular for Developers Training Course

Introduction

Ionic Fundamentals

• Processes and modules utilized in Ionic for web development.
• Understanding the synergy between Ionic and Angular.

Angular Overview

• Components and attributes employed in Angular.

Setting Up the Development Environment

• Installing Ionic and Angular.
• Installing Cordova.
• Verifying installations using Ionic Lab.

Templating in Ionic and Angular

• Leveraging Ionic grids.
• Configuring styles and variables.
• Defining CSS rules.
• Creating services.
• Consuming REST APIs.
• Establishing and utilizing data models.
• Testing via Ionic DevApp.

UI Components

• Generating and routing pages.
• Retrieving data.
• Implementing page designs.
• Utilizing lists.
• Creating pages with modals and FABS (Floating Action Buttons).
• Implementing complex list structures.
• Utilizing pull-to-refresh functionality.
• Adding authentication guards.

Ionic Native

• Configuring Ionic Native packages.
• Accessing native device features.
• Testing native device features.

Integrating with a Backend

• Configuring Firebase.
• Creating authentication guards and services.
• Sending data via HTTP.
• Fetching, displaying, and loading data.

Troubleshooting with Cordova

• Preparing for Android standards.
• Running a hybrid application on an Android device emulator.
• Preparing for iOS standards.
• Running a hybrid application on an iOS device emulator.

Summary and Conclusion