Course Description

This course offers a practical, hands-on introduction to front-end web design using HTML, CSS, and JavaScript. Students begin by building structured webpage content with semantic markup, forms, and layout tags.

As the course progresses, students use CSS to apply visual styling and transitions, before incorporating JavaScript to add dynamic functionality and DOM manipulation. By the end of the course, students will develop essential web development skills and the confidence to create their own interactive, modern websites.

Course Objectives

By the end of this course, students will be able to:

  • Semantic HTML: Build well-formed HTML pages using essential tags, layout elements, forms, and tables.
  • CSS Layout & Styling: Apply embedded and external CSS to control site typography, colors, layout positioning, and the box model.
  • Visual Enhancement: Enhance visual design using CSS properties, linear gradients, and interactive transitions.
  • JavaScript Logic: Write JavaScript programs to handle variables, conditional logic, loops, and user input.
  • DOM Manipulation: Access and dynamically update webpage content in real time using JavaScript functions and DOM manipulation.

Major Units of Study

UnitTitle
Unit 1HTML Basics
Unit 2HTML Forms & Structure
Unit 3CSS Fundamentals
Unit 4Advanced CSS & Styling
Unit 5JavaScript Basics
Unit 6JavaScript & DOM Manipulation

Course Lectures & Notes