Web Technologies (WT), 2026-2027
Shiv Nadar University Chennai, India, Section-IoT-A



The web is not just code; it is a platform for innovation.
Profile

  Course Registration Expired

                           
Lec No. Topic Materials
1 Introduction to Web Technologies 13 July, Monday, 2026 PPT Syllabus
2 Introduction to Web Technologies 14 July, Tuesday, 2026
3 Design Basic Website 15 July, Wednesday, 2026 PPT
4 Develop Basic Website 15 July, Wednesday, 2026 PPT
5 HTML Introduction 20 July, Monday, 2026 PPT
6 HTML - Element 21 July, Tuesday, 2026 PPT
7 CSS – Cascading Style Sheet 22 July, Wednesday, 2026 PPT
8 HTML and CSS - Text Formatting, Hyperlink, Images, Frames, Tables, Links 22 July, Wednesday, 2026 PPT
9 Javascript 27 July, Monday, 2026 PPT
10 Javascript – Datatypes, Variables, Type Conversion, Control Structures, Arrays, Functions 28 July, Tuesday, 2026 PPT
11 Javascript – Object 29 July, Wednesday, 2026 PPT
12 Client Side Form Validation 29 July, Wednesday, 2026
13 DOM, Manipulation and Event Handling 03 August, Monday, 2026 PPT
14 Javascript - Form Validation 04 August, Tuesday, 2026 PPT
15 Revision 1 - HTML, CSS, Javascript 05 August, Wednesday, 2026 PPT
16 Toggling Light Theme & Dark Them: Design and implement a CSS with dark and light theme using Javascript(The default CSS shall be in light mode) 05 August, Wednesday, 2026
17 Introduction to React 10 August, Monday, 2026 PPT
18 React – AJAX, SPA Components and Props 11 August, Tuesday, 2026 PPT react sample code
19 React – AJAX, SPA Components and Props 12 August, Wednesday, 2026 PPT
20 Search and Filter using React 12 August, Wednesday, 2026
21 React – States, Hooks, and useState 17 August, Monday, 2026 PPT
22 CIA-1 18 August, Tuesday, 2026
23 React – Hooks Lifecycle and useEffect 19 August, Wednesday, 2026 PPT Sample Code
24 React menu navigation: To write a program using React.js that focuses on Menu Navigation for Occidental Petroleum Website 19 August, Wednesday, 2026
25 React Routing 24 August, Monday, 2026 PPT
26 React Bootstarp 25 August, Tuesday, 2026 PPT
27 Introduction to Server-Side Programming 26 August, Wednesday, 2026 PPT
28 React Assignment 26 August, Wednesday, 2026
29 Discussion on react assignment 31 August, Monday, 2026 PPT

Total Theory Hours:18 Hours 20 Minutes, No. of Theory Classes: 22
Total Lab hours :17 Hours 30 Minutes, No. of Lab Classes: 7

Reference Books of WT-2026-2027 IoT-A
Paul J. Deitel, Harvey M. Deitel, Abbey Deitel, “Internet & World Wide Web How to Program”, Pearson, Fifth Edition, 2012. (Unit I & V)
Brad Dayley, BrendanDayley, Caleb Dayley, “Node.js, MongoDB and Angular Web Development: The definitive guide to using the MEAN stack to build web applications”, Pearson Education, Second Edition, 2017. (Unit II,III& IV)


Assignments WT-2026-2027 IoT-A
1 Client side Validation using Javascript: To design and implement a client-side form validation script for a user registration form on a website containing the following fields: Username, Email, Password, Phone Number, Confirm Password. Please find the attachment. Please copy paste all the require codes. You cannot attach any files.
Published on : 2026-07-29, Last date of submission : 2026-07-29
2 Toggling Light Theme & Dark Them: Design and implement a CSS with dark and light theme using Javascript(The default CSS shall be in light mode)
Published on : 2026-08-05, Last date of submission : 2026-08-05
3 Search and Filter using React: Using React, develop a Search and Filter Product Application that allows users to search products by name and filter only the products that are in stock. The application should display products grouped by category, highlight out-of-stock products in red, and update the displayed list dynamically based on user input. Explain the role of useState, props, event handling, conditional rendering, and list rendering in your implementation, and include the source code in your submission.
Published on : 2026-08-12, Last date of submission : 2026-08-12
4 React menu navigation: To write a program using React.js that focuses on Menu Navigation for Occidental Petroleum Website.
Published on : 2026-08-19, Last date of submission : 2026-08-19
5 React- Simple Applications: Implement a react counter app and interest calculator. Please find the attachment for more details
Published on : 2026-08-26, Last date of submission : 2026-08-26

Comments