Skip to content
Tolu AdeoyeCourses

Complete beginners, teens and above

New to Frontend

Start from zero. Learn how the web works, then build and publish your own website with HTML, CSS and JavaScript.

Start with “Why this course exists”

  1. Start here

    1. Why this course exists· 3 min

  2. Module 1: How the web works

    1. 1.1What happens when you visit a website· 25 min
    2. 1.2Be the browserComing soon
    3. 1.3Publish your first pageComing soon

  3. Module 2: Your toolkit

    1. 2.1Files, folders and pathsComing soon
    2. 2.2Your code editorComing soon
    3. 2.3DevTools: x-ray glasses for the webComing soon
    4. 2.4Reading docs, asking for help, and learning with AIComing soon

  4. Module 3: HTML, structure and meaning

    1. 3.1Elements, tags and attributesComing soon
    2. 3.2Headings and page structureComing soon
    3. 3.3LinksComing soon
    4. 3.4Images and alt textComing soon
    5. 3.5Lists and tablesComing soon
    6. 3.6Listen to your pageComing soon

  5. Module 4: Forms

    1. 4.1Inputs and labelsComing soon
    2. 4.2Buttons, validation and error messagesComing soon
    3. 4.3What happens when you submitComing soon

  6. Module 5: CSS, style and the cascade

    1. 5.1Your first stylesComing soon
    2. 5.2The cascade: a tournament of rulesComing soon
    3. 5.3The box modelComing soon
    4. 5.4Colour, contrast and typeComing soon
    5. 5.5Custom properties and themesComing soon
    6. 5.6DevTools for CSSComing soon

  7. Module 6: Layout and responsive design

    1. 6.1Normal flow and displayComing soon
    2. 6.2FlexboxComing soon
    3. 6.3GridComing soon
    4. 6.4Responsive designComing soon
    5. 6.5Responsive images and container queriesComing soon

  8. Module 7: JavaScript, making pages respond

    1. 7.1Your first programComing soon
    2. 7.2Making decisionsComing soon
    3. 7.3FunctionsComing soon
    4. 7.4Arrays, objects and loopsComing soon
    5. 7.5The DOM: JavaScript meets the pageComing soon
    6. 7.6Events and user inputComing soon
    7. 7.7Fetching dataComing soon
    8. 7.8DebuggingComing soon

  9. Module 8: Git, working like a developer

    1. 8.1Why version control?Coming soon
    2. 8.2Your first commitsComing soon
    3. 8.3GitHub and publishingComing soon
    4. 8.4Undo and rescueComing soon

  10. Module 9: Making it good

    1. 9.1Keyboard-test your siteComing soon
    2. 9.2The six most common accessibility errorsComing soon
    3. 9.3Is it fast?Coming soon
    4. 9.4Staying safeComing soon

  11. Module 10: Ready for any framework

    1. 10.1Modules and npmComing soon
    2. 10.2Build toolsComing soon
    3. 10.3ComponentsComing soon
    4. 10.4State drives the UIComing soon
    5. 10.5Build your own tiny frameworkComing soon
    6. 10.6The same app in React, Vue and SvelteComing soon
    7. 10.7A first look at TypeScriptComing soon

  12. Module 11: Capstone and what's next

    1. 11.1Plan a projectComing soon
    2. 11.2Build itComing soon
    3. 11.3Publish, share, and what's nextComing soon