Ionic Framework Quiz
1. Which of the following is not a in-built Ionic template
Answer: NAVIGATION
2. Which of the following files has the ionic styles?
Answer: ionic css
3. Which of the following files contains all required JS files for Ionic and Angular?
Answer: ionic.bundle.min.js
4. Which of the following folders contains icons in Ionic?
Answer: fonts
5. Which of the following statement is not true about the IONIC framework?
Answer: It is built on top of Cascading, Scalding, C++ and NodeJs
6. Which of the following includes device APIs that allow accessing native device features like camera or maps?
Answer: CORDOVA
7. Which of the following classes can be used to create a button that occupies the entire width of the screen?
Answer: button-block
8. Which of the following tags display a button with rounded corners?
Answer: both the options
9.Which of the following classes can be used to group a set of items in a List?
Answer: item-divider
10. Which of the following classes can be used to create margin of certain number pixels around the list items?
Answer: list-inset
11. In a responsive Grid, which class, breaks the row of columns, when the window size is smaller than portrait tablet?
Answer: responsive-md
12. Which of the following CSS components are best to create a News App that displays a picture, caption with short description?
Answer: Cards
13. Which of the following classes defines the footer?
Answer: bar footer
14. Which CSS component is ideal for creating top navigation for a mobile app?
Answer: tabs
15. Ionic Grid system is responsive by default.
Answer: True
16. Which of the following components uses "CSS Flexible Box Layout"?
Answer: grid
17. Cards can contain
Answer: all
18. Adding which of the following classes to the content, makes space for the header.
Answer: has-header
19. Which of the following interaction modes can be enabled by using ionList and ionItem directives?
Answer: all
20. Which of the following services can be used to trigger an Action Sheet?
Answer: $ionicActionSheet(r)
21. Which of the following directives can be used to enable the "pull to refresh" functioality?
Answer: ion-refresher(r)
22. What is the ionic directive that can be used for creating a tab bar?
Answer: ion-tabs(r)
23. Which of the following components is a multi-page container where each page can be swiped or dragged between?
Answer: ion-slides(r)
24. Which of the following directives can help in using Ionic custom Scroll View, or the built in overflow scrolling of the browse?
Answer: ion-content(r)
25. Which of the following is a content pane that can go over the user’s main view temporarily
Answer: Back Drop(w) Action Sheet(w)
26. Which of the following is a slide-up pane that lets the user choose from a set of options?
Answer: Action Sheet(r)
27. What is the command for running an app in IOS emulator?
Answer: ionic emulate ios(r)
28. CLI is an extension of _________.
Answer: Node.js(r)
29. In Ionic CLI, which of the follow commands can be used to automatically monitor changes in the file system?
Answer: ionic serve(r)
30. CLI is based on _____
Answer: CORDOVA(r)