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

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

Learn more Donate now

High quality coding education maintained by an open source community.

About us Guides
About Community guides
Team Installation guides
Blog
Success Stories Legal
Terms
Support Privacy
FAQ
Contribute
Contact us

© 2023 The Odin Project. All rights reserved.