Ionic Framework

Ionic Framework Training Course in Bangalore With Live International Projects

Minimum Eligibility

Graduate/ B.E/ B.Tech/ BCA/ MCA

 Promotional Discount

Internship Salary

Upto 15% off

Rs 2000/-

COURSE FEES  RS.15,000/-

An HTML5 mobile app development framework, Ionic is used for building hybrid mobile apps. Free and open source in nature, Ionic is built with Sass and is optimized for AngularJS use. This framework has a host of mobile-optimized HTML, CSS and JS components that ensures developing an app is a hassle free affair.

This framework is more in the lines of front-end UI framework which is responsible for the feel and look your app needs in order to be attractive and appealing.

Just like PhoneGap requires Cordova to function effortlessly, Ionic also requires the same.

At SKMTECHNOSOLZ , we offer ionic framework courses in Bangalore with 100% Job Support & Flexible Timing.

Benefits of learning ionic framework at SKMTECHNOSOLZ

  • Leading Ionic framework training institute in Bangalore
  • State of the art infrastructure
  • Experienced and skilled teachers
  • Facility to work on “Live” Projects
  • Certificate on completion of the Course
  • 100% Job Assistance Guaranteed!

Ionic Framework Course Content:

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