NEW
Font size
WorksheetsWeb Application Frameworks
Total questions: 25
Worksheet time: 19mins
What is Angular CLI?
Acronym for Angular Command Line Integration
Acronym for Angular Command Line Interface
Acronym for Angular Code Login interface
Acronym for Angular Command Login Interface
What is the syntax of decorator in Angular?
#() with optional parameters
$() with optional parameters
@() with optional parameters
None of the above
How does code written in Typescript can be converted to Javascript?
Through Compiler
Through Interpreter
Through transpilation
All of the above
What is a web framework?
A framework used for designing web application.
A framework used for designing mobile application
A framework used for designing Java application
All of the above
The various types of web frameworks are
Single Page vs Multi Page
Server centric vs Client centric
Action based vs component based
All of the above
Which versions of Angular are referred as AngularJS
Angular versions less than 1.x
Angular versions greater than 2.x
Angular versions prior to 2
All of the above
Components rely on ________________ for rendering data
Directives
Modules
Templates
All of the above
The extension .ts indicates
Its a target source file
Its a Typescript file
Its a transpiler file
None of the above
How many files are created when components are created?
2
3
4
None of the above
<div style="text-align:center">
<h1>
Welcome to {{ title }}!
</h1>
</div>
What type of feature is implemented in this code?
title printing
data mapping
Interpolation or substitution
None of the above
What type of framework Bootstrap is?
Angular framework
Node framework
CSS framework
All of the above
<meta> tag in Bootstrap is used because of
Execution of the styles
Proper rendering and touch zooming
Creation of styles in document
All of the above
What is the importance of viewport tag in Bootstrap?
To execute the layout in browsers
To control layout in mobile browsers
To decrease size in bootstrap
None of the abovee
Which of the following is correct about Bootstrap jumbotron?
This component can optionally increase the size of headings and add a lot of margin for landing page content.
To use the Jumbotron: Create a container <div> with the class of .jumbotron.
Both of the above
None of the above
A standard navigation tab is created with:
<ul class=”navigation-tab”>
<ul class=”nav-tab”>
<ul class=”nav-nav-tab”>
None of the above
Which plugin is used to create a modal window?
Modal
Template
Directive
Carousel
Which of the following class in bootstrap is used to create a big box for calling extra attention?
box
container
container-fluid
Jumbotron
Which of the following is correct method to add a success button?
<button class = "btn btn-success"> success </button>
<button class = "btn button-success"> success </button>
<button class = "button btn-success"> success </button>
<button class = "button btn-primary"> success </button>
The class in Bootstrap which is used to specify the collapsible elements is
Collapse
Page
Carousel
None of the above
Which of the following class in Bootstrap is used to create a large button?
btn-xl
btn-sm
btn-lg
None of the above
Responsive web design allows web developers to create a single design that works on
Mobiles
Smart TVs and PCs
Tablets
All of the above
<div class="container">
<div class="row">
<div class="col-xs-6">
<h4>Column 1 </h4>
What does col-xs-6 represent?
Class that span across six columns in a extra small devices
Class that span across six columns in medium devices
Class that span across six rows in large devices
None of the above
Contextual classes add _______________ to the components
Colors
Dimensions
Layouts
All of the above
<span class="glyphicon glyphicon-heart"></span>
What will be the output?
This code displays a mail icon
This code displays a heart icon
This code does not display anything
None of the above
Another type of pagination is created by
a page header
breadcrumbs
progress bar
None of the above
