Frontend Development Question Answers [Free]
What is Front End Development?
The front end development of a website involves the design and appearance of the site. All the visible site features of any website are built through front end development. The development of a website involves two main components, and each requires different skills. Back-end developers handle what happens behind the scenes, while front-end developers handle what users see and interact with. Web development on the front end is also known as client-side development. It involves producing HTML, CSS, and JavaScript so the user can view and interact with the website. As tools and techniques for building the front end of a website change constantly, front-end developers must constantly keep up with the changes in their field.
1. Which array method
should you apply to run a function for every item within an array, returning an
array of all items for which the function is true?
every()
map()
forEach()
filter()
2. You are creating a
responsive design, but when you view your site on a smaller screen, you notice
that images are causing a horizontal scroll bar. How can you solve this problem
without stretching any images out of shape?
Set object-fit:
contain on the images.
Set max-width: 100% on the images.
Set width: 100% on the
images.
Set resize: true on
the images.
3. Lighthouse is a
tool for auditing your website. Which choice is not a category of report
offered by Lighthouse?
performance
UX design
accessibility
SEO
4. Which color value
will create a background color that is semitransparent?
rgb(18, 138, 125)
#128a7d
rgba(18, 138, 125,.5)
hsl(174, 77%, 31%)
5. How would you
change this code to make Vanilla selected by default?
<input
type="radio" value="strawberry">Strawberry
<input
type="radio" value="vanilla">Vanilla
<input
type="radio" value="chocolate">Chocolate
<input
type="radio" value="vanilla" checked>
<input type="radio"
value="vanilla" check>
<input type="radio"
value="vanilla" selected>
<input type="radio"
value="vanilla" on>.
6. Which line would
you add to this code to add "Cosmos" to the list of currencies using
JavaScript?
var currencies =
['Bitcoin', 'Ethereum'];
/* Missing line */
console.log(currencies);
currencies.push("Cosmos");
Array.append("Cosmos",
currencies);
currencies.add("Cosmos");
currencies(2) =
"Cosmos";
7. Which HTML element
represents either a scalar value within a known range OR a fractional value?
<meter>
<range>
<datalist>
<optgroup>
8. Which choice is
not a value of the type attribute of the <input> element?
range
address
date
password
9. You want to create
striped table rows using CSS without adding a class to any element. Which CSS
would correctly apply the background color to every odd row in your table?
tr:nth-child(2) {
background-color: #ccc; }
tr:nth-child(2n+1) { background-color: #ccc; }
tr:nth-child(2+1) {
background-color: #ccc; }
tr:nth-child(2n) {
background-color: #ccc; }
10. How would you
round the value 11.354 to the nearest full integer?
round(11.354);
Math.round(11.354);
Math.rnd(11.354);
Maths.round(11.354);
11. The CSS box model
describes how the parts of a CSS box fit together and the size of the box. What
is the actual width of the following box's visible part under the standard box
model?
box {
width: 200px;
padding: 10px;
margin: 0 15px;
border:
2px 5px;
}
230px
220px
200px
260px
12. You find this
code in a stylesheet. What is it being used for?
.cf::after {
content: '';
display: block;
clear: both;
}
inserting content
that cannot be seen by screen readers
fixing an Internet
Explorer 11 bug
clearing floats in float-based layouts
creating a new block
formatting context
13. What is the
JavaScript compiler Babel used for?
converts ECMAScript 2015+ code into backward compatible
version of JS to support older browsers
used to bundle individual
JS files for use in your website
convert older JS code
into modern ECMAScript 2015+ code
it is a SSR library
that can enhance SEO and accessibility of your site
14. What is meant by
the term "polyfill" when used in web development?
It is a piece of code that provides modern functionality in
browsers that do not support it.
It is a piece of code
that hides broken content from old browsers.
It is a term for
languages such as Saas that compliles to CSS.
It is a script that
runs to add vendor prefixes to modern CSS.
15. Which
pseudo-class allows you to selectively show a focus ring on elements only if
keyboard navigation is detected?
:focus-visible
:focus-ring
focus-keyboard
focus-show
Ref
https://web.dev/learn/css/pseudo-classes/
16. Which is the default
border color?
black
white
currentColor
17. .my-element {
border: solid hotpink;
}
What is the default
width of a border?
1px
medium
solid
18. border-inline:
1px solid would...
put borders on the left and right (in Latin layouts).
In a Latin layout
like English, border-block would be the top and bottom.
put borders on the
inside.
put borders on the
first line.
19. How are absolute
and relative units different?
Absolute values can't
change but relative units can
An absolute length is calculated against a single shared
base value, where a relative unit is compared against a base value that can
change.
20. What is the
minimum number of colors required to create a gradient?
1
2
3
4
21. Elements can have
multiple gradients as a background?
True
False
21. Variables
declared with the let keyword have what type of scope?
function scope
block scope
inline scope
global scope
22. Why would you
surround a piece of text with <h1></h1> tags?
to indicate that this text is the main heading on the page
to make the text bold
to ensure that search
engines treat the keywords as being important for this page
to demonstrate to
screen readers that this text is important
23. When might an
empty alt attribute be the correct value?
when you cannot think
of useful alt text
when you don't think
it would be interesting to someone who cannot see it
when the image has
come from a CMS
when the image is purely decorative
24. Which attribute
must have a unique value each time it is used in an HTML document?
title
class
style
id
25. Which CSS
property will not trigger layout recalculation?
top
opacity
width
height
26. What will be the
value of selected?
let pocket =
['turnip', 'stone', 'log', 'apple'];
let selected =
pocket[1];
log
apple
stone
turnip
27. What does the ===
comparison operator do?
It sets one variable
equal to another in both value and type
It tests for equality
of type only
It tests for equality
of value only
It tests for equality of value and type
28. In the following
code, the variable fruit has been assigned a value of apple. How would you
change the value to plum?
let fruit = 'apple';
let fruit = 'plum'
var fruit = 'plum'
const fruit = 'plum'
fruit = 'plum'
29. What is the
<label> element used for?
to identify the
difference parts of a figure
to explain what needs to be entered into a form field
as a caption for
images
as a heading for
tables
30. The browser finds
some CSS that it does not understand. What is likely happen?
The page will not
display
An error message will
be displayed
The browser will not
load the stylesheet
The browser will ignore the unknown CSS
31. In this code,
what is the term for the h1?
h1 {
color: red;
font-size: 5em;
}
selector
combinator
declarator
markup
32. Which HTML will
result in text being highlighted in yellow?
.highlight {
background-color: yellow;
}
<span class="highlight">#BLM</span>
<span
style="highlight">#BLM</span>
<highlight">#BLM</span>
<div
id="highlight">#BLM</span>
33. You have used
display: none in your stylesheet. Which users will be able to see or hear this
content?
all users
users who can see the
content on screen
no users
screen reader users
34. Which choice is
not part of CSS box model
margin
border
padding
paragraph
35. Which part of the
URL https://app.uniswap.org/pool specifies the domain name
https
org
uniswap.org
app.uniswap
36. Which HTML
element is not considered a landmark element?
<form>
<ul>
<main>
<nav>
37. Which statement
is true when an HTML tag has been deprecated?
It employs code that
can be viewed only on a desktop computer
It is obsolete and is not recommended for use in marking
web content
It employs code that
will require users to update their browsers
It employs incorrect
syntax that will cause the browser to crash
38. How does the rem
unit represent a font size?
Font sizes are
expressed relative to the font size of the containing div element
Font sizes are
expressed relative to the font size of the parent elements
Font sizes are
relative to the base font size of the operating system.
Font sizes are relative to the root em unit used in the
HTML element.
39. What is Webpack
primarily used for?
sharing JavaScript
code with other people
making
JavaScript-reliant sites accessible to users who do not have JavaScript turned
on
bundling individual JavaScript files for use in your
website
40. How many columns
will there be, given this code?
.container {
width: 600px;
column-width: 200px;
column-gap: 50px;
}
one
three
four
two
41. Which style will
change the color of the text?
<cite>Noam
Chomsky</cite>
A
cite {
text-color: cyan;
}
B
cite {
font-color: cyan;
}
C
cite {
color: cyan;
}
D
cite {
text: cyan;
}
42. What is the
correct way to initialize an array of galaxies in JavaScript?
String[] galaxies =
new Array("Milky Way", "Whirlpool", "Andromeda");
let galaxies = {Milky
Way, Whirlpool, Andromeda};
galaxies = ["Milky Way", "Whirlpool",
"Andromeda"];
var galaxies =
{"Milky Way", "Whirlpool", "Andromeda"};
43. Which description
correctly describes the initial values of flex items if the only thing you have
done is apply display: flex to their parent?
Items display in a row, lined up at the start, and do not
stretch to fill the container
Items display in a
column, lined up at the start, and do not stretch to fill the container
Items stay in a column
until you add some flex properties.
Items display in a
row, lined up at the start, and stretch to fill the container
44. Which line of
code, if applied to all flex items in a flex container, would cause each flex
item to take up an equal share of the total width of the container? For
example, if there are four items, they would get 25% of each/
flex: 1 0 0;
flex: initial;
flex: 1 1 auto;
flex: 1 0 auto;
45. A video on your
webpage does not display and the console shows an error about mixed content. What
is happening?
The webapge is using
a DOCTYPE, which renders it incapable of displayed video in addition to other
web content.
Your browser does not
support HTML5 video.
The video is from a
source that cannot be displayed in your location for legal reasons.
The page is loaded via HTTPS, but the video is being served
insecurely as HTTP and the browser is blocking it.
46. What will this
loop print?
let max = 3;
for (i = 0; i > max; i++) {
document.write("skrt ");
}
skrt skrt skrt
skrt skrt
skrt skrt skrt skrt
nothing
47. You have placed
an image in a directory named images and want to reference it from a page
located in the root of your site. Which choice would correctly display the
image on the page?
< img
src="image.jpg">
< a
href="images/image.jpg">
< img src="images/image.jpg">
< img
href="image.jpg">
48. Which choice is a
correct use of the parseInt() function in Javascript that parses a string and
return an integer?
parseInt("six");
parse_int('6');
parseInt("6");
parseint("6");
49. How can you
rewrite this function using arrow function syntax?
let product => (x,y) { x * y; }
let product = (x,y) => x*y;
let product =>
x*y;
let product = (x,y) -> x*y;
50. In the context of
this code, how would you describe user?
const user = {
given_name: 'Joe',
family_name: 'Bloggs',
age: 40,
}
function
array
variable
object
51. A webpage has
rel="preconnect" added to a link resource. What will this do?
<link
rel="preconnect" href="https://example.com">
It will tell the
browser that this link is a site belonging to the current domain.
It will do nothing a
because this is a deprecated attribute that browsers do not support.
It will tell the browser that a connection will be made to
another origin and to start getting ready as soon as possible.
It will tell the
browser that a resource is needed, and that it should start getting fetched as
soon as possible.
52. Which choice is
not a render blocking resource?
images
HTML
CSS
JavaScript
53. Which choice does
not provide information on browser support for a particular CSS property?
the "Can I
Use" website
the Web Platform
Tests Suite
the CSS specification
MDN property pages
54. You have a set of
images that are slightly different sizes and aspect ratios. You don't mind if you
crop off some of the image, but you want each image to completely fill a square
box without being distorted. Which property and value would achieve this?
object-fit: contain
object-fit: stretch
object-fit: all
object-fit: cover
55. what does the CSS
selector a[href$="org"] select?
all <a> tags
whose href attribute begins with "org"
all <a> tags
whose href attribute equals "org"
all <a> tags whose href attribute ends with
"org"
all <a> tags
whose href attribute contains "org"
56. Which choice is
not a result of invoking strict mode in JavaScript?
it eliminates some
JavaScript silent errors by changing them to throw errors.
it prohibits some
syntax likely to be defined in future versions of ECMAScript.
it forces the writing of valid HTML and CSS.
it fixes mistakes
that make it difficult for JavaScript engines to perform optimizations.
57. In normal flow,
some elements display as block elements default and others inline. which choice
contains only block-level by default elements?**
ul, li, a
p, b, h3
div, p, em
div, main, h1
59. _______ moves an
element completely out of the page's normal layout flow, like it is sitting on
its own separate layer. From there, you can fix it in a position relative to
the edges of the page's <html> element (or its nearest positioned
ancestor element)?
Sticky positioning
Absolute positioning
Relative positioning
Fixed positioning
60. You have created
a box that has a height set with CSS. Which line of CSS would add scroll bars
if the content is taller than the box, but leave no visible scroll bars if the
content fits into the box?
.box { overflow:
scroll; }
.box { overflow:
scroll-x; }
.box { overflow: auto; }
.box { overflow:
none; }
61. The image below
has float: left applied. Text wraps the float on the right and bottom. How
would you force the second paragraph to start underneath the float, leaving a
gap after the preceding paragraph?
CSS clear
Apply float: left to
the second paragraph.
Apply clear: right to
the floated item.
Apply clear: left to the second paragraph.
Apply clear: left to
the floated item.
62. You are designing
a site and creating a navigation bar linking to the main sections. Which HTML
element should you use to indicate that this is the main navigation?
<nav>
<navigation>
<main>
<ul>
63. You discover that
CSS is being loaded on a website using the following code. Why might a web
developer have done this?
<link
rel="preload" href="styles.css" as="style"
onload="this.onload=null;this.rel='stylesheet'"><noscript><link
rel="stylesheet" href="style.css"></noscript>
The CSS is being loaded asynchronously in order to prevent
render blocking.
This will stop the
CSS being loaded for old browsers that do not support the techniques in use.
This is part of a
stylesheet-switching script to load different themes for the site.
This will stop the
CCS being loaded on slow data connections.
64. The flex property
is often applied to flex items with a value of 1. Using flex: 1 is a shorthand
- what does it unpack to?
flex: 0 0 100;
flex: 1 0 0;
flex: 0 0 auto;
flex: 1 1 auto;
65. What does the
term "tree shaking" mean with regard to JavaScript performance?
only using code that
is supported by the newest browsers, and serving the site without JavaScript to
old browsers
removing unused code from the JavaScript files
splitting code into
various bundles so that decisions can be made on loading priority
allowing the browser
to ignore code it believes will perform badly
66. What is WebP?
a method of auditing
performance that gives your site a score, which is then used for Google ranking
a next-generation image format offering a smaller file size
than equivalent PNG or JPEG images
a new font format
that allows a single font to display at different styles and weights
a next-generation PDF
format that offers a smaller file size and better accessibility than standard
PDF documents
67. Your website uses
CSS Grid Layout extensively, and a visitor who navigates using the keyboard
tells you that they seem to jump erratically all over the screen when
navigating. What is the most likely problem?
The visitor's browser
does not have full support for CSS Grid Layout.
Items have been positioned in such a way that they are in a
different order to the source.
The browser has a
keyboard navigation bug.
You need to add the
tabindex attribute to elements.
68. What is the
definition of the phrase “Time to Interactive”?
when the browser
displays the first bit of content from the DOM
when the user can consistently interact with all of the
page elements
when HTML has loaded,
but not necessarily JavaScript, CSS, or images
when the user can see
the webpage on the screen
69. What is yarn?
a JavaScript
framework that is leaner than React
a JavaScript bundler
a testing framework
a JavaScript package manager
70. What is the name
of the event that occurs when the mouse pointer hovers over an element?
load
mouseover
hover
focus
71. Which choice is
not a JavaScript framework?
Angular
Laravel
Vue
React
72. What does setting
aria-live=polite on a live region achieve?
The screen reader
will not notify the user of changes to live regions.
The screen reader will wait until there is a pause to
announce changes.
The screen reader
will announce all changes immediately.
The screen reader
will use a polite voice when announcing changes.
73. Review the CSS
below. What color would you expect the background color of the element with a
class of .box to be?
.box { background-color:
blue;
background:
url(images/star.png) no-repeat left top;
}
black
blue
transparent
white
74. Which CSS
property and value would correctly remove the bullets from a list item?
list-tem: none
bullets: hidden
list-style-type: none
list-bullet: none
75. Which code
example would center .box inside .container?
<div
class="container">
<div class="box">what a
lovely box, very centered
</div>
</div>
A
.container {
display: flex;
align-items: center;
}
B
.container {
display: flex;
align-items:
center;
justify-content:
center;
}
C
.box {
align-items: center;
justify-content: center;
}
D
.container {
display: flex;
align: center;
}
76. CSS Logical
Properties and Values now have wide-ranging support in browsers. If you wanted
to use the logical version of width, which property name would you choose?
block-width
inline-size
inline-width
block-size
77. In a grid layout,
which property will create gaps between the rows in the grid?
row-gap
rowgap
gutter
row-gutter
78. What is the
JavaScript compiler Babel used for?
converts ECMAScript 2015+ code into backward compatible
version of JS to support older browsers
used to bundle
individual JS files for use in your website
convert older JS code
into modern ECMAScript 2015+ code
it is a SSR library
that can enhance SEO and accessibility of your site
79. Which href
attribute creates a link to the telephone number 1-(704) 555-1151?
href = "tel:+17045551151"
href="17045551151"
href="phone:+1704551151"
href="call:+17045551151"
80. In the color
value hsl(38, 90%, 60%), what does 38 represent?
the tint of the color matching 38 degrade on the color
wheel
the opacity of the
color indicating 38% of fully opacity
the brightness of the
color matching a brightness of 38%
the intensity of the
color matching an intensity of 38%
81. What is a
skiplink?
a replacement for
inaccessible navigation
a method of allowing
a screen-reader user to skip between headings
a link placed early in the to allow the user to skip to the
main content
a link to allow users to skip video that
automatically plays on a website
82. On a page with
many images, what would be the effect of adding loading="lazy" to
the tag?
it will speed up
loading of the image when used with a JavaScript library
in supporting
browsers, images will be higly compressed, therefore loading more quickly
In supporting browsers, images will load only when they are
in or near the visible viewport
In supporting
browsers, images will not oad unless the user explicitly requests image loading
83. What is GraphQL?
a React library for
storing data
a Vue.js library for
storing and manipulating data
a query language for fetching data from APIs
a new database format
designed to replace MySQL
84. Which choice will
place a multiline text input field on the page?
<multiline></multiline>
<textarea></textarea>
<input
type="multiline">
<input
type="textarea">
85. Which browser is
not based on Chromium?
Firefox
Opera
Chrome
Edge
86. In supporting
browsers, what would be the effect of using font-display: swap, as in example?
@font-face {
font-family: Helvetica;
font-display: swap;
}
The browser will show
no content until the web font loads.
The browser will
ignore the web font.
The browser will
ignore the web font in a situation where the user has indicated they are saving
data.
The browser will load a system font while waiting for the
web font to load.
87. What does the
term "code splitting" mean with regard to JavasScript performance?
allowing the browser
to ignore code that it believes will perform badly
splitting code into
various bundles so that decisions can be made on loading priority
removing unused code
from JavaScript files
only using code that
is supported by the newest browsers, and serving the site without JavaScript to
old browsers
88. The
vertical-align property works only on certain elements, or on those that have a
certain CSS applied. Which element by default will allow vertical-align to be
used?
div
td
figure
p
89. Which attribute
is uses to add text to an image that will be displayed if the image does not
load and read out to screen reader users?
title
data
src
alt
90. Lighthouse is a
tool for auditing your website. Which choice is not a category of report
offered by Lighthouse?
performance
SEO
UX design
accessibility
91. What is
compaction?
a paging technique
technique for
overcoming internal fragmentation
a technique for
overcoming external fragmentation
a technique for
overcoming fatal error
92. The EDF scheduler
uses _________ to order requests according to their deadlines.
stack
disks
queue
none of the mentioned
93. Why would you
surround a piece of text with <h1></h1> tags?
to make the text bold
to ensure that search
engines treat the keywords as being important for this page
to indicate that this
text is the main heading on the page
to demonstrate to
screen readers that this text is important
94. Which HTML
element represents either a scalar value within a known range a fractional
value?
<meter>
<range>
<datalist>
<optgroup>
95. A template class
defines the form of a class _______ it will operate.
With full
specification of the data on which
With full
specification of the functions on which
Without full
specification of the data on which
Without full
specification of the functions on which
96. What is the way
to suddenly come out of or Quit any Loop in C Language.?
continue; statement
break; statement
leave; statement
quit; statement
97. What is Webpack
primarily used for?
bundling individual
JavaScript files for use in your website
source control
sharing JavaScript
code with other people
making
JavaScript-reliant sites accessible to users who do not have JavaScript turned
98. What is the
<label> element used for?
as a caption for
images
as a heading for
tables
to identify the
difference parts of a figure
to explain what needs
to be entered into a form field
99. Which of the
following statements is used in the binary search algorithm to halve the array?
start Sub + stop
Sub/2
middle Sub=(start Sub
+ stop Sub)/2
middle Sub = middle
Sub/2
middle Sub=(stop Sub - start Sub)/2
100. Which choice is
not a render blocking resource?
css
HTML
images
JavaScript
101. Which attribute
must have a unique value each time it is used in an HTML document?
class
Style
Id
title
102. Which data
structure is most suitable to reverse the string "academy" to
"ymedaca"?
Queue
Stack
Linked List
Array
103. At the time of
computation a counting semaphore has s=7. Then it completes 17 P (wait)
operations and 11 V (signal) operations. The resulting value of s is
35
13
7
1
104. Lighthouse is a
tool for auditing your website. Which choice is not a category of report
offered by Lighthouse?
performance
SEO
UX design
accessibility
105. What does PC
stand for?
Program Changer
Program Counter
Performance Counter
Performance Changer
106. Which is the top
level object in javascript?
Global
Document
Window
Parent
107. Variables
declared with the let keyword have what type of scope?
function scope
global scope
block scope
inline scope
108. What is a powerful User Interface concept
which makes it easy to copy, reorder and deletion of items with the help of
mouse clicks
Micro data
Drag and drop DnD
Mouse property
Cors
Ref:
Tutorialspointhttps://www.tutorialspoin
109. The events that
are not directly tied to a specific input device are _______________.
User interface
events
Device-independent events
Device-dependent
events
Stage event change
110. Which of these containers would be best to
store distinct elements?
map
set
stack
queue
111. If your class contains a data member which is
dynamically allocated, which of the following must be done?
Call destructor
implicitly
Free the storage via
delete
A default constructor
should be defined
Pass by value to the
index
112. Which of the
following is correct with respect to data encapsulation in code?
The modification of
the code can cause difficulty
Member functions can
be used for modifying the data type of data members.
The data type of data
member cannot be modified.
The data types of the member functions can be easily
modified without making any major changes in the code
113. Which of the
following is not the default CSS styling for paragraph tag?
margin
content
display
indent
114. A binary tree can easily be converted into a
2-tree through which of the following methods.
By submitting every
empty subtree with a replacement internal node
By inserting an
interior node for a non-empty node
By inserting an
external node for a non-empty node
By substituting every empty subtree with a replacement
external node
115. A binary tree
can easily be converted into a 2-tree ___
by replacing each
empty sub tree by a new internal node
by inserting an
internal nodes for non-empty node
by inserting an
external nodes for non-empty node
by replacing each empty sub tree by a new external node
116. The degree of a
vertex is given by
Number of edges incident on it
Total Number of edges
in the graph
Number of edges that
can be formed using that vertex
Number of self-loops
117. A simple graph
can contain which of the following?
Self-loop
Infinite edges
Parallel edges
A disconnected vertex
118. Which of the
following page replacement algorithms suffers from Belady's anomaly?
FIFO
Optimal Page
Replacement
Both LRU and FIFO
LRU
119. Smaller page
tables are implemented as a set of __________.
queues
registers
stacks
counters
120. What is the
maximum of classes that can be defined in a program?
Not more than 100
Not more than 1000
Not more than 999
As many as we want
121. You want to
create striped table rows using CSS without adding a class to any element.
Which CSS would correctly apply the background color to every odd row in your
table?
tr:nth-child(2) {
background-color: #ccc; }
tr:nth-child(2n+1) { background-color: #ccc; }
tr:nth-child(2+1) { background-color:
#ccc; }
tr:nth-child(2n) {
background-color: #ccc; }
122. The image below
has float: left applied. Text wraps the float on the right and bottom. How
would you force the second paragraph to start underneath the float, leaving a
gap after the preceding paragraph?
CSS clear
Apply float: left to
the second paragraph.
Apply clear: right to
the floated item.
Apply clear: left to the second paragraph.
Apply clear: left to
the floated item.
123. Which array
method should you apply to run a function for every item within an array,
returning an array of all items for which the function is true?
every()
map()
forEach()
filter()
124. What is WebP?
a method of auditing
performance that gives your site a score, which is then used for Google ranking
a next-generation image format offering a smaller file size
than equivalent PNG or JPEG images
a new font format
that allows a single font to display at different styles and weights
a next-generation PDF
format that offers a smaller file size and better accessibility than standard
PDF documents
125. Your website
uses CSS Grid Layout extensively, and a visitor who navigates using the
keyboard tells you that they seem to jump erratically all over the screen when
navigating. What is the most likely problem?
The visitor's browser
does not have full support for CSS Grid Layout.
Items have been positioned in such a way that they are in a
different order to the source.
The browser has a
keyboard navigation bug.
You need to add the
tabindex attribute to elements.
126. Which
constructor will be called from the object created in the code below?
class A
{
integer i;
A()
{
i=0; Print literals i;
}
A(integer x=0)
{
i=x; Print literals I;
}
};
obj1;
Default constructor
Parameterized
constructor
Compile time error
Run time error
127. What is the
maximum of classes that can be defined in a program?
Not more than 100
Not more than 1000
Not more than 999
As many as we want
128. A binary tree
can easily be converted into a 2-tree through which of the following methods.
By submitting every
empty subtree with a replacement internal node
By inserting an
interior node for a non-empty node
By inserting an
external node for a non-empty node
By substituting every empty subtree with a replacement
external node
129. You have a set
of images that are slightly different sizes and aspect ratios. You don't mind
if you crop off some of the image, but you want each image to completely fill a
square box without being distorted. Which property and value would achieve
this?
object-fit: contain
object-fit: stretch
object-fit: all
object-fit: cover
130. What does the
CSS selector a[href$="org"] select?
all <a> tags
whose href attribute begins with "org"
all <a> tags
whose href attribute equals "org"
all <a> tags whose href attribute ends with
"org"
all <a> tags
whose href attribute contains "org"
131. Which choice is
not of invoking strict mode in JavaScript?
it eliminates some
JavaScript silent errors by changing them to throw errors.
it prohibits some
syntax likely to be defined in future versions of ECMAScript.
it forces the writing of valid HTML and CSS.
it fixes mistakes
that make it difficult for JavaScript engines to perform optimizations.
132. The postfix
expression corresponding to the infix expression a + b * c - d ^ e ^ f
abc * + def ^ ^ -
abc * + de ^ f ^
ab + c * d - e ^ f ^
- + a * bc ^ ^ def
133. Consider the
program and find the subsequent output.
void main()
{
int data = 3 + 4 + 3 * 5 / 3 - 5
print(data)
}
5
7
6
8
134. What is the
correct HTML for making a text input field?
<textfield>
<text>
<input
type="text">
<input
type="textfield">
135. Chose correct
CSS syntax?
{body;color:black;}
{body:color=black;}
body{color=black;}
body {color: black;}
136. What is the
correct way to initialize an array of galaxies in JavaScript?
String[] galaxies =
new Array("Milky Way", "Whirlpool", "Andromeda");
let galaxies = {Milky
Way, Whirlpool, Andromeda};
galaxies = ["Milky Way", "Whirlpool",
"Andromeda"];
var galaxies =
{"Milky Way", "Whirlpool", "Andromeda"};
137. Which
description correctly describes the initial values of flex items if the only
thing you have done is apply display: flex to their parent?
Items display in a row, lined up at the start, and do not
stretch to fill the container
Items display in a
column, lined up at the start, and do not stretch to fill the container
Items stay in a
column until you add some flex properties.
Items display in a
row, lined up at the start, and stretch to fill the container
138. Which line of
code, if applied to all flex items in a flex container, would cause each flex
item to take up an equal share of the total width of the container? For
example, if there are four items, they would get 25% of each/
flex: 1 0 0;
flex: initial;
flex: 1 1 auto;
flex: 1 0 auto;
139. What is meant by
the term "polyfill" when used in web development?
It is a piece of code that provides modern functionality in
browsers that do not support it.
It is a piece of code
that hides broken content from old browsers.
It is a term for
languages such as Saas that compliles to CSS.
It is a script that
runs to add vendor prefixes to modern CSS.
140. Which choice is
not a JavaScript framework?
Angular
Laravel
Vue
React
141. What does
setting aria-live=polite on a live region achieve?
The screen reader
will not notify the user of changes to live regions.
The screen reader will wait until there is a pause to
announce changes.
The screen reader
will announce all changes immediately.
The screen reader
will use a polite voice when announcing changes.
142. Review the CSS
below. What color would you expect the background color of the element with a
class of .box to be?
.box {
background-color: blue;
background: url(images/star.png) no-repeat
left top;
}
black
blue
transparent
white
143. Which CSS
property and value would correctly remove the bullets from a list item?
list-tem: none
bullets: hidden
list-style-type: none
list-bullet: none
144. How do you call
a function named "myFunction"?
call myFunction();
myFunction();
call to function
myFunction();
145. A page will be
viewed on a bunch of different devices during the testing phase. A test case
has been given to you that to have a responsive navbar using flex. Which of the
following is the best way to determine the user device and experience?
Set conditions on the
orientation of the page
Using media query
Write a CSS code for
a large screen and a small screen
Using responsive data
view
146. In a
time-sharing operating system, when the time slot given to a process is
completed, the process goes from the running state to the
Ready state
Blocked state
Suspended state
Terminated state
147. What is the
correct syntax for referring an external CSS?
<link rel="stylesheet"
type="text/css" href="mystyle.css">
<stylesheet
rel="stylesheet" type="text/css"
href="mystyle.css">
<style
rel="stylesheet" type="text/css"
href="mystyle.css">
All of the above
148. Which function
among the following lets to register a function to be invoked once?
setTimeout()
setTotaltime()
setInterval()
none of the mentioned
149. Which function
among the following lets to register a function to be invoked repeatedly after
a certain time?
setTimeout()
setTotaltime()
setInterval()
none of the mentioned
150. Which is the
correct order of the following algorithms with respect to their time Complexity
in the best case?
Merge sort > Quick
sort >Insertion sort > selection sort
insertion sort < Quick sort < Merge sort <
selection sort
Merge sort >
selection sort > quick sort > insertion sort
Merge sort > Quick
sort > selection sort > insertion sort
151. Which of the
following sorting algorithms has the highest best case time complexity using
array data structure?
Heap sort
Insertion sort
Bubble sort
Selection sort
152. The best data
structure to check whether an arithmetic expression has balanced parentheses is
a
queue
stack
tree
list
153. Level order
traversal of a rooted tree can be done by starting from the root and performing
preorder traversal
in-order traversal
depth first search
breadth first search