📌 Learning Objectives

Students will:

• Understand how websites work (Frontend Basics)
• Learn HTML to build website structure
• Learn CSS for designing and styling web pages
• Use basic JavaScript for interactivity
• Learn Git for version control
• Upload and manage projects using GitHub
• Create real-world mini projects and portfolio website

📅 Course Schedule (Module Wise)

Module 1: HTML Basics

• Introduction to Website Designing
• HTML Structure & Tags
• Headings, Paragraphs, Lists
• Links, Images, Tables
• Forms & Input Fields
• Mini Project: Simple Web Page

Module 2: CSS Basics

• CSS Introduction
• Selectors, Colors, Fonts
• Box Model (Margin, Padding, Border)
• Backgrounds, Layout Styling
• Flexbox Basics
• Responsive Design Basics
• Mini Project: Landing Page Design

Module 3: Basic JavaScript

• Introduction to JavaScript
• Variables, Data Types
• Operators and Conditions
• Loops and Functions
• Events & DOM Basics
• Form Validation Basics
• Mini Project: Interactive Website

Module 4: Git & GitHub

• What is Git?
• Git Commands (init, add, commit, status)
• GitHub Account Setup
• Creating Repository
• Upload Project to GitHub
• Hosting Website using GitHub Pages

🏆 Final Project

• Create a complete Responsive Portfolio Website
• Upload project on GitHub
• Live Hosting (GitHub Pages)