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


Introduction To Web Development

Motivation And Mindset

Asking For Help

Join The Odin Community

Prerequisities


How Does Web Works?

Installation Overview

Installations

Text Editors

Command Line Basics

Setting Up Git

Git Basics


Git Basics

HTML Foundations


Elements and Tags

HTML Boilerplate

Working With Text

Lists

Links and Images

Commit Messages

Project: Recipes

CSS Foundations


The Cascade

Inspecting HTML and CSS

The Box Model

Block and Inline

Flexbox


Growing and Shrinking

Axes

Alignment

Project: Landing Page

JavaScript Basics


Data Types and Conditionals

JavaScript Developer Tools

Function Basics

Problem Solving

Understanding Errors

Project: Rock Paper Scissors

Clean Code

Installing Node.js

Arrays and Loops

DOM Manipulation and Events

Revisiting Rock Paper Scissors

Project:Etch-a-Sketch

Object Basics

Project: Calculator

Conclusion


Support Us!

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

High quality coding education maintained by an open
source community.


© 2024 The Odin Project. All rights reserved.