Ionic

 20 Minutes
 10 Questions


This test is designed to assess a candidate's knowledge of the basics of technology and the Ionic framework. It will cover topics such as the fundamentals of Ionic, how to create and deploy an Ionic application, and how to use Ionic components. The test will also include questions about the different types of technologies used in Ionic development, such as HTML, CSS, JavaScript, and Angular.


Example Question:

Multiple-Choice
What will be the result of the code below:
//HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<link href="http://code.ionicframework.com/1.0.0/css/ionic.min.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0/js/ionic.bundle.js"></script>
</head>
<body ng-app="app">
<ion-pane>
<ion-header-bar class="bar-stable">
<h1 class="title">My App</h1>
</ion-header-bar>
<ion-content class="padding" ng-controller='mycontroller'>
<button class="button button-assertive">I'm a button</button>
</ion-content>
</ion-pane>
</body>
</html>
//JavaScript
angular.module('app', ['ionic'])
.controller('mycontroller', function($scope, $ionicActionSheet, $timeout) {
$scope.show = function() {
var hideSheet = $ionicActionSheet.show({
buttons: [
{ text: '<b>Click Me</b>' },
{ text: 'Disable' }
],
destructiveText: 'Enable',
titleText: 'Modify your album',
cancelText: 'Cancel',
cancel: function() {
// add cancel code..
},
buttonClicked: function(index) {
return true;
},
destructiveButtonClicked: function() {
return true;
},
});
};
$scope.show();
});