K.S.

RANGASAMY COLLEGE OF TECHNOLOGY,TIRUCHENGODE–637215

CSE
(An Autonomous Institute Affiliated to Anna University, Chennai)

Module –I
Programme & Branch B.E & Computer Science and Engineering Semester IV

Course Code & Name 61 CS 401 & Advanced Web Development

Blooms
S.No Marks CO PO
PART– A Level
1. How many looping structures can you find in JavaScript? 02 Re CO1 01,02
2. How Scripting Language Is Differs from HTML? 02 Re CO1 09,10
3. Justify “JavaScript” is an event-driven programming” 02 Un CO1 01,03
4. List ad various level of document object modeling 02 Re CO1 01,02
5. How to create arrays in JavaScript 02 Re CO1 11,12
6. Write a simple program in JavaScript to validate the email-id. 02 Ap CO1 01,02
7. How to write function using Java Script? Give Example. 02 Re CO1 09,10
8. Write a Java script to find the factorial of the given number. 02 Ap CO1 01,03
9. What is the scope of the variables in JavaScript? 02 Re CO1 01,02
10. Define Event. How events are handled in JavaScript. 02 Un CO1 11,12
11. What is DATE object in JavaScript. 02 Re CO1 01,02
12. Build a JavaScript program to convert temperature from Celsius to 02 Ap CO1 01,11
Fahrenheit and vice versa
Blooms
S.No Marks CO PO
PART– B Level
01. a) (i) Discuss Javascript objects in detail with suitable examples. 08 Un CO1 01,02
(ii) Discuss about Javascript debugging. Explain how local and 08 Un CO1 11,12
global functions can be written using java script
(or)
b) Explain the way in which java script handles arrays with example. 16 Un CO1 03,05
02. a)(i) Explain the purpose of JavaScript. Explain how will a user will 08 Un CO1 02,11
interact with the system using javascript..
(ii) Explain the various operators in javascript in detail. 08 Un CO1 01,02
 (or)
b) (i) Describe how do you use javascript for form validation? 08 Un CO1 02,03

(ii) Develop a complete application that would include functions to 08 Ap CO1 05,11
validate the user data.
03. a) (i) Describe java scripts Control structure with an example. 08 Un CO1 01,02
(ii) Write a JavaScript program to demonstrate the JavaScript 08 Ap CO1 05,11
events.
(or) 08 Ap CO1 05,11
b) (i) Write a Javascript code which checks the contents entered in a
forms text element. If the text entered is in the lower cases convert to
upper case. 08 Un CO1 01,02
(ii) Explain various datatypes used in Javascript.
04. a) Explain about Function definition, Function calling, Function 16 Un CO1 02,03
parameter, return type with a suitable example in JavaScript.
(or)
b) Explain the following javascript objects in detail 16 Un CO1 02,03
(a) Form (b) Text (c) Password (d) Radio (e) Checkbox
05. a) Create a form for student information. Write Java Script code to 16 Ap CO1 05,11
find total, average, result and grade.
(or)
b) (i) Write JavaScript code to get a message from the user and 08 Un CO1 05,11
display in browser status bar.
(ii) What is regular expression in JavaScript? Describe the 08 Un CO1 02,03
methods that use regular expressions in JavaScript.
06. a) Develop a web site for online course registration for a 16 Ap CO1 01,05
technological university. Write a JavaScript code for validating the
web pages.
(or) 08 Ap CO1 05,11
b) (i) Design a webpage with a textbox where the user can enter a
four digit number and a button “validate” . Validate the entered
number for the following using java script. No zero as the first digit
Entered number must be in ascending order of digits
(Ex:1234,5678…). 08 Ap CO1 05,11
 (ii) Write the complete JavaScript to prompt the user for the
radius of the sphere and call function sphere Volume to calculate
and display the volume of the sphere. Use the statement.
Volume=(4.0/3.0)*Math.PI*Math.pow(radius,3)

Module - II

Blooms
S.No Marks CO PO
PART–A Level
1. List the new features introduced in HTML5. 2 Re CO2 01,02
2. Define jQuery. 2 Re CO2 01,05
3. Mention the primary purpose of using jQuery in web development. 2 Un CO2 01,03
4. Differentiate between the '#' and '.' in jQuery selectors. 2 Un CO2 01,02
5. Write a jQuery code snippet to make an element fade out. 2 Ap CO2 01,03
6. List the jQuery event methods. 2 Re CO2 01,11
7. Write jQuery code to add a class "highlight" to all paragraphs on a page. 2 Ap CO2 09,10
8. Tabulate slideUp() and slideDown() methods in jQuery. 2 Re CO2 01,03
9. Recite event delegation in jQuery. 2 Re CO2 01,04
10. Differentiate between GET and POST requests. 2 Un CO2 01,02
11. Name the three main effects provided by jQuery for visual transitions. 2 Re CO2 02,05
12. Identify the significance of AJAX in jQuery. 2 Un CO2 01,02
Blooms
S.No Marks CO PO
PART– B Level
01. (a) Design and implement a jQuery-powered HTML structure, 08 Ap CO2 05,11
showcasing proficiency in combining HTML and jQuery for interactive
web content.
(or)
(b) Demonstrate the use of jQuery selectors to target HTML elements. 08 Un CO2 01,11
02. (a) Analyze the purpose and application of a specific jQuery effect in 08 Re CO2 11,12
enhancing user experience.
(or)
(b) Explain the significance of events in jQuery and provide examples 08 Un CO2 01,02
of their usage.
03. (a) Design a webpage with an image. Implement a jQuery script to 08 Ap CO2 03,09
animate the image's opacity and size simultaneously on a button click.

(or)

(b) Develop a scenario where you need to create a complex animation 08 Ap CO2 01,05
sequence involving multiple elements on a webpage using jQuery.
Discuss the considerations and challenges you might face.
04. (a) Integrate jQuery library into the HTML5 webpage and create a 08 Ap CO2 03,05
simple script that alerts a message when the document is ready. And
dynamically change the background color of a specific HTML element
when a button is clicked.
(or)
(b) Create a webpage with multiple images and apply various jQuery 08 Ap CO2 05,11
effects such as fadeIn, fadeOut, and slideToggle when specific buttons
are clicked.
05. (a) Explain the following jQuery methods, 08 Un CO2 01,05
(i) show() (ii) hide() (iii) toggle()
(or)
(b) Explain the difference between $(document).ready() and 08 Un CO2 05,11
$(window).load() in jQuery with an example.
06. (a) Define AJAX. Explain how jQuery simplifies AJAX requests. 08 Un CO2 01,02
(or)
(b) Describe the role of jQuery in handling AJAX requests and provide
an example of an AJAX call using jQuery. 08 Un CO2 02,03
 Module –III

Blooms
S.No Marks CO PO
PART–A Level
1. Define TypeScript . 2 Re CO3 01,02
2. Enumerate key differences between JavaScript and TypeScript. 2 Re CO3 01,03
3. Define the "any" type in TypeScript . 2 Un CO3 01,05
4. Provide an example of using the 'readonly' modifier with arrays. 2 Un CO3 01,02
5. Define tuples in TypeScript and highlight their use cases. 2 Re CO3 01,11
6. Highlight the key features of classes in TypeScript. 2 Re CO3 01,03
7. Recite the 'keyof' operator and its role in TypeScript. 2 Re CO3 09,10
8. Write an example of using a union type in TypeScript. 2 Re CO3 01,03
9. Differentiate between function declarations and function expressions in 2 Un CO3 01,04
TypeScript.
10. Write a TypeScript function that takes two numbers as parameters and 2 Ap CO3 09,10
returns their sum.
Blooms
S.No Marks CO PO
PART– B Level
01. Explain the significance of TypeScript in modern web development and 10 Un CO3 05,11
how it enhances JavaScript.
(or)
Compare arrays and tuples in TypeScript, highlighting their differences
and use cases. 10 Un CO3 01,11
02. Discuss the concept of object types in TypeScript and provide examples 10 Re CO3 11,12
of how they are defined and utilized.

(or)
10 Ap CO3 01,05
Demonstrate the use of arrays in TypeScript with examples.
03. Design a TypeScript program that uses tuples to represent coordinates 10 Ap CO3 03,09
(x, y) and calculates the distance between two points.
(or)

Create an object type for a car with properties like make, model, and
year. Write a TypeScript function that receives a car object and prints 10 Ap CO3 01,02
out its details.
04. Build a TypeScript function that takes an array of strings as input, sorts 10 Ap CO3 05,11
them alphabetically, and returns the sorted array.
(or)

Define a TypeScript class representing a library book. Include

properties like title, author, and publication year. Implement a method to 10 Ap CO3 03,10
display the book details.
05 (i) Develop a typescript function that takes either string or a 05 Ap CO3 02,11
number as an argument and returns the length of the string.
(ii) Create a typescript function that takes an array of numbers as
05 Ap CO3 03,05
array of numbers as input and returns the sum of even
numbers in the array.
(or) 05 Un CO3 01,02
(i) Explain the use of access modifiers in Typescript classes.
(ii) Discuss the concept of inheritance, encapsulation, and
polymorphism in typescript classes 05 Un CO3 05,11

Module - IV

Blooms
S.No Marks CO PO
PART–A Level
1. What is the purpose of a MySQL user account? 2 Re CO4 01,02
2. How do you create a new database in MySQL? 2 Re CO4 01,05
3. Define the term "HTTP Transaction." 2 Un CO4 01,03
4. What is the difference between client-side scripting and server-side 2 Un CO4 01,02
scripting?
5. Explain what a web server is in simple terms. 2 Re CO4 01,03
6. What is XAMPP, and what role does it play in web development? 2 Re CO4 01,11
7. List the common HTTP methods used in HTTP transactions. 2 Re CO4 09,10
8. What is the primary function of a web server in web application 2 Un CO4 01,02
architecture?
9. What is meant by multitier application architecture? 2 Re CO4 01,04
10. Explain what a MySQL database table is 2 Ap CO4 01,02
Blooms
S.No Marks CO PO
PART– B Level
01. Explain the process of setting up a MySQL user account, including the 10 Un CO4 01,02
commands needed.
Or
Describe the steps involved in creating and managing a MySQL
database, and the differences between "CREATE DATABASE" and
"DROP DATABASE" statements. 10 Un CO4 01,11
02. Illustrate the key differences between client-side scripting (e.g., 10 Re CO4 11,12
JavaScript) and server-side scripting (e.g., PHP), and explain how both
contribute to web development.
Or
Describe in detail the architecture of a multitier web application, 10 Un CO4 01,02
explaining the roles of each tier (e.g., presentation layer, logic layer, and
data layer).
03. How do web servers handle incoming HTTP requests? Provide an 10 Un CO4 01,05
example to illustrate the lifecycle of an HTTP transaction.
Or
10 Un CO4 03,09
Discuss the installation process of XAMPP and its components. How
does XAMPP simplify web development?
04. Compare and contrast the different types of web servers (e.g., Apache, 10 Ap CO4 03,10
Nginx) in terms of performance, scalability, and use cases.
Or
Design a simple web application using XAMPP as the local server
environment. Describe the steps involved in accessing the MySQL
database from a PHP script and displaying data on a webpage. 10 Ap CO4 05,11
05. Analyze the differences between popular web servers like Apache and 10 Un CO4 01,05
Nginx. Discuss factors such as performance, scalability, configuration,
and use cases to determine which web server might be better suited for
different types of applications.
Or 10 Ap CO4 05,10
Design a simple web application using XAMPP as the local
development environment. Walk through the steps of setting up a
MySQL database, creating a PHP script to connect to it, and displaying
data dynamically on a webpage.
06 (i) Describe the process of how web servers handle incoming 10 Ap CO4 05,11
HTTP requests. Walk through the lifecycle of an HTTP
transaction from the client’s request to the server’s response,
and explain key status codes (e.g., 200, 404, 500).
Or
(ii) Discuss the installation process of XAMPP, its components
(such as Apache, MySQL, and PHP), and how it simplifies
10 Ap CO4 01,02
web development. Provide an example of setting up a local
web server using XAMPP.

Module - V

Blooms
S.No Marks CO PO
PART– A Level
1. What is React JS, and why is it popular for web development? 02 Re CO5 01,02
2. Explain the process of installing React JS in a project. 02 Re CO5 09,10
3. Define what a React component is and give an example. 02 Un CO5 01,03
4. What are props in React, and how are they used? 02 Re CO5 01,02
5. What is the role of state in React components? 02 Re CO5 11,12
6. List some common lifecycle methods used in React components. 02 Ap CO5 01,02
 7. What is event management in React, and how is it different from 02 Re CO5 09,10
traditional JavaScript?
8. What is the purpose of the useState hook in React? 02 Ap CO5 01,03
9. Explain what an HTTP client is in the context of React JS and give 02 Re CO5 01,02
an example of how it is used.
10. How do you handle forms in React JS? 02 Un CO5 11,12
Blooms
S.No Marks CO PO
PART– B Level
01. Explain the architecture of a React JS application, focusing on the 10 Ap CO5 01,02
concept of components, JSX, and the virtual DOM.
Or
Describe the process of creating a functional component and a class- 10 Un CO5 03,05
based component in React. Highlight the key differences between the
two.
02. Discuss how properties (props) are passed from parent to child
components in React. Explain how props can be used to 10 Un CO5 02,11
communicate between components. Provide an example.
Or
Explain state management in React and the role of the useState hook.
How does the state differ from props? Provide an example of how to 10 Ap CO5 02,03
manage state in a React component.

03. Discuss how event handling works in React. Explain the difference 10 Un CO5 01,02
between traditional DOM event handling and React’s synthetic event
system. Provide examples of handling user inputs like clicks and
form submissions.
Or
Describe the process of managing forms in React. Explain controlled 10 Ap CO5 05,11
vs uncontrolled components, and give an example of how to manage
form input values using React’s state.

04. How do you handle HTTP requests in React using the Fetch API or 10 Ap CO5 02,03
Axios? Provide an example of fetching data from an external API
and rendering it in a React component.
Or 10 Ap CO5 02,03
Explain how React’s styling works. Compare inline styles, CSS
 stylesheets, and CSS-in-JS solutions like styled-components. Discuss
the advantages and disadvantages of each method.
05. How do you make HTTP requests in React? Compare the use of the 10 Un CO5 05,11
Fetch API and Axios for retrieving data from a RESTful API.
Provide an example of fetching data from an API and displaying it in
a React component.
Or
Explain React’s approach to styling. Compare and contrast 10 Un CO5 02,03
traditional CSS, CSS-in-JS (such as styled-components), and CSS
modules in the context of React. Discuss the benefits and drawbacks
of each styling approach.
06. Discuss the React lifecycle methods in class components. How do 10 Ap CO5 01,05
they differ from the lifecycle methods available in React hooks?
Provide examples of componentDidMount, componentDidUpdate,
and componentWillUnmount and their functional equivalents in
hooks.
Or
Explain the concept of component reusability in React. How can you 10 Un CO5 05,11
design components to be reusable and maintainable? Provide
examples of creating generic components that can be used across
different parts of an application.