The Odin Project - Table of Contents

Foundations

Introduction

1. How this Course Will Work
   • Introduction
   • How It Works
   • A Note About Language
   • What Comes Next
2. Introduction to Web Development
   • Introduction
   • Types of Web Developers
   • Types of Careers
   • Tools of the Trade
   • Motivation
   • Why Odin?
   • Conclusion
3. Motivation and Mindset
   • Introduction
   • Motivation
   • Growth Mindset
   • The Learning Process
   • What to Do When You’re Stuck
   • A Note on AI Code Generation
   • Managing Your Study Time
   • Pitfalls to Avoid
   • Conclusion
4. Asking For Help
   • Introduction
   • Tips for Getting the Best Help Possible
5. Join the Odin Community
   • Introduction
   • Why a Community Is Awesome for You
   • Why a Community Is Awesome for Odin
   • Before Asking for Help
   • Asking for Help
   • Formatting Your Questions
   • Chat Features
   • How to Help Others Solve Coding Problems

Prerequisites

1. Computer Basics
2. How Does the Web Work?
3. Installation Overview
4. Installations
5. Text Editors
6. Command Line Basics
7. Setting Up Git

Git Basics

1. Introduction to Git
2. Git Basics

HTML Foundations

1. Introduction to HTML and CSS
2. Elements and Tags
3. HTML Boilerplate
4. Working with Text
5. Lists
6. Links and Images
7. Commit Messages
8. Project: Recipes

CSS Foundations

1. Intro to CSS
   • mdn - CSS values and units
2. The Cascade
   • Changing the Font Family
3. Inspecting HTML and CSS
4. The Box Model
5. Block and Inline

Flexbox

1. Introduction to Flexbox
   • Flexbox tutorial
2. Growing and Shrinking
3. Axes
4. Alignment
   • An Interactive Guide to Flexbox
   • mdn - Typical use cases of flexbox
   • A Complete Guide to Flexbox
5. Project: Landing Page

JavaScript Basics

1. Fundamentals Part 1
   • Variables
   • Numbers
2. Fundamentals Part 2
   • Strings
     • mdn - Regular Expressions
     • w3schools - Regular Expressions
   • Conditionals
3. JavaScript Developer Tools
4. Fundamentals Part 3
   • Functions
     • mdn - Functions
     • mdn - Return Values
     • javascript.info - Function Basics
     • javascript.info - Function Expression
     • javascript.info - Arrow Functions
     • dev.to - Understanding Callbacks
5. Problem Solving
6. Understanding Errors
7. Project: Rock Paper Scissors
8. Clean Code
9. Installing Node.js
10. Fundamentals Part 4
    • Arrays
      • w3schools - JavaScript Arrays
      • w3schools - JavaScript Array Methods
    • Loops
      • mdn - Looping code
      • javascript.info - Loops: while and for
11. DOM Manipulation and Events
    • DOM - Document Object Model
    • Targeting Nodes with Selectors
    • DOM methods
    • Events
      • mdn - HTML Attribute Reference
      • mdn - HTML DOM Events
      • DOM Enlightenment
      • Eloquent JavaScript
12. Revisiting Rock Paper Scissors
13. Project: Etch-a-Sketch
14. Fundamentals Part 5
    • Objects
      • javascript.info - Objects
      • mdn - JavaScript object basics
    • Intermediate/Advanced Array Magic
15. Project: Calculator

The Back End

1. Introduction to the Back End
2. Introduction to Frameworks

Conclusion

1. Choose Your Path Forward

Topics not linked in this file:

• Lesson Overviews
• Assignments
• Knowledge Checks
• Additional Resources (partly listed as separate direct links)