Sample Paper

FINALTERM EXAMINATION
Fall 2022
CS202 – Fundamental of Front End Development

Time: 90 min
Marks: 60

Question No: 1 (Marks: 01) - Please choose the correct option

The jQuery animate() method allows you to create _______ animations.

1) Custom
2) Big
3) Fast
4) 2d
Question No: 2 (Marks: 01) - Please choose the correct option

____________ stands for Asynchronous JavaScript and XML.

1) ASAX
2) AJSX
3) AJAX
4) AJava
Question No: 3 (Marks: 01) - Please choose the correct option

To get the response from a___________, use the responseText or responseXML property
of the XMLHttpRequest object.

1) Client
2) PC
3) Laptop
4) server

Question No: 4 (Marks: 01) - Please choose the correct option

GET is Simpler and faster than _____method.

1) POST
2) GETS
3) START
4) AJAX
Question No: 5 (Marks: 01) - Please choose the correct option

The dblclick() method attaches _________function to an HTML element.

1) mouse
2) an event handler
3) double click
4) an event click

Question No: 6 (Marks: 01) - Please choose the correct option

The mouseenter() method attaches an event handler function to an HTML _______.

1) element
2) document
3) browser
4) function

Question No: 7 (Marks: 01) - Please choose the correct option

jQuery provide easy to use methods for creating animation effects using jQuery _______
methods.

1) Animate
2) Effects
3) 2d
4) Graphic

Question No: 8 (Marks: 01) - Please choose the correct option

__________method of jQuery fades in selected elements.

1) fadeIn()
2) fade()
3) fades()
4) fadeout()

Question No: 9 (Marks: 01) - Please choose the correct option

With __________ you can fade elements in and out of visibility.

1) HTML
2) jQuery
3) CSS
4) C
Question No: 10 (Marks: 01) - Please choose the correct option

The jQuery fadeIn() method is used to fade in a ________ element.

1) big
2) hidden
3) random
4) visible

Question No: 11 (Marks: 01) - Please choose the correct option

The jQuery ____________ method is used to stop an animation or effect before it is

finished.

1) end()
2) stop()
3) finished()
4) die()

Question No: 12 (Marks: 01) - Please choose the correct option

_________can be explained with the help of a family tree.

1) BOM
2) DOM
3) MOD
4) SSC
Question No: 13 (Marks: 01) - Please choose the correct option

____________ HTML5 tag is used to format a section of text in different direction from
the remaining text.
1) <aside>
2) <canvas>
3) <dialog>
4) <bdi>

Question No: 14 (Marks: 01) - Please choose the correct option

_________ HTML5 tag is used to define a region in a document to run a script (using
javaScript) for changing graphics on the fly.

1) <aside>
2) <dialog>
3) <canvas>
4) <bdi>

Question No: 15 (Marks: 01) - Please choose the correct option

In HTML5, ____________ tag is used to contain multiple images.

1) <picture>
2) <dialog>
3) <canvas>
4) <bdi>

Question No: 16 (Marks: 01) - Please choose the correct option

In HTML5 based document, ________________ tag is used for navigation purposes.

1) <bdi>
2) <nav>
3) <rt>
4) <rp>
Question No: 17 (Marks: 01) - Please choose the correct option

_________ tag is a browser opportunity to break a line within text.

1) <bdi>
2) <rt>
3) <wbr>
4) <rp>

Question No: 18 (Marks: 01) - Please choose the correct option

____________ is a HTML5 form control attribute to define pre-defined controls for input
controls.

1) <bdi>
2) <datalist>
3) <wbr>
4) <rp>

Question No: 19 (Marks: 01) - Please choose the correct option

___________ is an audio property to check whether audio should play again when
finished.

1) loop
2) ended
3) duration
4) seeked

Question No: 20 (Marks: 01) - Please choose the correct option

Choose the correct syntax for writing an array in JavaScript.

1) student[Ali, Saad, Asad];

2) varr student[“Ali”, “Saad”, “Asad”];
3) var student[“Ali”, “Saad”, “Asad”];
4) var student(“Ali”, “Saad”, “Asad”);

Question No: 21 (Marks: 01) - Please choose the correct option

In CSS3, ______ property is used to give rounded corner to an element.

1) border-radius
2) border-diagmeter
3) border-corner
4) border-edge

Question No: 22 (Marks: 01) - Please choose the correct option

__________ method is used to return users’ updated current position as the user moves.

1) getCurrentPosition(showPosition);
2) watchPosition();
3) clearWatch();
4) getCurrentPosition(showPosition, showError);

Question No: 23 (Marks: 01) - Please choose the correct option

__________ method is used to return current position of the user.

1) getCurrentPosition(showPosition)
2) watchPosition();
3) clearWatch();
4) getPosition();

Question No: 24 (Marks: 01) - Please choose the correct option

__________ property is used to enable HTML5 application cache?

1) kind
2) manifest
3) meter
4) form

Question No: 25 (Marks: 01) - Please choose the correct option

Which background property value is used to scale an image to be as large as possible?

1) Background-size: contain
2) Background-size: cover
3) Background-origin: border-box
4) Background-origin: padding-box

Question No: 26 (Marks: 01) - Please choose the correct option

Which background property value is used to scale background image so that the content
area would become completely covered?

1) Background-size: contain
2) Background-size: cover
3) Background-origin: border-box
4) Background-origin: padding-box

Question No: 27 (Marks: 01) - Please choose the correct option

_____________ adds one or more classes to the selected elements in jQuery CSS
manipulation.

1) addClass()
2) removeClass()
3) toggleClass()
4) css()

Question No: 28 (Marks: 01) - Please choose the correct option

___________ Removes one or more classes from the selected elements in jQuery CSS
manipulation.

1) addClass()
2) removeClass()
3) toggleClass()
4) css()

Question No: 29 (Marks: 01) - Please choose the correct option

____________ Sets or returns the style attribute.

1) addClass()
2) removeClass()
3) toggleClass()
4) css()

Question No: 30 (Marks: 01) - Please choose the correct option

___________________ method in jQuery dimension returns the width of an element

(includes padding).

1) width()
2) height()
3) innerWidth()
4) innerHeight()

Question No: 31 (Marks: 01) - Please choose the correct option

_________________ method in jQuery dimension sets or returns the width of an element

(excludes padding, border and margin).

1) width()
2) height()
3) innerWidth()
4) innerHeight()

Question No: 32 (Marks: 01) - Please choose the correct option

_________________method of Traversing the DOM only traverses a single level up the

DOM tree.

1) parent()
2) parents()
3) parentsUntil()
4) Non of the given

Question No: 33 (Marks: 01) - Please choose the correct option

The _______________ method of traversing the DOM returns all ancestor elements
between two given arguments.

1) parent()
2) parents()
3) parentsUntil()
4) Non of the given

Question No: 34 (Marks: 01) - Please choose the correct option

_______________ Requests data from a specified resource in http request method.

1) Post
2) Get
3) load()
4) statusTxt

Question No: 35 (Marks: 01) - Please choose the correct option

_____________ Submits data to be processed to a specified resource in HTTP request

method.

1) Post
2) Get
3) load()
4) statusTxt

Question No: 36 (Marks: 01) - Please choose the correct option

__________________ defines a set of rules for encoding documents in a format which is

both human-readable and machine-readable.

1) HTML
2) jQuery
3) XML
4) http

Question No: 37 (Marks: 01) - Please choose the correct option

In XML DTD, DTD stands for ___________________.

1) Definition to definition
2) Document Type Definition
3) Document transmits definition
4) All of the given

Question No: 38 (Marks: 01) - Please choose the correct option

JSON arrays are written inside _______________.

1) curly braces
2) Square brackets
3) Parenthesis
4) Semi-quotes

Question No: 39 (Marks: 01) - Please choose the correct option

JSON objects are written inside _______________.

1) curly braces
2) Square brackets
3) Parenthesis
4) Semi-quotes

Question No: 40 (Marks: 01) - Please choose the correct option

Who is the creator of JSON?

1) Alvin Alexander
2) Rasmus Lerdorf
3) Douglas Crockford
4) Jesse James Garrett

Question No: 41 (Marks: 03)

QNo1: What are events? Write any two form events that are provided by jQuery.

Answer

Question No: 42 (Marks: 03)

QNo2: What is the purpose of the blur() method in jQuery? Also, Write its syntax.

Answer
Question No: 43 (Marks: 03)

Write JavaScript code which will display below given student info in HTML element <p
id= “info”>, when user will click on “Display” button.

Name: Ali
Gender: Male
City: Islamabad

<input name="Display" type = "button" value="Display" onclick =

document.getElementById("info").innerHTML=" Name: Ali&nbsp&nbsp&nbspGender:
Malenbsp&nbsp&nbsp City: Islamabad"

Answer

Question No: 44 (Marks: 03)

Write JavaScript code which will change background color of a webpage when user will
move cursor on “Display” button.

<input name="Display" type = "button" value="Display" onmouseover =

document.body.style.backgroundColor="green">

Answer

Question No: 45 (Marks: 03)

There are several methods in jQuery Dimension. What is the difference between
“innerWidth()” and “outerWidth()”.

Answer
Question No: 46 (Marks: 03)

Explain the methods “children()” and “find()” of jQuery methods for traversing down the
DOM tree.

Answer

Question No: 47 (Marks: 05)

What will be the output of the following code?

<!DOCTYPE html>
<html>
<head></head>
<body>
<p id="demo"></p>
</body>
<script type="text/javascript">
var text="";
for (i = 4; i < 8; i++) {
if (i == 3)
continue;
text += i*3 + "<br>";
}
document.getElementById("demo").innerHTML= text;
</script>
</html>

Answer

Question No: 48 (Marks: 05)

Write a description of each of the following jQuery event methods.

bind()
die()
blur()
delegate()

Answer
Question No: 49 (Marks: 05)

Write any four ways which can be used to specify background-image property using
CSS3.

Length ( e.g., 12px)

Percentage (e.g., 20% )
Cover
Contain

Answer

Question No: 50 (Marks: 05)

jQuery has several methods for CSS manipulation, Write the names of four methods and
explain the purpose of any two of them.

Answer