This is where it all begins! A hands-on introduction to all of the essential tools you'll need to build real, working websites. You'll learn what web developers actually do – the foundations you'll need for later courses. Please note, this may be outdated. Use the website here instead: https://www.theodinproject.com/paths/foundations/courses/foundations. Some Git related lessons are not shown here as they are stored in a separate folder. You can find those lessons here.
- Introduction
- Prerequisites
- HTML Foundations
- CSS Foundations
- Flexbox
- Introduction to Flexbox - lesson
- Growing and Shrinking - lesson
- Axes - lesson
- Alignment - lesson
- Project: Landing Page
- JavaScript Basics
- Fundamentals Part 1 - lesson
- Fundamentals Part 2 - lesson
- JavaScript Developer Tools - lesson
- Fundamentals Part 3 - lesson
- Problem Solving - lesson
- Understanding Errors - lesson
- Project: Rock Paper Scissors
- Clean Code - lesson
- Installing Node.js - lesson
- Fundamentals Part 4 - lesson
- DOM Manipulation and Events - lesson
- Revisiting Rock Paper Scissors - lesson
- Project: Etch-a-Sketch
- Fundamentals Part 5 - lesson
- Project: Calculator
- The Back End
- Conclusion
- Choose Your Path Forward - lesson