IONIC Framework Interview Questions For Freshers & Experienced

  • Question 1) What is Ionic Framework?
  • Question 2) Which programming language is used in ionic framework to create Apps?
  • Question 3) How do you create an ionic project?
  • Question 4) How to create session in ionic?
  • Question 5) What is Ionic Capacitor?
  • Question 6) What are pros and cons of ionic framework?
  • Question 7) How to check ionic version?
  • Question 8) Enlist major differences between ionic 3 and ionic 4?
  • Question 9) How to update ionic version via cmd?
  • Question 10) What is npm cordova check plugins?
  • Question 11) What are Web Components?
  • Question 12) How to rename Ionic app?
  • Question 13) Enlist some popular apps built with Ionic Framework?
  • Sharad Jaiswal
  • 08th Dec, 2019
  • 310 Followers

IONIC Framework Interview Questions
Updated ON

08th Dec, 2019

No. of Questions

17

Posted In

Hybrid App Platform

Author

Sharad Jaiswal

Key Features of Ionic Framework

Below are few major features of Ionic Framework

Web Standards-based

Beautiful Design

Cordova Plugins

Ionic CLI

MIT license

Cross-platform Support

Multiple language Coding

Easy Documentation

Vast Community

IONIC Framework Interview Questions

Q1. What is Ionic Framework?

Ionic Framework is an open-source UI toolkit for building performant, high-quality mobile and desktop apps using web technologies (HTML, CSS, and JavaScript). Ionic Framework is focused on the frontend user experience, or UI interaction of an app (controls, interactions, gestures, animations).

Q2. Which programming language is used in ionic framework to create Apps?

Ionic uses web technologies like HTML, CSS, JavaScript, Angular, and TypeScript to create applications.

Q3. How do you create an ionic project?

To create a Project is Ionic simply follow the below steps

  • Open a new terminal window (Mac) or a command window (Windows), and navigate (cd) to the ionic-tutorial directory.
  • Using the Ionic CLI, create an application named firstApp based on the sidemenu starter app:
    ionic start firstApp sidemenu
    
  • Navigate to the firstApp folder
    cd firstApp
    
  • Run below command to start the server.
    ionic serve
    

Q4. How to create session in ionic?

A session is created in Ionic by instantiating the session variable.

Q5. What is Ionic Capacitor?

The capacitor is a cross-platform API and code layer developed by the Ionic framework team as an alternative to the Cordova. The capacitor is used to call the Native SDKs from the web code and with that, you can write native plugins for your application.

The capacitor has first-class swift support, and objective – c support for writing plugins. On the Android side, it has the support for the plugin to be written in java and Kotlin. The capacitor also supports the Progressive web applications. So, you can write one app with the capacitor and release it in all the app stores and the web.

Q6. What are pros and cons of ionic framework?

Advantages of using the Ionic framework

  • It provides a single codebase to develop applications in all the platforms as it is supported by all the major platforms like android, iOS, and web.
  • As it is supported by all the platforms, it reduces the cost of development of the apps and makes faster app learning.
  • The development process uses ionic involves mainly HTML, CSS, and JS. It is easy to learn and also well known by most of the developers around the world.
  • The ionic framework can be integrated with many tools like security tools, testing tools, etc.
  • It has a strong community and high support for development.

Disadvantages of using the Ionic framework

  • The performance is lacking with the native application developed by the Ionic framework.
  • You need to install a specific plugin every time you develop an application. Most often suitable plugins can be found, but there is a case of absence of plugins too.
  • Ionic doesn’t support fast reloading which makes you apply changes to your app without reloading the whole app.

Q7. How to check ionic version?

The version of the ionic library can be found in two ways,

Type ionic.version in your browser console and press enter.

It will give you the version of the ionic that your system is running.

Another method is, open your bower.json file in your application. Here, the version of the ionic can be found.

Q8. Enlist major differences between ionic 3 and ionic 4?

Major differences between ionic 3 and ionic 4

  • Ionic 3

The Ionic 3 framework is developed using Angular 2. It has its own file structure and doesn’t use the command line from the Angular. It also uses its own routing system.

  • Ionic 4

The Ionic 4 framework is developed using Angular 7. It follows the Angular file structure, Angular CLI, and the Angular router. Apart from this, the Ionic 4 brings the following changes to it. The Ionic 4 is developed to use the Web API’s and each component in the ionic 4 has a web component.

The ionic 4 is also completely independent from the base framework. Ionic 4 uses an Angular router which makes the navigation simple and much understandable than Ionic 3. The lifecycles in the Ionic 3 is also replaced by the Angular Lifecycles in the Ionic 4.

Q9. How to update ionic version via cmd?

To update the Ionic framework using CLI,

First, make sure you have the latest version of the npm installed on your system

Then, run the following command in your CLI to update the Ionic framework to the latest version,

npm update –g cordova ionic

Q10. What is npm cordova check plugins?

Cordova check plugin is a tool to check the plugins present in the Cordova are up to date. It checks if the updates are available for the plugins. Update them if there is any. Synchronizes the installed plugin with the config.xml.

To install the tool,
npm install –g cordova-check-plugins To run it, cordova-check-plugins

Q11. What are Web Components?

Introduced in the Ionic 4, web components are a group of web APIs that is used to create reusable HTML tags that are encapsulated. With it, you can create a portable user interface that can be easily reused. Web components work on the following four components,

  • Custom elements – It defines the fundamentals to design new elements.
  • Shadow DOM – It defines how to encapsulate the code in the web component.
  • HTML imports – It defines how to reuse the HTML document.
  • HTML templates – It defines how to declare fragments of code that are instantiated at runtime.

Q12. How to rename Ionic app?

The Ionic framework application name can be changed in the config.xml file,

Go to your applications config.xml file and change the name in the tag that is responsible for your app name.

//example
<name> default name to new name //In config.xml file

Q13. Enlist some popular apps built with Ionic Framework?

Some popular apps built with Ionic Framework

  • Market Watch – To get market data and news that is available for android and iOS.
  • Pacifica – A mental health app.
  • Sworkit – A fitness app.
  • JustWatch – A streaming search engine app.
  • McDonald’s Turkiye – A food ordering app.

Q14. What is Ionic Native?

Ionic native is a typescript wrapper that allows the developers to add native functionality for the Ionic mobile app by wrapping the Cordova or PhoneGap plugins. It wraps the callbacks in the plugin as a promise or an observable. So, it provides a common interface for all the plugins. The ionic native plugins can be installed easily into your app by using the npm installer. For e.g., to install a camera plugin. Run the following command,

npm install @ionic-native/camera@4 –save

Q15. Enlist types of storage is available in IONIC?

There are mainly two types of storage available in the Ionic framework.

  • Ionic offline storage –

A cross-platform storage used in the development of iOS and Android applications. It is Offline storage that is secure, offers high performance and NoSQL query support.

  • Ionic storage –

It is used to store key/value pairs and JSON objects. It uses different types of storage engines for different purposes. It uses SQLite when developing a native app as it is stable and widely used. It also uses WebSQL, and local storage when developing the Progressive Web apps.

Q16. Enlist few UI Components of IONIC?

Ionic app is made up of different types of UI components.

Some of the popular UI components are,

  • Action sheet – It is used to display a set of actions. Button – To let the user take action and navigate the app.
  • Card – It displays useful information to the user.
  • Checkbox – to make a binary decision.
  • Searchbar – used to search from a list of items.
  • Chip – used to display data in a compact way.

Q17. What is Ionic AdMob?

Ionic AdMob is a plugin for Google ads. It is supported on all the major platforms.

There are two types of AdMob,

AdMob free – It a no ad sharing version that requires Cordova to install. Npm is used to install it, npm install @ionic-native/admob-free

AdMob Pro – It is used to earn money from the ad and it takes a percentage of your earnings. To install it, npm install @ionic-native/admob-pro

About Author :

  • Author of IONIC Framework Interview Questions

    Sharad Jaiswal

    Sharad Jaiswal is Sr. Web Developer from Noida area. He have rich experience in PHP, Angular Js, React, javascript and Node .If you any query or project on these programming you can drop your enquiry in comment section.

Leave A Comment :

Valid name is required.

Valid name is required.

Valid email id is required.