Ionic 4 and Angular for Developers Training Course

Introduction

Ionic Basics

• Processes and modules utilized in Ionic for web development.
• How Ionic and Angular collaborate.

Overview of Angular

• Components and attributes used in Angular.

Setting Up the Development Environment

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

Templating in Ionic and Angular

• Utilizing Ionic grids.
• Configuring styles and variables.
• Creating CSS rules.
• Generating services.
• Consuming REST APIs.
• Creating and utilizing a data model.
• Testing with Ionic DevApp.

UI Components

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

Ionic Native

• Setting up Ionic Native packages.
• Accessing native device features.
• Testing native device features.

Connecting to a Backend

• Setting up 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