08th Dec, 2019
Hybrid App Platform
Below are few major features of Ionic Framework
Q1. What is Ionic Framework?
Q2. Which programming language is used in ionic framework to create Apps?
Q3. How do you create an ionic project?
To create a Project is Ionic simply follow the below steps
ionic start firstApp sidemenu
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
Disadvantages of using the Ionic framework
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
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.
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,
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.
<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
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.
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.
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,
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