Assignment 1

A. Introduction to Web Technology

Web Essentials: Clients, Servers and Communication, The Internet, Basic Internet
protocols, World wide web, HTTP Request Message, HTTP Response Message,
Web Clients, Web Servers HTML5 – fundamental syntax and semantics, Tables,
Lists, Image, HTML5 control elements, Semantic elements, Drag and Drop, Audio –
Video controls CSS3 – Inline, embedded and external style sheets – Rule cascading,
Inheritance, Backgrounds, Border Images, Colors, Shadows, Text, Transformations,
Transitions, Animation, Basics of Bootstrap.

1. Differentiate between HTML and HTML5.

2. Explain <audio>and <video>elements with examples in HTML5.
3. Explain any 5 semantic tags of HTML5 with example
4. Explain the working of rowspan and colspan of table when used in
HTML with suitable example.
5. Create an external stylesheet and link it to an HTML form. The
stylesheet should contain the following:
1. A header in text with red text color and yellow background color.
2. A double-lined (border) table.
3. The table should have 5 rows and 3 columns.
4. In the first column, the serial number of the product, in the
second column, an image with a hyperlink and name of the
product, and in the third column, the description of the product.
6. List and explain the 3 ways to add a stylesheet (CSS) to an HTML
web page with a suitable example.
7. What is inheritance in CSS? Explain CSS animation properties.
8. Explain basic internet protocols which are essential for transferring data
and sending emails.
9. Explain how Shadow effect can be applied on Text using CSS with suitable
example.
10. What is HTTP? Describe structure of HTTP request and response message.
B. Front End Development

Java Script: An introduction to JavaScript–JavaScript DOM Model Date and

Objects-Regular Expressions- Exception Handling Validation-Built-in objects-
Event Handling, DHTML with JavaScript JSON introduction – Syntax –
Function Files – Http Request –SQL

1. Explain built-in objects in JavaScript.

2. Write a JavaScript that reads ten numbers and displays the count of negative
numbers, the count of positive numbers and the count of zero from the list.
3. Explain exception handling in JavaScript with a suitable example.
4. Write a JavaScript code to check if the password and confirm
password are the same or not.
1. Explain how JavaScript can hide an HTML element with a suitable
example.
2. Explain the Document Object Model in detail with an example.
3. Write a JavaScript code to process online Alumni information for
your college. Create forms to get the name, address, date of birth,
and email id. Validate the following:
1. The user has filled all the fields prior to form submission.
2. Valid email-id (with ‘@’ and ‘.’).
3. Age validation using DOM (>=22 years).
4. Create a form with the following fields: ‘Name’, ‘Age’, ‘Email Id’,
‘Password’. Using
JavaScript, validate each field as follows:
1. Name should be between A-Z.
2. Age should be between 0-100.
3. Email ID should contain ‘@’.
4. Password should contain 1 uppercase letter, 1 digit, 1 special
character, and the length should be a minimum of 8.
const passwordPattern = /^(?=.*[A-
Z])(?=.*\d)(?=.*[!@#$%^&*])[A-Za-z\d!@#$%^&*]{8,}$/;

5. Write a code to drag an image from outside the box and drop it inside
the box.

6. What is mean by Event handling in JavaScript explain it with example.

7. Write a JavaScript that reads ten numbers and displays the count of negative
numbers, the count of positive numbers and the count of zero from the list.
C. Back End Development.

Servlets: Java Servlet Architecture, Servlet Life Cycle, Form GET and POST
actions, Session Handling, Understanding Cookies, Installing and Configuring
Apache Tomcat Web Server, Database Connectivity: JDBC perspectives,
JDBC program example JSP: Understanding Java Server Pages, JSP Standard
Tag Library (JSTL), Creating HTML forms by embedding JSP code.

a. What is a servlet and explain its life cycle in detail.

b. Write a JSP program to perform four basic arithmetic operations:
addition, subtraction, division, and multiplication.
c. Explain servlet life cycle with a neat diagram.
d. What are cookies and how do cookies work in servlets?
e. What is a session in a servlet and list different ways to handle it.
f. List and explain session tracking techniques.
g. Draw and explain servlet architecture and its lifecycle.
h. Explain the steps to connect a Java application to a database using
JDBC.
i. Write a short note on JDBC
j. Write a short note on JSP.
k. What is session tracking? Show how session tracking is achieved using cookies
 Assignment 2

D. Rich Internet Application (RIA)

Characteristics of RIA, Introduction to AJAX: AJAX design basics, AJAX vs

Traditional Approach, Rich User Interface using Ajax, jQuery framework with AJAX

1. What is AJAX? Explain the AJAX web application model with a neat
diagram.
2. What is the use of XM LHttpRequestObject? Explain methods that
are used to send requests to the server using AJAX.
3. Write the AJAX code to read from the text file and display it after
clicking a button.
4. Draw a diagram of Ajax application model and Traditional application web
model and compare them
5. What is AJAX? Explain its role in web application.
E. Web Extension: PHP and XML

XML –DTD (Document Type Definition), XML Schema, Document Object

Model, Presenting XML, Using XML Parsers: DOM and SAX, XSL-
eXtensible Stylesheet Language 5.2 Introduction to PHP- Data types,
control structures, built in functions, building web applications using PHP-
tracking users, PHP and MySQL database connectivity with example

1. Explain the structure of an XML document with an example.

2. Explain how form validation works in PHP with a suitable example.
3. Create a well-formed XML document to maintain a Library catalogue.
It should contain the name of the book, author, publisher, and year of
publishing. Format it in a tabular manner using XSLT.
4. What are the benefits of using JSON over XML data?
5. What is DTD? Explain internal DTD and external DTD.
6. An e-commerce website would like to accept the below-mentioned
data and transfer it using XML:
• Product ID
• Product Name
• Product Cost
• Product Date
• Purchased Date
• Seller Name

7. How to define a variable in PHP and explain the scope of variables.

8. Explain the different datatypes of PHP.
9. If you wanted to send sensitive information like a password to the
backend, which among the GET and POST methods in PHP would you
use? Justify your answer and distinguish between these methods.
10. Explain the features of PHP and write a PHP program to print the
factorial of a number.
11. Explain the structure of XML Document with an example.
12. Explain the Servlet Life cycle with neat diagram.
13. Discuss about various control structures used in PHP. Give suitable example
for each.
E. React js

Introduction, React features, App “Hello World” Application, Introduction

to JSX, Simple Application using JSX.

1. List and explain different features of React.

2. What is JSX? Explain its attributes with example.
3. Write a code in ReactJS to display “Hello World”.
4. What is JSX? Write JSX attributes with an example.
5. Discuss the advantages of React Js.
6. Write a JavaScript code to accept a name and password from user and
validate the data as follows:-
 Name should not be empty
 Password should not be less than 6 characters