Sample Paper

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
____________ stands for Asynchronous JavaScript and XML.
1) ASAX
2) AJSX
3) AJAX
4) AJava
To get the response from a___________, use the responseText or responseXML property
of the XMLHttpRequest object.
1) Client
2) PC
3) Laptop
4) server
GET is Simpler and faster than _____method.

1) POST
2) GETS
3) START
4) AJAX
The dblclick() method attaches _________function to an HTML element.
1) mouse
2) an event handler
3) double click
4) an event click
The mouseenter() method attaches an event handler function to an HTML _______.
1) element
2) document
3) browser
4) function
jQuery provide easy to use methods for creating animation effects using jQuery _______
methods.
1) Animate
2) Effects
3) 2d
4) Graphic
__________method of jQuery fades in selected elements.
1) fadeIn()
2) fade()
3) fades()
4) fadeout()
With __________ you can fade elements in and out of visibility.
1) HTML
2) jQuery
3) CSS
4) C
The jQuery fadeIn() method is used to fade in a ________ element.
1) big
2) hidden
3) random
4) visible
The jQuery ____________ method is used to stop an animation or effect before it is

finished.
1) end()
2) stop()
3) finished()
4) die()
_________can be explained with the help of a family tree.
1) BOM
2) DOM
3) MOD
4) SSC
____________ 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>
_________ 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>
In HTML5, ____________ tag is used to contain multiple images.
1) <picture>
2) <dialog>
3) <canvas>
4) <bdi>
In HTML5 based document, ________________ tag is used for navigation purposes.
1) <bdi>
2) <nav>
3) <rt>
4) <rp>
_________ tag is a browser opportunity to break a line within text.
1) <bdi>
2) <rt>
3) <wbr>
4) <rp>
____________ is a HTML5 form control attribute to define pre-defined controls for input
controls.
1) <bdi>
2) <datalist>
3) <wbr>
4) <rp>
___________ is an audio property to check whether audio should play again when
finished.
1) loop
2) ended
3) duration
4) seeked
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”);

In CSS3, ______ property is used to give rounded corner to an element.
1) border-radius
2) border-diagmeter
3) border-corner
4) border-edge
__________ method is used to return users’ updated current position as the user moves.
1) getCurrentPosition(showPosition);
2) watchPosition();
3) clearWatch();
4) getCurrentPosition(showPosition, showError);
__________ method is used to return current position of the user.
1) getCurrentPosition(showPosition)
2) watchPosition();
3) clearWatch();
4) getPosition();
__________ property is used to enable HTML5 application cache?
1) kind
2) manifest
3) meter
4) form
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
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
_____________ adds one or more classes to the selected elements in jQuery CSS
manipulation.
1) addClass()
2) removeClass()
3) toggleClass()
4) css()
___________ Removes one or more classes from the selected elements in jQuery CSS
manipulation.
1) addClass()
2) removeClass()
3) toggleClass()
4) css()
____________ Sets or returns the style attribute.
1) addClass()
2) removeClass()
3) toggleClass()
4) css()
___________________ method in jQuery dimension returns the width of an element

(includes padding).
1) width()
2) height()
3) innerWidth()
4) innerHeight()
_________________ 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()
_________________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
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
_______________ Requests data from a specified resource in http request method.
1) Post
2) Get
3) load()
4) statusTxt
_____________ Submits data to be processed to a specified resource in HTTP request

method.
1) Post
2) Get
3) load()
4) statusTxt
__________________ 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
In XML DTD, DTD stands for ___________________.
1) Definition to definition
2) Document Type Definition
3) Document transmits definition
4) All of the given

JSON arrays are written inside _______________.
1) curly braces
2) Square brackets
3) Parenthesis
4) Semi-quotes
JSON objects are written inside _______________.
1) curly braces
2) Square brackets
3) Parenthesis
4) Semi-quotes
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
QNo2: What is the purpose of the blur() method in jQuery? Also, Write its syntax.
Answer
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
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
There are several methods in jQuery Dimension. What is the difference between
“innerWidth()” and “outerWidth()”.
Answer
Explain the methods “children()” and “find()” of jQuery methods for traversing down the
DOM tree.
Answer
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
Write a description of each of the following jQuery event methods.

bind()
die()
blur()
delegate()
Answer
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
jQuery has several methods for CSS manipulation, Write the names of four methods and
explain the purpose of any two of them.
Answer

Sample Paper - CS202 - Final

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Sample Paper - CS202 - Final

Uploaded by

Copyright:

Available Formats

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

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

____________ stands for Asynchronous JavaScript and XML.

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

GET is Simpler and faster than _____method.

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

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

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

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

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

__________method of jQuery fades in selected elements.

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

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

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

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

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

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

_________can be explained with the help of a family tree.

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

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

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

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

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

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

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

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

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];

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

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

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

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

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

__________ property is used to enable HTML5 application cache?

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?

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

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

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

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

____________ Sets or returns the style attribute.

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

___________________ method in jQuery dimension returns the width of an element

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

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

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

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

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

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

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

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

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

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

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

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

In XML DTD, DTD stands for ___________________.

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

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

JSON objects are written inside _______________.

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

Who is the creator of JSON?