odin-projects

Projects Overview

Takeaways and relevant skills are noted under each project section in the following document.
If any bugs are encountered, feel free to reach out!

Foundations Course

Project Topic Link
Landing Page Flexbox Landing Page
Rock Paper Scissors JavaScript Basics Rock Paper Scissors
Etch-A-Sketch JavaScript Basics Etch-A-Sketch
Calculator JavaScript Basics Calculator

Full Stack JavaScript Course

Project Topic Link
Sign Up Form Forms Sign Up Form
Admin Dashboard Grid Admin Dashboard
Library Organizing your JavaScript Code (Objects & Constructors) Library
Tic Tac Toe Organizing your JavaScript Code (The Module Pattern) Tic Tac Toe
Restaurant Page Organizing your JavaScript Code (Webpack & Modules) Restaurant Page
Todo List Organizing your JavaScript Code (Classes) Todo List
Weather Page Asynchronous JavaScript and APIs Weather Page
Basic Informational Site Introduction to NodeJS TBA
Message Board Express & Mongoose Message Board

Foundations Course

Landing Page

Link Skills
Landing Page
  • HTML
    • Introduction to HTML elements and tags
    • Box model
    • Flexbox layouts
  • CSS
    • Introduction to CSS selectors
    • The cascade

Rock Paper Scissors

Link Skills
Rock Paper Scissors
  • HTML
    • Flexbox layouts
  • CSS
    • Selectors
    • The cascade
  • JavaScript
    • JavaScript fundamentals
    • DOM manipulation and events

Etch-A-Sketch

Link Skills
Etch-A-Sketch
  • HTML
    • Flexbox layouts
  • CSS
    • Selectors
    • The cascade
  • JavaScript
    • JavaScript fundamentals
    • DOM manipulation and events

Calculator

Link Skills
Calculator
  • HTML
    • Flexbox layouts
  • CSS
    • Selectors
    • The cascade
  • JavaScript
    • JavaScript fundamentals
    • DOM manipulation and events

Full Stack JavaScript Course

Sign Up Form

Link Skills
Sign Up Form
  • HTML
    • Flexbox layouts
    • Forms
  • CSS
    • Selectors
    • The cascade
    • Variables
  • JavaScript
    • DOM manipulation and events
    • Form validation
  • Extra
    • Regular Expressions

Admin Dashboard

Link Skills
Admin Dashboard
  • HTML
    • Grid layouts
    • Flexbox layouts
  • CSS
    • Selectors
    • The cascade
    • Variables

Library

Link Skills
Library
  • HTML
    • Grid layouts
    • Flexbox layouts
  • CSS
    • Selectors
    • The cascade
  • JavaScript
    • DOM manipulation and events
    • Form validation
    • Objects & object constructors

Tic Tac Toe

Link Skills
Tic Tac Toe
  • HTML
    • Grid layouts
    • Flexbox layouts
  • CSS
    • Selectors
    • The cascade
    • Variables
  • JavaScript
    • DOM manipulation and events
    • Factory functions
    • The module pattern

Restaurant Page

Link Skills
Restaurant Page
  • HTML
    • Grid layouts
    • Flexbox layouts
  • CSS
    • Selectors
    • The cascade
    • Variables
  • JavaScript
    • DOM manipulation and events
    • ES6 Modules
    • Webpack
    • Tab switching