Ionic Framework Training


  • Duration: 3 Days
  • Mode of Delivery: Online -Instructor-led training
  • Job role: Developer
  • Preparation for exam: None
  • Cost: USD$1,800.00

Ionic is an open-source UI toolkit for building performant, high-quality mobile and desktop apps using web technologies — HTML, CSS, and JavaScript — with integrations for popular frameworks like Angular, React, and Vue. This instructor-led Ionic training course is aimed at developers looking to develop engaging and responsive cross-platform native mobile applications using the Ionic Framework and Cordova. Earlier versions of Ionic were built on Google’s Angular framework, but as of Ionic 4 it is now a standalone Web Component library. During the Ionic training course, we’ll walk you through developing your own functional native app for iOS and Android.

20 in stock

SKU: RJ-100-1-1-1-1 Categories: , , , , ,


This course is intended for both novice and experienced programmers. This course is aimed at developers who are looking to build robust, efficient applications using Ionic. Some experience with HTML and Angular is helpful.


• Knowledge of HTML, CSS, and JavaScript.
• Knowledge of Angular (version 2 or higher) is advantageous but not essential.
• Some familiarity with command line interfaces is advantageous.
• Familiarity with mobile apps and mobile devices

Skills Gained

After completing this course, participants will be able to:
• Working with Angular JS, HTML5, CSS and JavaScript – the building blocks of Ionic –
• Use Ionic to improve the look and interactivity of your apps
• Use Cordova plugins to access numerous native device features on iOS and Android
• Build cross-platform apps with advanced features and publish them to store.

Course outline

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


Click on the following link to see the current Course Schedule
Our minimum class-size is 3 for this course.
If there are no scheduled dates for this course, it can be customized to suit the time and skill needs of clients and it can be held online, at a rented location or at your premises.
Click on the following link below to arrange for a custom course: Enquire about a course date

Product Information

Ionic focuses on the frontend UX and UI interaction of an app — UI controls, interactions, gestures, animations. It’s easy to learn, and integrates with other libraries or frameworks, such as Angular, React, or Vue. Alternatively, it can be used standalone without any frontend framework using a simple script included. If you’d like to learn more about Ionic before diving in, we created a video to walk you through the basics.
One codebase, running everywhere
Ionic is the only mobile app stack that enables web developers to build apps for all major app stores and the mobile web from a single codebase. And with Adaptive Styling, Ionic apps look and feel at home on every device.
A focus on performance
Ionic is built to perform and behave greatly on the latest mobile devices with the best practices like efficient hardware accelerated transitions, and touch-optimized gestures.
Clean, simple, and functional design
Ionic is designed to work and display beautifully on all current mobile devices and platforms. With ready-made components, typography, and a gorgeous (yet extensible) base theme that adapts to each platform, you’ll be building in style.
Native and Web optimized
Ionic emulates native app UI guidelines and uses native SDKs, bringing the UI standards and device features of native apps together with the full power and flexibility of the open web. Ionic uses Capacitor (or Cordova) to deploy natively, or runs in the browser as a Progressive Web App.

Additional Information and FAQs

CERTFICATE OF COMPLETION: Participants will receive a certificate of completion at the end of a course. This is not an official certification for the product and/or software. Our courses do indicate the appropriate certification exam(s) that the participant can sit. Data Vision Systems does not provide certification or deliver the certification exams. Participants are responsible for arranging and paying for the certification exams on the appropriate certification body.

CANCELLATION POLICY: There is never a fee for cancelling seven business days before a class for any reason. Data Vision Systems reserves the right to cancel any course due to insufficient registration or other extenuating circumstances. Participants will be advised prior to doing so.


There are no reviews yet.

Be the first to review “Ionic Framework Training”

Your email address will not be published. Required fields are marked *