Description: This course is designed to equip beginners with the fundamental skills needed to build
modern, responsive, and interactive websites from scratch. You will learn how to structure
content with HTML, style it with CSS, and bring it to life using JavaScript. By the end of the
course, you will create real-world projects and have a strong foundation in front-end
development.

Objectives

  • By the end of this course, learners will:
  • Understand the core structure of HTML documents.
  • Apply CSS to create visually engaging and responsive layouts.
  • Use JavaScript to add interactivity to web pages.
  • Build and deploy a complete portfolio website.

Course Content

What is Web Development?
Week 1
How the Web Works: Frontend vs Backend
Tools You Need: Browser, VS Code, Live Server
Week 2: HTML – Structuring the Web
HTML Syntax and Tags
Headings, Paragraphs, Lists
Links, Images, Tables
Forms and Input Elements
Semantic HTML (article, nav, section, etc.)
Mini Project: Create a Personal Bio Page
Week 3: CSS – Styling the Web
CSS Syntax and Selectors
Colors, Units, Typography
Box Model: Padding, Margin, Border
Flexbox and Grid Layout
Responsive Design and Media Queries
CSS Transitions and Animations
Mini Project: Style the Personal Bio Page
Week 4: JavaScript – Making the Web Interactive
JavaScript Syntax and Variables
Functions and Events
Conditionals and Loops
DOM Manipulation