New!

We advise you to not install npm packages right now, because npm is experiencing a security issue.

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

Variables and Operators

Installing Node.js

Data Types and Conditionals

JavaScript Developer Tools

Function Basics

Problem Solving

Understanding Errors

Project: Rock Paper Scissors

Clean Code

Loops and Arrays

DOM Manipulation and Events

Revisiting Rock Paper Scissors

Project: Etch-a-Sketch

Object Basics

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