01 HTML Basics — 6 lessons · ~3 hrs ›

1What is HTML? 2HTML Document Structure 3Headings & Paragraphs 4Lists 5Links 6Images

02 HTML Intermediate — 9 lessons · ~4 hrs ›

1Tables 2Forms 3Form Input Types 4Semantic HTML 5Audio & Video 6Iframe 7Accessibility Basics 8SEO Basics 9HTML Best Practices

03 CSS Basics — 5 lessons · ~3 hrs ›

1Introduction to CSS 2CSS Selectors 3Colors 4Units 5Typography

04 CSS Layouts — 5 lessons · ~3 hrs ›

1The Box Model 2Display Property 3Position 4CSS Architecture 5CSS Best Practices

05 Flexbox — 4 lessons · ~2 hrs ›

1Flexbox Introduction 2Flex Container Properties 3Flex Item Properties 4Flexbox Practice Layouts

06 CSS Grid — 5 lessons · ~2 hrs ›

1CSS Grid Introduction 2Grid Container Properties 3Grid Item Properties 4Grid Template Areas 5Grid Practice Layouts

07 Responsive Design — 4 lessons · ~2 hrs ›

1What is Responsive Design? 2Media Queries 3Mobile-First Design 4Responsive Images & Typography

08 CSS Animations — 4 lessons · ~2 hrs ›

1CSS Transitions 2CSS Keyframe Animations 3CSS Custom Properties 4Modern CSS Features

19 Bootstrap — 6 lessons · ~3 hrs ›

1Intro to Bootstrap & Setup 2The Grid System 3Typography, Colors & Utilities 4Components I: Buttons, Cards, Navbar 5Components II: Forms, Modals, Alerts 6Responsive Layouts (Mini-Project)

09 JavaScript Basics — 8 lessons · ~5 hrs ›

1Introduction to JavaScript 2Variables 3Data Types 4Operators 5Conditions 6Loops 7Functions 8Scope

10 DOM Manipulation — 4 lessons · ~2 hrs ›

1What is the DOM? 2Selecting Elements 3Modifying Elements 4Creating & Removing Elements

11 Events — 5 lessons · ~2 hrs ›

1What are Events? 2Event Listeners 3Event Types 4Event Bubbling & Capturing 5Event Delegation

12 Arrays & Objects — 5 lessons · ~3 hrs ›

1Arrays 2Array Methods 3Objects 4Object Methods 5JSON

13 ES6+ Modern JavaScript — 6 lessons · ~3 hrs ›

1Arrow Functions 2Destructuring 3Spread & Rest 4Template Literals 5ES6 Modules 6Classes

14 Async JavaScript — 6 lessons · ~3 hrs ›

1Callbacks 2Promises 3Async / Await 4Fetch API 5Local Storage 6Error Handling

20 jQuery — 6 lessons · ~3 hrs ›

1Intro to jQuery & Setup 2Selectors & DOM Traversal 3DOM Manipulation 4Events 5Effects & Animations 6AJAX with jQuery

15 Mini Projects — 10 projects · ~15 hrs ›

1Digital ClockEasy 2CalculatorEasy 3Todo AppEasy 4Password GeneratorEasy 5Quiz AppMedium 6Counter AppEasy 7Color GeneratorEasy 8Weather UIMedium 9Expense TrackerMedium 10Notes AppMedium

16 Git & GitHub — 6 lessons · ~3 hrs ›

1What is Git? 2Installation & Setup 3Basic Commands 4Branching & Merging 5GitHub Basics 6Developer Workflow

17 Interview Preparation — 5 files · ~4 hrs ›

1HTML Interview Questions 2CSS Interview Questions 3JavaScript Interview Questions 4Frontend General Questions 5Practical Coding Challenges

18 Career Roadmap — 7 guides · ~4 hrs ›

1How to Become a Frontend Developer 2Your Learning Path 3Portfolio Guide 4GitHub Profile Guide 5Resume Guide 6Freelancing Guide 7Job Preparation Guide