CS306: Web Programming
v2.0 © 2024-2025

CS306: The Web Programming Course

An introduction to web development

Course Outline

#1

HTML

structure of the webpage

Lessons
  1. Basic HTML Elements
  2. HTML Tables
  3. HTML Images
  4. HTML Multimedia
  5. Web Forms
#2

CSS

Styling webpages

Lessons
  1. Applying stylesheets
  2. Styling elements
  3. Layouts and Positioning
#3

JavaScript

Creating dynamic webpages

(Project-based)

Lessons
  1. Counter
  2. Time Teller
  3. Background Color Picker
  4. Form Validation
#4

Capstone Project

Practice your skills

Projects
  1. Todo Management System
  2. Digital Blog System
  3. Health Tracker (BMI Calculator)
  4. Food Ordering w/ Shopping Cart
  5. Tic-Tac-Toe Game