What you will learn

• HTML semantic structure
• HTML forms
• Responsive CSS with media queries
• JavaScript form validation with regex
• XML internal DTD
• XML CSS and XSLT stylesheets
• JavaBean getters and setters
• Node.js process.argv CLI utilities
• MongoDB $group $avg $sort aggregation
• Servlet Cookie API
• JDBC PreparedStatement inserts and ResultSet queries
• JSP scriptlets
• HttpSession shopping cart

Course content (13 lessons)

1. Lab 0: Compiler Setup & Environment Check — Program Statement Verify that the built-in compilers are ready for the Web Technology Lab (BCS552) practicals — HTML/CSS/JS render live in the browser, the Java Bean practical…
2. Practical 1: Institute Website — Departmental Information — Program Statement Write an HTML program for designing your institute website. Display departmental information of your institute on the website. Concepts Covered - Semantic…
3. Practical 2: Entry Form for Student / Employee / Faculty Details — Program Statement Write an HTML program to design an entry form for student details / employee information / faculty details. Form Elements Covered Element Purpose ---------…
4. Practical 3: Responsive Website using CSS & HTML (Tutorial Blog) — Program Statement Develop a responsive website using CSS and HTML. The website may be for a tutorial / blog / commercial website. Concepts Covered - CSS Grid with auto-fit /…
5. Practical 4: HTML + JavaScript Input Validation — Program Statement Write programs using HTML and JavaScript for validation of input data. Concepts Covered - event.preventDefault() to stop invalid form submission - Regular…
6. Practical 5: XML — Internal DTD with a CSS / XSL Stylesheet — Program Statement Write a program in XML for creation of a DTD, which specifies a set of rules. Create a style sheet in CSS/XSL and display the document in a browser. Concepts…
7. Practical 6: Java Bean for Employee Information — Program Statement Create a Java Bean for Employee information (EmpID, Name, Salary, Designation and Department). JavaBean Rules Followed 1. All fields are private . 2. A…
8. Practical 7: Node.js Command-Line Utility — Program Statement Build a command-line utility using Node.js that performs a specific task, such as converting text to uppercase, calculating the factorial of a number, or…
9. Practical 8: MongoDB Aggregation — Average Age by City — Program Statement Develop a script that uses MongoDB's aggregation framework to perform operations like grouping, filtering, and sorting. For instance, aggregate user data to find…
10. Practical 9: Servlet Cookie-Based Login (4 Users) — Program Statement Assume four users user1, user2, user3 and user4 having the passwords pwd1, pwd2, pwd3 and pwd4 respectively. Write a servlet to: (1) create a Cookie and add…
11. Practical 10: Servlet/JSP + Database — Registration Table — Program Statement Create a table which should contain at least the following fields: name, password, email-id, phone number. Write a Servlet/JSP to connect to that database and…
12. Practical 11: JSP Registration & Login — Program Statement Write a JSP which inserts the details of 3 or 4 users who register with the website using a registration form. Authenticate the user when he submits the login…
13. Practical 12: Shopping Cart with Session Tracking API — Program Statement Design and implement a simple shopping cart example with session tracking API. The Real Servlet/JSP Session Code (Tomcat) The session ID ( JSESSIONID ) is what…

Lab 0: Compiler Setup & Environment Check

Program Statement

Verify that the built-in compilers are ready for the Web Technology Lab (BCS552) practicals — HTML/CSS/JS render live in the browser, the Java Bean practical compiles on a real JDK, and the Node.js/MongoDB/Servlet/JSP practicals ship with a browser-runnable simulation right next to the real deployable source code.

How Each Practical Runs Here

Why a Simulation for 7–12?

Node.js, MongoDB and Servlet/JSP are server-side technologies — they need a real server process (node, mongod, Tomcat) running outside the browser. This lab gives you both: the exact deployable source code in the lesson notes (copy it into your project for the real lab record) and a working in-browser simulation so you can see the logic execute instantly, one click away.

Setting Up the Real Tools (for your actual lab record)

1. JDK — install from Adoptium/Oracle, verify with java -version.
2. Apache Tomcat — download from tomcat.apache.org, drop your compiled classes/JSPs into webapps, start with startup.bat (Windows) or startup.sh (Linux/Mac).
3. Node.js — install from nodejs.org, verify with node -v.
4. MongoDB — install MongoDB Community Server, start mongod, connect using mongosh.

CO Mapping

CO1

Continue reading: Lab 0: Compiler Setup & Environment Check →

Frequently asked questions

Is the Web Technology Lab (BCS552) course really free?

Yes. The entire Web Technology Lab (BCS552) course on Siksha Sarovar is free to read with no account required. You can optionally sign in with Google to save your progress.

Do I get a certificate for Web Technology Lab (BCS552)?

Yes — finish the lessons and pass the quiz to earn a free, verifiable certificate you can share on LinkedIn or with recruiters.

Can I run code while learning?

Yes. The built-in online compiler runs C, C++, Python, Java, PHP, JavaScript, C# and SQL directly in your browser — no installation needed.