Web Development for Absolute Beginners

What Will You Learn?

• WEEK 1: Introduction to the Web & Setup
• Module 1: How the Internet Works
• What is the Internet?
• What is a Website?
• What is a Browser?
• What is a Server?
• Frontend vs Backend
• Module 2: Tools Setup
• Installing VS Code
• Installing a browser (Chrome)
• Folder structure
• Creating your first HTML file
• Mini Project:
• Create your first “Hello World” webpage.
• WEEK 2: HTML Foundations
• Module 3: HTML Structure
• html, head, body
• Title tag
• Meta tags
• Module 4: Text & Formatting
• Headings (h1–h6)
• Paragraphs
• Strong & Emphasis
• Lists (ul, ol, li)
• Module 5: Links & Images
• Anchor tag
• Image tag
• Absolute vs Relative paths
• Mini Project:
• Build a simple personal profile page.
• WEEK 3: Forms & Page Structure
• Module 6: Forms
• Input types
• Labels
• Buttons
• Form structure
• Module 7: Semantic HTML
• header
• nav
• section
• article
• footer
• Mini Project:
• Build a simple contact form page.
• WEEK 4: CSS Fundamentals
• Module 8: Introduction to CSS
• Inline CSS
• Internal CSS
• External CSS
• Selectors
• Module 9: Colors, Fonts & Spacing
• color
• background-color
• font-family
• margin
• padding
• Module 10: Box Model
• border
• margin
• padding
• width & height
• Mini Project:
• Style your profile page beautifully.
• WEEK 5: Layout & Responsive Design
• Module 11: Flexbox
• display: flex
• justify-content
• align-items
• Module 12: CSS Grid (Introduction)
• grid-template-columns
• grid-gap
• Module 13: Responsive Design
• Media queries
• Mobile-first thinking
• Mini Project:
• Build a simple landing page layout.
• WEEK 6: Final Project & Deployment
• Module 14: Final Project
• Build:
• A 3-page website
• Home
• About
• Contact
• Module 15: Hosting & Deployment
• What is hosting?
• GitHub basics
• Publishing with GitHub Pages
• Final Outcome:
• Students deploy their website live online.