HTML
   HTML5
   CSS
   CSS3
   JavaScript
   jQuery
   AngularJS
   Articles
   Tech Articles
   Blog
Google News
logo
Ionic - Quiz(MCQ)
1 .
Who created Ionic framework?
A)
Yukihiro Matsumoto
B)
Jordan Walke and Guido van Rossum
C)
Misko Hevery and Adam Abrons
D)
Max Lynch and Ben Sperry

Correct Answer :   Max Lynch and Ben Sperry

Explanation : Ionic was founded in 2012 by developer and designer duo, Max Lynch and Ben Sperry. The company's first major project was an open source framework that made it possible for web developers to build fast, beautiful mobile apps for any platform, using the web tools and languages that they already know and love.

2 .
When was the Ionic framework Initial released?
A)
2013
B)
2010
C)
2007
D)
2005

Correct Answer :   2013

Explanation :

Ionic is a complete open-source SDK for hybrid mobile app development created by Max Lynch, Ben Sperry, and Adam Bradley of Drifty Co. in 2013.
 
The original version was released in 2013 and built on top of AngularJS and Apache Cordova. However, the latest release was re-built as a set of Web Components, allowing the user to choose any user interface framework, such as Angular, React or Vue.js. It also allows the use of Ionic components with no user interface framework at all.

Ionic was created by Drifty Co. in 2013. After releasing an alpha version of the framework in November 2013, a 1.0 beta was released in March 2014, a 1.0 final in May 2015, and several 2.0 releases in 2016.

Since January 2019, Ionic 4 allows developers to choose other frameworks apart from Angular like React, Vue.js, and web components.

Present Vertion : 6.3.6 / 10 November 2022

3 .
What is true about the Ionic Framework?
A)
Ionic framework is an open-source UI toolkit
B)
It allows developers to build once and run everywhere.
C)
The Ionic framework mainly focuses on front-end user experience or UI interaction
D)
All of the above

Correct Answer :   All of the above

4 .
To rename an Ionic app, which file is used?
A)
admin.xml
B)
setting.xml
C)
config.xml
D)
resource.xml

Correct Answer :   config.xml

Explanation : To rename the Ionic app, open the config.xml file from your project's root directory and update the value inside the name tag.

5 .
Which element serves as a container for the whole Ionic app?
A)
i-app
B)
ion-app
C)
ionic-app
D)
ionic-application

Correct Answer :   ion-app

6 .
WhIich are the advantages of an Ionic Framework?
A)
Easy to learn
B)
Cross-platform
C)
Easy documentation
D)
All of the above

Correct Answer :   All of the above

Explanation : All of the above are advantages of an Ionic Framework.

7 .
__________ is a general process where we load that thing whenever we need them.
A)
Lazy loading
B)
Lazy page
C)
Lazy routing
D)
Lazy component

Correct Answer :   Lazy loading

Explanation : Lazy loading is a general process where we load that thing whenever we need them. The main idea behind this concept is that we do not need to load every page in the application when the application is launched.

8 .
The Ionic framework comes with a set of _________ predefined colors.
A)
8
B)
9
C)
10
D)
11

Correct Answer :   9

9 .
Sworkit apps built with the Ionic Framework.
A)
True
B)
False
C)
Can not say
D)
--

Correct Answer :   True

10 .
These are internet-enabled applications with mobile device-specific capabilities.
A)
Hybrid applications
B)
Native applications
C)
Mobile web applications
D)
All of the above

Correct Answer :   Mobile web applications

Explanation : Mobile web apps are internet-enabled apps, which have specific functionality for mobile devices. The mobile web apps accessed through the mobile device's web browsers.

11 .
CORS stands for_______.
A)
cross-origin resource server
B)
cross-origin request sharing
C)
cross-outside resource sharing
D)
cross-origin resource sharing

Correct Answer :   cross-origin resource sharing

12 .
If you have not set any color to the required element, it sets the primary color by default.
A)
Yes
B)
No
C)
Can not say
D)
--

Correct Answer :   Yes

Explanation : Yes, If you have not set any color to the required element, it sets the primary color by default.

13 .
Which are the disadvantages of an Ionic Framework?
A)
Security
B)
Performance
C)
Not good for video game
D)
All of the above

Correct Answer :   All of the above

Explanation : All of the above are the disadvantages of an Ionic Framework.

14 .
The Ionic grid consists of a ____ column layout with several breakpoints according to screen size.
A)
13
B)
12
C)
11
D)
10

Correct Answer :   12

15 .
All files from the www folder are copied to the target platform's www folder by the ______________ <platform>.
A)
ionic alert
B)
ionic copy
C)
ionic prepare
D)
ionic content

Correct Answer :   ionic prepare

16 .
What is the name of the AndroidManifest.xml's default activity class?
A)
Frontbook
B)
Backbook
C)
Frontpage
D)
Backpage

Correct Answer :   Frontpage

17 .
In an ion-grid component, If columns are without size value, it will automatically take equal widths.
A)
True
B)
False
C)
Can not say
D)
--

Correct Answer :   True

Explanation : True, If columns are without size value, it will automatically take equal widths.

18 .
__________ is a dialog that notifies the user with important information to make a decision or provide the ability to choose a specific action or list of actions.
A)
Ion-List
B)
Ion-Buttons
C)
Ion-Content
D)
Ion-Alert

Correct Answer :   Ion-Alert

Explanation : An alert is a dialog that notifies the user with important information to make a decision or provide the ability to choose a specific action or list of actions. It appears on top of the app content. It can be dismissed manually by the user before resuming interaction with the app.

19 .
Can we use Firebase with Ionic?
A)
Yes
B)
No
C)
Can not say
D)
--

Correct Answer :   Yes

Explanation : Yes, we can use Firebase with Ionic. It is one of the most powerful and popular databases as a service solution available today. Firebase SDK is also available as a node module. It can be installed within your project, import it, and can use it.

20 .
How will you disable content scrolling in Ionic?
A)
Add no-fly property in <ion-content> element
B)
Add no-bounce property in <ion-content> element
C)
Add no-dive property in <ion-content> element
D)
Add no-jump property in <ion-content> element

Correct Answer :   Add no-bounce property in <ion-content> element

21 .
A progressive web application is a regular web application that has the appearance and feel of a native mobile app.
A)
Yes
B)
No
C)
Can not say
D)
--

Correct Answer :   Yes

22 .
_________ is fired when the component routing-to is about to animate into view.
A)
ngOnDestroy
B)
ionViewDidEnter
C)
ionViewWillLeave
D)
ionViewWillEnter

Correct Answer :   ionViewWillEnter

Explanation : ionViewWillEnter : It is fired when the component routing-to is about to animate into view.

23 .
Which event is fired when nav will load a component?
A)
ionNavDidChange
B)
ionNavWillChange
C)
ionNavWillLoad
D)
All of the above

Correct Answer :   ionNavWillLoad

24 .
Which of the following storage options is available in the Ionic framework?
A)
PouchDB
B)
LocalStorage
C)
SessionStorage
D)
All of the above

Correct Answer :   All of the above