231CSC601T

Web Technologies Course Materials

A 15-week hands-on course covering HTML5, CSS3, JavaScript, Node.js, and responsive web design.

Essential Resources
Unit I: HTML5 Basics

Week 01: Web Foundations & HTML5

Easy

Internet history, HTML structure, text formatting, images, links

After this week: Build a basic webpage with text, images, and links
Slides Examples

Week 02: Lists, Tables & Semantic HTML

Easy

Ordered/unordered lists, tables, semantic elements

After this week: Structure content with lists, tables, and semantic elements
Slides Examples

Week 03: HTML Forms & Data Flow

Medium

Form elements, input types, validation, form submission

After this week: Build and validate forms with different input types
Slides Examples
Unit II: CSS3 Styling

Week 04: CSS Fundamentals

Easy

Selectors, colors, typography, box model

After this week: Style webpages with colors, fonts, and spacing
Slides Examples

Week 05: CSS Layout & Positioning

Medium

Flexbox, CSS Grid, positioning, display property

After this week: Create responsive layouts with Flexbox and Grid
Slides Examples

Week 06: CSS Animations & Advanced

Medium

Transitions, transforms, keyframe animations, media queries

After this week: Add animations and make designs responsive across devices
Slides Examples
Unit III: JavaScript Programming

Week 07: JavaScript Fundamentals

Medium

Variables, data types, operators, functions, control flow

After this week: Write JavaScript functions and control program logic
Slides Examples

Week 08: JavaScript DOM & Events

Medium

DOM manipulation, event handling, dynamic content

After this week: Make pages interactive with DOM manipulation and events
Slides Examples

Week 09: Objects, JSON & AJAX

Hard

Objects, JSON, Fetch API, async/await

After this week: Fetch and work with data from APIs asynchronously
Slides Examples
Unit IV: Node.js Backend

Week 10: Node.js Foundations

Medium

Node.js basics, npm, modules, Express.js introduction

After this week: Set up a Node.js project and create basic Express routes
Slides Examples

Week 11: Node.js File System & HTTP

Medium

File operations, HTTP module, creating servers, routing

After this week: Build HTTP servers and handle file operations in Node.js
Slides Examples

Week 12: Node.js MySQL & CRUD

Hard

Database connection, CRUD operations, prepared statements

After this week: Connect Node.js to MySQL and perform database operations
Slides Examples
Unit V: Dynamic Web Applications

Week 13: Bootstrap & Responsive Design

Medium

Bootstrap grid, components, utilities, responsive classes

After this week: Build responsive websites quickly using Bootstrap
Slides Examples

Week 14: API Integration & Full-Stack

Hard

REST APIs, frontend-backend, full-stack architecture

After this week: Build complete full-stack applications with REST APIs
Slides Examples

Week 15: Case Study & Review

Medium

Course summary, project walkthrough, best practices

After this week: Apply everything learned to build complete web applications
Slides Examples
Browse Complete Resources Library

70+ curated tools and platforms from 12+ years of industry experience

Prepared by Rajiv Ramakrishnan

gmail@rajiv.kr +91 9566134326 LinkedIn