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 (Theory) ✅

How This Course Will Work

Introduction to Web Development

Motivation and Mindset

Asking For Help

Join the Odin Community

Prerequisites (Theory) ✅

Computer Basics

How Does the Web Work?

Installation Overview

Installations

Text Editors

Command Line Basics

Setting up Git

Git Basics (Theory) ✅

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