0% found this document useful (0 votes)
6 views6 pages

CS202 CURRENT PAPER FINAL TERM NOTES(1)

Download as pdf or txt
Download as pdf or txt
Download as pdf or txt
You are on page 1/ 6

CS202 CURRENT SOLVED PAPER FINAL TERM 2024

GUARANTEED QUESTIONS
Join VU STUDY SOLUTIONS for more request-based assignments and
GDB and files for free. ( ‫ﯾل ﷲ‬
ِ ‫ﺑ‬
ِ‫ﺳ‬
َ ‫) ﻓﯽ‬
h ps://chat.whatsapp.com/LAIMHwPEHpTB1jv3cFJzQw
Question No: 1 (3 marks)
While loop and do while loop comparison
ANS:
In a while loop, the condition is checked before the loop body executes. If the condition is false initially,
the loop body may never execute.
while (condition) {
}
In a do-while loop, the condition is checked after the loop body executes. This guarantees that the loop
body executes at least once, even if the condition is false initially.
do {
}
while (condition);

Question No: 2 (3 marks)


Events of jQuery.
ANS:
All the different visitor's actions that a web page can respond to are called events. An event represents
the precise moment when something happens.
 moving a mouse over an element
 selecting a radio button
 clicking on an element

Question No: 3 (3 marks)


Video formats.
ANS:
 .ogg
 .webm
 .mp4

Question No: 3 (3 marks)


Audio formats.
ANS:
 .Wav
 .ogg
 .mp3
Question No: 4 (3 marks)
Traversing up DOM.
ANS:
Three useful jQuery methods for traversing up the DOM tree are:
parent()
parents()
parentsUntil()

Question No: 5 (3 marks)


Write syntax of text shadow in CSS3.
ANS:
h1 {
text-shadow: 2px 2px;
}

Question No: 6 (3 marks)


Describe Canvas and SVG.
ANS:
The HTML <canvas> element is used to draw graphics. The <canvas> element is only a container for
graphics. Canvas has several methods for drawing paths, boxes, circles, text, and adding images.

 SVG stands for Scalable Vector Graphics


 SVG is used to define graphics for the Web
 SVG is a W3C recommendation
The <svg> element is a container for SVG graphics. SVG has several methods for drawing paths, boxes,
circles, text, and graphic images.

Question No: 1 (5 marks)


Write the code for round corner.
ANS:
#rcorners {
border-radius: 25px;
background: brown;
padding: 20px;
width: 200px;
height: 150px;
}

Question No: 2 (5 marks)


Continue and break of JavaScript comparison.
ANS:
The continue statement is used to skip the current iteration of a loop and continue with the next iteration.
The break statement is used to exit or terminate the loop completely.
Both continue and break can be used in for, while, and do-while loops.
for (let i = 0; i < 5; i++) {
if (i === 2) {
continue;
}
console.log(i);
if (i === 3) {
break;
}
}

Question No: 3 (5 marks)


Why do we need XML DDT? Explain briefly
ANS:
XML DDT, which stands for "Data-Driven Testing," is a technique used in software testing where test
data is separated from the test scripts and stored in external data sources, often in XML format.

Used to achieve given goals


 Separation of Concerns:
 Reusable Test Scripts:
 Scalability:
 Data Integrity:

Ques on No: 4 (5 marks)


Write the code for responsive website, but the page of 2 columns.
ANS:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Responsive Website with 2 Columns</title>
<style>
/* Styles for the columns */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
display: flex;
flex-wrap: wrap;
}
.column {
width: 50%;
padding: 20px;
box-sizing: border-box;
}
/* Responsive styles */
@media screen and (max-width: 768px) {
.column {
width: 100%;
}
}
/* Example additional styles */
.column:nth-child(odd) {
background-color: #f0f0f0;
}
.column:nth-child(even) {
background-color: #e0e0e0;
}
</style>
</head>
<body>
<div class="container">
<div class="column">
<h2>Column 1</h2>
<p>This is the content of column 1.</p>
</div>
<div class="column">
<h2>Column 2</h2>
<p>This is the content of column 2.</p>
</div>
</div>
</body>
</html>

Question No: 1 (3 marks)


Image attributes syntax.
ANS:
<img src="image.jpg" alt="Description of the image" width="100" height="100">

Question No: 2 (3 marks)


Sliding methods of jQuery.
ANS:
 .slideDown(): Animates the height of the selected element to show it by sliding it down.
 .slideUp(): Animates the height of the selected element to hide it by sliding it up.
 .slideToggle(): Toggles between sliding up and sliding down the selected element, based on its
current visibility state.

Question No: 4 (3 marks)


Difference between HTML5 and HTML.
ANS:
HTML5 is the latest version of the HTML (Hypertext Markup Language) standard.
Here are few difference HTML5 has as compared to HTML
 New Features:
 Improved Semantics:
 Native Support for Multimedia:
 Enhanced Forms:
 Compatibility with Mobile Devices:

Question No: 5 (5 marks)


Write basic structure of HTML5
ANS:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body>
Content of the document......
</body>
</html>

Question No: 5 (5 marks)


What is recursive web design and development?
ANS:
Recursive web design and development refers to the practice of creating websites or web applications
that employ recursive or iterative principles in their design and development process to achieve the
following goals:
 Iterative Approach:
 Modular Design:
 Dynamic Content Generation:
 Adaptability and Scalability:
 Enhanced User Experience:

You might also like