Corporate training

up - skill your team

Request Quote
Kickstart the New Year with exciting deals on all courses Use Coupon NY15 Click to Copy
Ionic Framework
4.5 out of 5 based on 470 user ratings

Ionic Framework Training

Master the art of developing hybrid mobile apps using web technologies like CSS, HTML5 and Sass

  • 16 hours of In-depth training
  • Beginner to Advanced level
  • Immersive hands-on training
Request Syllabus Schedules

Modes of Delivery

Key Features

16 hours of immersive & interactive Instructor-led training
In-depth hands-on sessions
Master Ionic fundamentals and the core elements of popular web technologies
Understand building blocks of Ionic- AngularJS, HTML5, CSS3, JavaScript
Learn to use Cordova plugins to access different native APIs
Build Ionic apps with advanced features and cross-platform usability
Our trainers will guide students in future implementation of the technology


Ionic framework course

Mobile apps are ruling the technology space right now and for those looking to establish a career in this field what better technology to learn than Ionic Framework? This revolutionary mobile app framework combines the power of HTML5 and Angular JS to help build the most sophisticated and interactive mobile apps.

Zeolearn brings you an intensive and interactive Ionic framework training, by the end of which you can start building your own state-of-the-art mobile apps. We will start from scratch, familiarising you with the backbone of Ionic that is Angular JS and then moving onto Ionic fundamentals and services. You will learn by examples of Ionic CSS and JavaScript components, the use of HTML 5 and accessing native apps. If mobile app technology is your chosen field of career then this is a must-do course for you. Trainers at our institute who have years of experience in software development and training will cover both basics and advanced concepts required to build a functional mobile app. Candidates can also attend the free demo sessions before enrolling. We assure you that we provide the best coaching in the industry at reasonable costs.

Here’s what you will learn from our Ionic framework certification training!

  • Revisit the concepts of Angular JS, HTML5, CSS and JavaScript, which are the building blocks of Ionic
  • Use Ionic to improve the look and interactivity of your apps
  • Use Cordova plugins to access numerous native device apps from iOS and Android
  • Build cross-platform apps with advanced features and publish them to store.

Is this course right for you?

This course is apt for web developers who want to learn new and upcoming technologies to stay relevant in this ever changing mobile app landscape.


  • 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.


  • Understanding the separation of concerns
    1. AngularJS components
    2. AngularJS directives
    3. AngularJS services
    4. AngularJS resources
  1. Mobile Hybrid Architecture
  2. What is Apache Cordova?
  3. What is Ionic?
  4. Software setup
    • Install Node.js
    • Install Git
    • Install Bower
    • Install Gulp
    • Install Sublime Text
    • Install Cordova and Ionic CLI
  5. The platform guide
  6. Hello Ionic
  7. The browser developer tools setup
    • Google Chrome
    • Mozilla Firefox
  8. The Ionic project structure
    • The config.xml file
    • The www folder
  9. Scaffolding the tabs template
  10. Scaffolding the side menu template
  11. generator-ionic
    • Installing generator-ionic
  1. Ionic CSS components
    • The Ionic grid system
    • The page structure
    • Buttons
    • Lists
    • Cards
    • Ionicons
    • Form elements
    • Integrating Ionic CSS components with AngularJS
    • The Ionic router
    • A simple two-page app
  1. What is Sass?
  2. Setting up SCSS in our Ionic project
    • The manual setup
    • The Ionic CLI task
  3. Working with Ionic SCSS
    • Basic swatch
  4. Understanding the Ionic SCSS setup
    • Using variables and mixins
  5. The SCSS workflow
  6. Building a swatch
  1. Ionic directives and services
  2. The Ionic Platform service
    • registerBackButtonAction
    • The on method
    • Headers and footers
  3. Content
    • ion-content
    • ion-scroll
    • ion-refresher
    • ion-infinite-scroll
    • $ionicScrollDelegate
    • Navigation
    • ion-view
    • Ionic view events
    • ion-nav-bar
    • ion-nav-buttons
    • $ionicNavBarDelegate
    • $ionicHistory
    • Tabs and side menu
  4. Ionic loading
    • The Action Sheet service
    • Popover and Popup services
    • $ionicPopup
  5. The ion-list and ion-item directives
  6. Gesture directives and services
    • Utilities
  1. An introduction to the sample application
  2. The architecture of the app
    • The server architecture
    • The server-side API documentation
    • The client architecture
    • Code on GitHub
    • A demo of the sample app
    • The development flow
  3. Setting up the server
  4. Building the application
    • Step 1 – Scaffolding the side menu template
    • Step 2 – Refactoring the template
    • Refactoring the menu
    • Refactoring the module name
    • Adding a run method and modifying routes
    • Refactoring templates
    • Step 3 – Building authentication, localStorage, and the REST API factory
    • The Ionic loading factory
    • The localStorage factory
    • The Authentication factory
    • The REST API factory
    • Step 4 – Creating controllers for each route and integrating with the factory
    • The application controller
    • The browse controller
    • The book controller
    • The cart controller
    • The purchase controller
    • Step 5 – Creating templates and integrating with the controller data
    • The Login template
    • The Browse template
    • The Product item template
    • The Shopping Cart template
    • The Purchase template
  1. Setting up a platform-specific SDK
    • The Android setup
    • The iOS setup
  2. Testing the setup
    • Testing for Android
    • Testing for iOS
  3. Getting started with Cordova plugins
  4. The Ionic plugin API
    • Add a plugin
    • Remove a plugin
    • List added plugins
    • Search plugins
  5. The Cordova whitelist plugin
  6. ngCordova
    • Setting up ngCordova
    • Legend
    • $cordovaToast
    • $cordovaDialogs
    • $cordovaFlashlight
    • $cordovaLocalNotification
    • $cordovaGeolocation
  1. The Ionic Chat app
    • Firebase
    • Setting up a Firebase account
    • AngularFire
  2. The application architecture
    • Authentication
    • The application flow
    • Previewing the app
    • Data structure
    • Cordova plugins
    • Code on GitHub
  3. Developing the application
    • Scaffolding and setting up the app
    • Installing the required Cordova plugins
    • Getting the Google API key
    • Setting up routes and route authentication
    • Setting up services/factories
    • Setting up a map directive
    • Setting up controllers
    • Setting up templates
    • Setting up SCSS
  4. Testing the application
  1. Preparing the app for distribution
    • Setting up icons and splash screens
    • Updating the config.xml file
  2. The PhoneGap service
  3. Generating installers using the Cordova CLI
    • Android installer
    • iOS installer
  4. The Ionic package
  5. Uploading the project to Ionic cloud
  6. Generating the required keys

Frequently Asked Questions

Web developers and professionals who want to make a career in the app technology must stay aware of all the latest technologies that are available in the market. Among the most popular frameworks for Android and iOS apps is the Ionic Framework that is built on Angular JS features and other popular web technologies such as HTML, CSS and JavaScript. This framework helps web developers build apps for all major app stores and the mobile web with a single code base.

Zeolearn brings you an extensive Ionic training that will help you master the Ionic framework and build superior apps with it. Our workshop has been carefully designed by trainers who are industry experts who will hand-hold you through the various concepts. The demo and practice sessions, lectures and materials such as case studies and extensive glossary and course ware will help you to completely master Ionic. The extensive code base and samples will help you gain confidence to handle on-the-job challenges. 

On completing the course, you will learn about:

  • The advantages and uses of Ionic

  • Its core components

  • Features of Angular JS

  • Building apps in HTML5 and CSS

  • Using Cordova plugins to access native APIs such as camera, Bluetooth and many others

  • Build sophisticated apps for all major App Stores

Zeolearn brings you mentor driven courses that not only helps professionals gain theoretical expertise but also the practical experience in a wide variety of courses including courses on Mobile Development such as Sencha Touch, iOS and Android Development, which are very popular. The fact that our workshops are mentor driven gives us an edge over other training institutes since you can learn from industry experts about the application and challenges of upcoming technologies. We have so far trained thousands of professionals with the skills needed to land lucrative jobs and you could be next!

You will receive Ionic certification in the form of a course completion certificate.

Towards the end of the course, all participants will be required to work on a project to get hands on familiarity with the concepts learnt. You will use Ionic framework to build a complete app that will be fully cross platform. This project, which can also be a live industry project, will be reviewed by our instructors and industry experts. On successful completion, you will be awarded a certification.

Classes are held on weekdays and weekends. You can check available schedules and choose the batch timings which are convenient for you.

You may be required to put in 10 to 12 hours of effort every week, including the classroom sessions/live class, self study and assignments.

We offer classes in classroom and online format. While classroom sessions are held in specific venues in your city, for online sessions all you need is a Windows computer with good internet connection and you can access the class anywhere, at anytime. A headset with microphone is also recommended.

You may also attend these classes from your smart phone or tablet.

Don’t worry, you can always access your class recording or opt to attend the missed session again in any other live batch.


Web developers and other professionals who want to learn to build interactive and state of the art mobile apps will find this course useful.

One must have:

  •  Operating system such as Mac OS X, Windows or Linux (Mac needed to package iOS apps)
  •  4 GB RAM
  •  Dual Core CPU

other trainings

How We Can Help You