1

2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
Which of the following includes device APIs that allow accessing native device features like camera or maps?
Which of the following files has the ionic styles?
Which of the following files contains all required JS files for Ionic and Angular?
Which of the following folders contains icons in Ionic?
Which of the following is not a in-built Ionic template?
Which of the following classes can be used to create margin of certain number pixels around the list items?
Which of the following classes can be used to group a set of items in a List?
Which of the following classes can be used to create a button that occupies the entire width of the screen?
Which of the following classes defines the footer?
Which of the following CSS components are best to create a News App that displays a picture, caption with short description?
In a responsive Grid, which class, breaks the row of columns, when the window size is smaller than portrait tablet?
Which of the following components uses "CSS Flexible Box Layout"?
Ionic Grid system is responsive by default.
Which of the following is a content pane that can go over the user’s main view temporarily?
Which of the following components is a multi-page container where each page can be swiped or dragged between?
Which of the following interaction modes can be enabled by using ionList and ionItem directives?
Which of the following services can be used to trigger an Action Sheet?
What is the ionic directive that can be used for creating a tab bar?
CLI is an extension of _________.
What is the command for running an app in IOS emulator?
CLI is based on _____.
Which of the following statement is not true about the IONIC framework?
Cards can contain
Adding which of the following classes to the content, makes space for the header.

Which of the following is a content pane that can go over the user’s main view temporarily?
Which of the following includes device APIs that allow accessing native device features like camera or maps?
Which of the following is a slide-up pane that lets the user choose from a set of options?
Which of the following classes can be used to create margin of certain number pixels around the list items?
Which of the following offers AngularJS wrappers for the most popular Cordova plugins?
Which of the following is the place to check for community contributed IONIC Components?
In Ionic CLI, which of the follow commands can be used to automatically monitor changes in the file system?
Which CSS component is ideal for creating top navigation for a mobile app?
Components in iconic by default have both padding of
Which of the following directives can help in using Ionic custom Scroll View, or the built in overflow scrolling of the browse?
Which of the following directives can be used to enable the "pull to refresh" functionality?
Which of the following can be used for Rapid Prototyping?
Which tool can be used to create icons and splash screens for all supported devices?
Which of the following tags display a button with rounded corners?

Which of the following files has the ionic styles? Ionic.css

Which of the following files contains all required JS files for Ionic and Angular? Ionic.bundle.min.js

Which of the following folders contains icons in Ionic? - Fonts

Which of the following statement is not true about the IONIC framework? -  It is built on top of Cascading, Scalding, C++ and  n
Which of the following is not a in-built Ionic template? – Navigation

Which of the following includes device APIs that allow accessing native device features like camera or maps? – CORDOVA

Padding
Many components in Ionic purposely have both padding and margin reset set to zero. Developers can easily control padding a
The padding utility classes add a default 10px between the outer box of the element and its inner content.
Other utility classes like padding-vertical, padding-top, padding-right, ... can be used as needed.

Which of the following classes can be used to group a set of items in a List? – item- divider

Which of the following classes can be used to create a button that occupies the entire width of the screen? Button –block

Which of the following classes can be used to create margin of certain number pixels around the list items? List – inset

Which of the following tags display a button with rounded corners? Both

Which of the following classes can be used to group a set of items in a List?

<div class="bar bar-header bar-positive">

  <button class="button icon ion-navicon"> 
  </button>
  <h1 class="title">Awesome Music App
  </h1>
</div>

<div class="bar bar-footer bar-calm">

    <button class="button icon ion-share">
     Share with Friends 
     </button>
     <button class="button icon ion-gear-a">
      Settings 
    </button>
</div>

<div class = "tabs tabs-icon-top tabs-assertive">

   <a class = "tab-item">
      <i class = "icon ion-home"></i>
      Home
   </a>
   <a class = "tab-item">
      <i class = "icon ion-star"></i>
       Favorites
   </a>
</div>

<div class = "row">

    <div class = "col">row1 col1</div>
</div>
<div class = "row">
    <div class = "col col-75">row2 col1</div>
    <div class = "col">row2 col 2</div>
</div>

Responsive Grid
Responsive classes can be used to turn each column in a row into its own row at certain breakpoints. This is useful when colum
Classes for defining when the columns should break into stack of rows:
.responsive-sm - Smaller than landscape phone
.responsive-md - Smaller than portrait tablet
.responsive-lg - Smaller than landscape tablet
Example:
<div class="row responsive-sm">
  <div class="col">.col</div>
  <div class="col">.col</div>
  <div class="col">.col</div>
</div>

Which CSS component is ideal for creating top navigation for a mobile app? – Tabs

Cards can contain ____. All

Components in iconic by default have both padding of 0 or 5 pixels – 10 pixels is wrong, 5 pixels is also wrong
Which of the following components uses "CSS Flexible Box Layout"? – Grid

Adding which of the following classes to the content, makes space for the header. – padding and header   wrong answer

Which of the following CSS components are best to create a News App that displays a picture, caption with short description?

Which of the following classes defines the footer? Bar-footer

In a responsive Grid, which class, breaks the row of columns, when the window size is smaller than portrait tablet? Responsive
Ionic Grid system is responsive by default. – True

Which of the following interaction modes can be enabled by using ionList and ionItem directives? All

Which of the following is a slide-up pane that lets the user choose from a set of options? – Action Sheet
Which of the following components is a multi-page container where each page can be swiped or dragged between? Ion-slides

Which of the following is a content pane that can go over the user’s main view temporarily?  Modal

What is the ionic directive that can be used for creating a tab bar? Ion-Tabs

Which of the following directives can help in using Ionic custom Scroll View, or the built in overflow scrolling of the browse?   C

Which of the following directives can be used to enable the "pull to refresh" functionality?  refresher

Which of the following services can be used to trigger an Action Sheet?

$ionicActionSheet

Testing an Ionic App in a Browser

Start the local development server by navigating to the project directory and running the command below in the CLI.
> ionic serve
If connected to a network, you can choose to host the app
•             In a port in your IP
•             In your local host
Hosting the app in IP, allows users to test from other devices by invoking the server IP address with the port.
Once the command is executed, it will automatically open the app in the browser.
Benefits of Ionic Serve:
•             Useful for testing on desktop and device browsers
•             Starts Live Reload of app for file changes, helping monitor changes in the file system.
Running App in Emulator
Open the terminal/windows explorer.
Go inside the TestApp directory and type the emulator command to launch the app.
Once the app is launched, click on different tabs to see if the app is working perfectly.
>ionic emulate ios
OR
>ionic emulate android
Note: Optionally, device name can be provided in this command. If not provided, it will automatically open the app in the lates

In Ionic CLI, which of the follow commands can be used to automatically monitor changes in the file system? Ionic serve

CLI is an extension of _________.  Node

What is the command for running an app in IOS emulator? ionic emulate ios

CLI is based on _____. cordova(Wrong)

Ionic Resources
Ionic Resources is a really cool tool for automatically generating all the splash screens and icons for your apps.
Save icons, splashscreens to resources folder of Ionic Project, add platform and run the resource tool using:
ionic resources
This single command, resizes and crops all images to accommodate different screen sizes and saves them to resources/androi

Ionic View makes it easy to share your Ionic apps with other developers in the organization and testers around the world, with
Ionic Framework is light and performant, with most essential components and mobile UI paradigms. If you are looking for any
Ionic Market facilitates an open exchange of Ionic starter apps, themes, and plugins to jumpstart app development.

Ionic Creator is a Rapid Mobile App Builder with simple draganddrop components, that can help any one to build an App at jet
Going beyond prototying, you can add your own code, export clean, standards compliant Ionic projects, and even iOS and And

A collection of over 70 native AngularJS extensions on top of the Cordova API that makesit easy to build, test, and deploy Cord
ngCordova offers plugins for features like:
•             Camera
•             Touch ID
•             Authorization
•             Push Notification
•             Geolocation
•             Progress Indicator

Which of the following offers AngularJS wrappers for the most popular Cordova plugins?  ionic market is wrong
Which of the following can be used for Rapid Prototyping? – ionic Creator
Which tool can be used to create icons and splash screens for all supported devices? Ionic resources
 CORDOVA
Ionic.css
Ionic.bundle.min.js
Fonts
Navigation
List – inset
item- divider
Button –block
Bar-footer
Cards
Responsive –md
Grid
1
Modal
Ion-slides
All
$ionicActionSheet
Ion-Tabs
Node
ionic emulate ios
CORDOVA
It is built on top of Cascading, Scalding, C++ and nodeJS
ALL
has-header
Action Sheet
Angular JS Node
Action Sheet
list-inset
ngCordova
Iconic-View Iconic resources
Ionic serve
Tabs
0 pixels
Content
refresher
ionic Creator
Ionic resources
Both

ng, C++ and  nodeJS

rol padding and margins throughout the app.
ul when columns do not fit well in the available area.

description? Cards

t? Responsive –md
 n? Ion-slides

he browse?   Content
pp in the latest device iOS/Android Device.

urces/android or resources/ios folders.

e world, without complicated Beta provisioning.

oking for anything beyond this, Ionic Market is the place you need to go.

an App at jet speed.

n iOS and Android builds ready to submit to the App Stores.

d deploy Cordova mobile apps with AngularJS.