📘 All Lessons
html Module
- 📘What is HTML? + Your First Web Page
- 🔒The Structure of an HTML Document
- 🔒Headings, Paragraphs & Text Content
- 🔒Emphasis, Quotes & Inline Formatting
- 🔒Lists and Semantic Grouping
- 🔒Hyperlinks & Navigation
- 🔒Images & Alternative Text
- 🔒Embedding Video and Audio
- 🔒Creating Tables & Ensuring Accessibility
- 🔒Forms and User Inputs (Part 1: Inputs & Labels)
- 🔒Forms (Part 2: Select, Textarea, Fieldset)
- 🔒Divs and Spans – The Building Blocks
- 🔒HTML5 Semantic Tags & Layout
- 🔒Embeds and iframes
- 🔒Meta Tags, SEO & Accessibility
- 🔒Final HTML Project: Full Page Structure
css Module
- 📘Introduction to CSS: Styling Your First Page
- 🔒CSS Selectors, Colors, and Fonts
- 🔒Box Model Deep Dive
- 🔒Display Properties & Positioning Basics
- 🔒Styling Text and Typography
- 🔒Styling Buttons and Inputs
- 🔒Layout with Flexbox (Part 1: Basics)
- 🔒Layout with Flexbox (Part 2: Real Use Cases)
- 🔒Layout with CSS Grid
- 🔒Responsive Design with Media Queries
- 🔒CSS Transitions & Hover Effects
- 🔒Creating a Color Theme with CSS Variables
- 🔒Animations with Keyframes
- 🔒Shadows, Borders & Advanced Styling
- 🔒Final CSS Project Milestone: Responsive Personal Website
js Module
- 📘What is JavaScript? Adding It to Your Site
- 🔒Variables, Data Types & Expressions
- 🔒Operators & Control Flow
- 🔒Functions and Parameters
- 🔒Arrays and Looping (for, while, forEach, map, filter)
- 🔒Objects and Object Methods
- 🔒Scope, Hoisting & Closures (NEW)
- 🔒The DOM (Document Object Model) Explained
- 🔒DOM Manipulation: Selecting and Changing Elements
- 🔒Event Handling (Clicks, Hovers, Inputs)
- 🔒Form Validation and Feedback
- 🔒LocalStorage and JSON
- 🔒Error Handling and Debugging (NEW)
- 🔒Timers, Delays, and Intervals
- 🔒Theme Switcher (Light/Dark Mode Toggle)
- 🔒(Optional Bonus) Intro to Fetch API & Real Data
- 🔒Final JS Project Milestone: Interactive Portfolio with Skills, Contact Form, and Local Storage