Ionic 4 and Angular for Developers Training Course

Introduction

Ionic Fundamentals

• Understanding the processes and modules utilized in Ionic for web development.
• Exploring how Ionic and Angular collaborate.

Angular Overview

• Examining components and attributes used within Angular.

Setting Up the Development Environment

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

Templating with Ionic and Angular

• Utilizing Ionic grids.
• Configuring styles and variables.
• Defining CSS rules.
• Creating services.
• Consuming REST APIs.
• Building and utilizing data models.
• Testing with Ionic DevApp.

UI Components

• Generating and routing pages.
• Retrieving data.
• Enhancing page design.
• Implementing lists.
• Creating pages with modals and FABS.
• 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.

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 hybrid applications on an Android device emulator.
• Preparing for iOS standards.
• Running hybrid applications on an iOS device emulator.

Summary and Conclusion