Ionic

Reading Time: 2 minutes

Ionic

    Module 1: Introduction to the Ionic Framework

    • Understand Ionic and Apache Cordova
    • Angular as the backing framework for Ionic
    • Advantages (and Disadvantages) of Ionic

    Module 2: Welcome to Ionic

    • Software Requirements
    • Installing NodeJS and VS Code
    • Installing Android Studio for Android and XCode for iOS
    • Installing Ionic and Cordova CLIs
    • Creating first Ionic App – “Hello Ionic”
    • Folder structure of an Ionic App
    • Understanding the role of Config.xml
    • Templates in Ionic
    • Running an Ionic App in the browser with live-reload
    • Running an Ionic App on Android Emulator
    • Running an Ionic App on iOS Simulator

    Module 3: Ionic Components-Basic

    • Header and Footer
    • Buttons and FABs in Ionic
    • Buttons in Header and Footer
    • Predefined Colors in Ionic
    • Icons in Ionic (Ionicons)
    • Form Inputs in Ionic – Text Inputs, Radio and Checkboxes and Selects
    • Lists in Ionic
    • Ion avatars and thumbnails
    • Sliding Lists in Ionic
    • Cards in Ionic
    • Grid in Ionic
    • Customizing Components with SCSS

    Module 4: Ionic Components-Advance

    • Basic Interactivity with Buttons and Text Inputs
    • Basic Interactivity with Radio buttons, Checkboxes and Selects
    • Loading Controller
    • Toast Controller
    • Alert Controller
    • ActionSheet Controller

    Module 5: Navigation within an App

    • Creating new Pages
    • Page Navigation using NavController
    • Passing Data between Pages
    • Lazy loading the Pages in Ionic
    • Modal Controller
    • Popover Controller

    Module 6: Network and HTTP

    • Basics of HTTP and APIs
    • Asynchronous and Synchronous Code
    • Understanding Observables and Promises
    • Using HTTP in Ionic with HttpClientModule and HttpClient
    • Making a simple GET request
    • Retrieving data from an API
    • Displaying data in the App

    Module 7: Ionic Native and Cordova Plugins

    • Introduction to Ionic Native
    • How to use an Ionic Native Module
    • Using the Camera Plugin
    • Debugging Apps with Chrome Remote Debugging
    • Using Geolocation Plugin

    Module 8: Firebase with Ionic

    • Basics of Firebase
    • Installing and Configuring Firebase
    • Understanding Firebase Auth and Cloud Firestore
    • Signing Up and Logging in Users
    • Saving Data to Cloud Firestore
    • Reading & Querying Data on Cloud Firestore
    • Updating Data in Cloud Firestore

    Module 9: Building and Publishing the App

    • Building the App for release for Android
    • Creating a Key-store to Sign
    • Signing the App
    • Verifying the signed file
    • Upload the file to Play Store