Web Technology Lab (B.Sc Computer Science)

Building static and dynamic web pages and a small database-backed web application.

6 MonthsDuration 5Chapters18Topics

Syllabus · पाठ्यक्रम

Download PDF
01Experiments 1-3: HTML Pages 4 topics
  1. Personal home page with headings, lists and links
  2. Time-table using a table with rowspan / colspan
  3. Registration form with all input types
  4. Page with image, audio and video
02Experiments 4-5: CSS Styling 3 topics
  1. External style sheet for a website
  2. Navigation bar with hover effects
  3. Responsive two-column layout with Flexbox and media queries
03Experiments 6-8: JavaScript 4 topics
  1. Calculator using functions
  2. Form validation (empty fields, email, password length)
  3. DOM changes on button click
  4. Digital clock using setInterval
04Experiments 9-10: PHP Scripts 3 topics
  1. Display form data using GET and POST
  2. Simple login check with sessions
  3. Visit counter using cookies
05Experiments 11-12: PHP with MySQL 4 topics
  1. Create database and table in phpMyAdmin
  2. Insert form data into MySQL
  3. Display, update and delete records
  4. Mini project: student record web application

About

You will be able to

  • Create static web pages with HTML5 text, lists, tables, images and forms
  • Style pages with external CSS and make a responsive layout
  • Validate a form and handle events with JavaScript
  • Process form data in PHP and store it in MySQL
  • Build a small database-backed web application (login / student record) and demonstrate it

Who it is for

  • B.Sc Computer Science students of Semester 6 (UP State Universities, NEP 2020) - Web Technology Lab
  • Students preparing for the practical exam and viva

What you need

  • Theory of HTML, CSS, JavaScript and PHP (Web Technologies paper) running alongside
  • Computer with a browser, VS Code and XAMPP installed

Questions

Which syllabus does this course follow?

It follows the UP State Universities NEP 2020 common minimum syllabus for B.Sc Computer Science (Semester 6).

What if my university syllabus is different?

The centre follows your own university's syllabus and previous papers; units missing here are added for your batch.

What happens in the practical exam?

You write and run one or two programs (HTML/CSS/JS or PHP-MySQL), show the output and answer viva questions.

Download the syllabus (PDF)

Tell us who you are — your copy is made with your name, and our counsellor can help you choose the right course and centre.

Want to join right away? Enquire now — our centre will call you.