1 of 10

Web Technologies (CS3005)

Introduction to Web Technologies

​

Dr. Rourab Paul

Computer Science Department, SNU University, Chennai

​

Web Technologies

2 of 10

What Web Technologies?

Web Technologies are the collection of technologies, programming languages, protocols, and tools used to create, deliver, and maintain websites and web applications over the Internet.

Web Technologies

2

3 of 10

Room, timetable, teacher

  • Teacher : Dr. Rourab Paul
      • Computer Science Department
      • Web: rourab.com

AI-DS-A:https://rourab.com/leclist.php?sub=WT&year=2026-2027&sec=IoT-A

Email: rourabpaul@snuchennai.edu.in

      • Skype: rourabpaul
  • Room and Timetable
  • Theory: IoT-A 09:50 – 10:40 Monday, 245 AB3
  • Theory: IoT-A 09:00 – 09:50 Tuesday, 245 AB3
  • Theory: IoT-A 08:10 – 09:00 Wednesday, 245 AB3
  • Lab: IoT-A 09:00 – 10:40 Wednesday, Lab 7 AB1

​

​

Web Technologies

3

4 of 10

Evaluation Procedure

Theory: 100 Marks:

    • End Sem (Written): 50 marks
    • Mid Sem (Written): 30 Marks
    • CIA : 20 Marks

​

Lab: 100 Marks

  • CIA : 80 Marks
    • Lab Record 10 marks
    • CIA 70 Marks
  • Lab Exam : 20 marks

​

​

Web Technologies

4

5 of 10

Can You Build this?

Web Technologies

5

6 of 10

Course Road Map

Internet

HTML

CSS

JavaScript

DOM

HTTP

Backend

Database

Full Stack Website

Web Technologies

6

7 of 10

Course Road Map

HTML: Defines the structure and content of a web page using elements like headings, paragraphs, images, and links.

CSS: Controls the appearance of a web page, including colors, fonts, spacing, layouts, and animations.

JavaScript: Adds interactivity and dynamic behavior, such as form validation, menus, animations, and real-time updates.

DOM : A programming interface that represents an HTML page as a tree, allowing JavaScript to access and modify page elements.

Web Technologies

7

8 of 10

Course Road Map

HTTP : The communication protocol that enables browsers and web servers to exchange requests and responses.

Backend: The server-side logic that processes requests, handles authentication, performs computations, and communicates with databases.

Database: Stores and manages application data, such as user accounts, products, orders, and messages.

Full Stack Website : A complete web application that combines the frontend (HTML, CSS, JavaScript) with the backend and database to deliver a fully functional website.

​

Web Technologies

8

9 of 10

Architecture of Web Technology

Web Technologies

9

10 of 10

Thank You

Web Technologies

10