0% found this document useful (0 votes)
658 views

Foundations - The Odin Project

The Foundations course provides an introduction to the essential tools needed for web development, including computer basics, the command line, Git, HTML, CSS, Flexbox, and JavaScript. It covers topics such as the structure of the web, text editors, installing programs, elements and tags, the box model, and DOM manipulation. Upon completing the course, students will have learned the foundations required for later courses and building real websites.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
658 views

Foundations - The Odin Project

The Foundations course provides an introduction to the essential tools needed for web development, including computer basics, the command line, Git, HTML, CSS, Flexbox, and JavaScript. It covers topics such as the structure of the web, text editors, installing programs, elements and tags, the box model, and DOM manipulation. Upon completing the course, students will have learned the foundations required for later courses and building real websites.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

2/5/24, 4:52 PM Foundations | The Odin Project

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

https://www.theodinproject.com/paths/foundations/courses/foundations 1/6
2/5/24, 4:52 PM Foundations | The Odin Project

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
https://www.theodinproject.com/paths/foundations/courses/foundations 2/6
2/5/24, 4:52 PM Foundations | The Odin Project

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

https://www.theodinproject.com/paths/foundations/courses/foundations 3/6
2/5/24, 4:52 PM Foundations | The Odin Project

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

https://www.theodinproject.com/paths/foundations/courses/foundations 4/6
2/5/24, 4:52 PM Foundations | The Odin Project

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.

https://www.theodinproject.com/paths/foundations/courses/foundations 5/6
2/5/24, 4:52 PM Foundations | The Odin Project

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

© 2024 The Odin Project. All rights reserved.

https://www.theodinproject.com/paths/foundations/courses/foundations 6/6

You might also like