Get in Touch

Course Outline

Introduction

Ionic Basics

  • Processes and modules utilized in Ionic for web development
  • Integration of Ionic with Angular

Overview of Angular

  • Components and attributes employed in Angular

Preparing the Development Environment

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

Templating in Ionic and Angular

  • Utilizing Ionic grid systems
  • Configuring styles and variables
  • Establishing CSS rules
  • Creating services
  • Consuming REST APIs
  • Creating and utilizing a data model
  • Testing using Ionic DevApp

UI Components

  • Creating pages and managing routing
  • Retrieving data
  • Applying page design
  • Utilizing list components
  • Creating pages with modals and FABs (Floating Action Buttons)
  • Implementing complex lists
  • Utilizing 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

Requirements

  • Fundamental programming experience in JavaScript, HTML, and CSS.

Audience

  • Web Developers
 21 Hours

Testimonials (2)

Related Categories