All PathsAboutCommunitySupport usSign inGet Started

Foundations Course

Overview
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.

Introduction

How This Course Will Work

Introduction to Web Development

Motivation and Mindset

Asking For Help

Join the Odin Community

Prerequisites

Computer Basics
How Does the Web Work?

Installation Overview

Installations

Text Editors

Command Line Basics

Setting up Git

Git Basics

Introduction to Git

Git Basics

HTML Foundations

Introduction to HTML and CSS

Elements and Tags

HTML Boilerplate

Working with Text

Lists

Links and Images

Commit Messages

Project: Recipes

CSS Foundations

Intro to CSS

The Cascade

Inspecting HTML and CSS

The Box Model

Block and Inline

Flexbox

Introduction to Flexbox

Growing and Shrinking

Axes
Alignment

Project: Landing Page

JavaScript Basics

Fundamentals Part 1

Fundamentals Part 2

JavaScript Developer Tools

Fundamentals Part 3

Problem Solving

Understanding Errors

Project: Rock Paper Scissors

Clean Code

Installing Node.js

Fundamentals Part 4

DOM Manipulation and Events

Revisiting Rock Paper Scissors

Project: Etch-a-Sketch

Fundamentals Part 5

Project: Calculator

Conclusion

Choose Your Path Forward

Footer

Support us!
The Odin Project is funded by the community. Join us in
empowering learners around the globe by supporting The
Odin Project!
Learn moreDonate now

High quality coding education maintained by an open source community.

GitHubDiscordFacebookTwitter
About us

 About
 Team
 Blog
 Success Stories

Support

 FAQ
 Contribute
  Contact us

Guides

 Community guides
 Installation guides

Legal

 Terms
 Privacy

© 2023 The Odin Project. All rights reserved.