WomenCanCode
Language

Read this page in your language

Share something good

Ask WomenCanCode

What are you looking for?

Say it or type it: "AI competitions I can enter from Nigeria", "what's on in London this week".

Ask searches this site's own pages. When a written answer appears, it is made by AI: check the links it gives.

Tracks · Beginner

Build for the web from zero

The Odin Project's Foundations course: set up your tools, learn Git, then HTML, CSS, Flexbox and JavaScript through real projects.

Open the course on The Odin Project See the walk-throughs

The course

Course
Foundations
Made by
The Odin Project
Cost
Free
Language
HTML, CSS, JavaScript

The Odin Project provides a free open source coding curriculum that can be taken entirely online.

The Odin Project is funded by its community and maintained by volunteers. Its projects include a recipe site, a landing page, Rock Paper Scissors, Etch-a-Sketch and a calculator.

Foundations is made and run by The Odin Project, and it is free. We do not host or copy it: you learn on their site. The live walk-through, where your instructor works through it alongside you, is ours.

Sections, as The Odin Project names them

  1. Introduction
  2. Prerequisites
  3. Git Basics
  4. HTML Foundations
  5. CSS Foundations
  6. Flexbox
  7. JavaScript Basics
  8. Conclusion

A suggested pace

12 weeks at 5 to 6 hours a week. This is our suggestion, not the provider's; go slower whenever you need to.

  1. Weeks 1 to 2Introduction, Prerequisites, Git Basics
  2. Weeks 3 to 5HTML Foundations and the Recipes project
  3. Weeks 6 to 8CSS Foundations, Flexbox and the Landing Page project
  4. Weeks 9 to 12JavaScript Basics, through to the Calculator project

What you will build

  • A recipe site with several linked pages
  • A landing page laid out with Flexbox
  • Rock Paper Scissors, Etch-a-Sketch and a calculator in JavaScript

Instructor walk-throughs

Each day follows a free GitHub Skills exercise in your own GitHub account. GitHub Actions checks each step as you go, and the founder walks through it live.

  1. 01Setting up and your first commitPrerequisites and Git Basics
  2. 02The recipe site, togetherHTML Foundations, Project: Recipes
  3. 03Boxes and FlexboxCSS Foundations, Flexbox, Project: Landing Page
  4. 04Your first JavaScriptJavaScript Basics, Project: Rock Paper Scissors

Dates and times: Dates, times and seats: To be announced. How the live sessions work

Checked on: The Odin Project, Foundations, About The Odin Project (2026-11-03). Units listed in the provider's own words; the summary, pace and walk-throughs are ours.

All tracks