← All coursesFree learning path
COURSE OVERVIEW
Build practical skills step by step
This learning path moves from core ideas to practical exercises. Work through the lessons in order, test what you learn, and keep your own notes or small projects along the way.
CURRICULUM
What you'll learn
Course Lessons
1How a Web Page LoadsStart here · Practical lesson2HTML StructureStart here · Practical lesson3Headings and ParagraphsStart here · Practical lesson4Links and NavigationStart here · Practical lesson5Images and Alt TextStart here · Practical lesson6ListsPractical lesson7TablesPractical lesson8FormsPractical lesson9Semantic HTMLPractical lesson10HTML AttributesPractical lesson11CSS SelectorsPractical lesson12Colors and BackgroundsPractical lesson13CSS TypographyPractical lesson14The Box ModelPractical lesson15Margins and PaddingPractical lesson16Borders and ShadowsPractical lesson17Display and PositioningPractical lesson18Flexbox BasicsPractical lesson19Flexbox AlignmentPractical lesson20CSS GridPractical lesson21Responsive LayoutsPractical lesson22Media QueriesPractical lesson23Mobile-First DesignPractical lesson24Buttons and UI StatesPractical lesson25Navigation BarsPractical lesson26Cards and SectionsPractical lesson27Styled FormsPractical lesson28CSS VariablesPractical lesson29Reusable StylesPractical lesson30Web AccessibilityPractical lesson31Browser Developer ToolsPractical lesson32JavaScript in the BrowserPractical lesson33Variables and ValuesPractical lesson34ConditionsPractical lesson35LoopsPractical lesson36FunctionsPractical lesson37ArraysPractical lesson38ObjectsPractical lesson39DOM SelectionPractical lesson40DOM EventsPractical lesson41Form InteractionPractical lesson42Client-Side ValidationPractical lesson43Fetch and APIsPractical lesson44JSONPractical lesson45Error HandlingPractical lesson46Local StoragePractical lesson47Debugging JavaScriptPractical lesson48Interactive ComponentPractical lesson49Responsive Landing PagePractical lesson50Portfolio PagePractical lesson