The Odin Project - Full Stack JavaScript Path : Pending

The Odin Project - Foundations Path : Completed

Completed Sections are in Green

Pending Sections are in Orange


The Odin Project Web Development curriculum progress Tracker for Amal Kariyawasam


This is an up to date tracker to document my learning in Software Engineering with links to completed projects that are required in "The Odin Project" curriculum.

"The Odin Project's full-stack curriculum covers essential tools (Git, Webpack, Jest, VS Code, Linux), foundational programming concepts (TDD, problem-solving, clean code, OOP), and modern frameworks like React, preparing you for real-world development challenges."

The Odin Project is a High quality Web Development coding education created by an Open-Source community.

Odin Project : Full Stack JavaScript

Master full-stack web development with The Odin Project. Build robust, scalable applications using JavaScript, React, Node.js, SQL, and PostgreSQL. Learn essential tools like Git, command line, and testing frameworks. Apply industry best practices like TDD and clean code to create exceptional user experiences.


Lessons: 125

Projects: 30

Path Start Date: 25/12/2023

Path End Date: In progress

    1.0 Intermediate HTML and CSS Course

    Learn a little more about what you can do with HTML and CSS.

    Lessons: 21

    Projects: 2

    Start: 25/12/2023

    End: 14/02/2024 😃

    Duration: 1 Month, 21 Days Or 52 Days

    1.1 Intermediate HTML Concepts: Fully Completed

  1. Introduction
  2. Emmet
  3. SVG
  4. Tables

    5. 1.2 Intermediate CSS Concepts: Fully Completed

  5. Default Styles
  6. CSS Units
  7. More Text Styles
  8. More CSS Properties
  9. Advanced Selectors
  10. Positioning
  11. CSS Functions
  12. Custom Properties
  13. Browser Compatibility
  14. Frameworks and Preprocessors

    15. 1.3 Forms

  15. Form Basics
  16. Form Validation
  17. Coding Challenge Project: Sign-up Form

    18. 1.4 Grid

  18. Introduction to Grid
  19. Creating a Grid
  20. Positioning Grid Elements: Coding Challenge
  21. Advanced Grid Properties:
  22. Using Flexbox and Grid
  23. Coding Challenge Project: Admin Dashboard

    24. 2.0 JavaScript Course

    This module includes projects where you will learn how to manipulate the DOM, use object-oriented programming principles, and fetch real-world data using APIs.

    Lessons: 31

    Projects: 12

    Start: 16/02/2024

    End: 13/08/2024 😃

    Duration: 5 months 28 days Or 179 days

    2.1 Introduction

  24. How This course will work
  25. A Quick Review

    26. 2.1 Organizing Your Javascript Code

  26. Organizing Your Javascript Code Introduction
  27. Objects and Object Constructors
  28. Click here to open Coding Challenge / Project: Library
  29. Factory Functions and the Module Pattern
  30. Click here to open Coding Challenge / Project: Tic Tac Toe
  31. Classes
  32. ES6 Modules
  33. NPM
  34. Webpack
  35. Click here to open Coding Challenge / Project: Restaurant Page
  36. Revisiting Webpack
  37. Click here to open Coding Challenge: JSON
  38. OOP Principles
  39. Click here to open Coding Challenge / Project: Todo List

    40. 2.2 JavaScript in the Real World

  40. Linting: Click here to open Coding Challenge / Project:GitHub Templates
  41. Dynamic User Interface Interactions: Click here to open Coding Challenge / Project: Drop Down Menu and Image Carousel Modules
  42. Form Validation with JavaScript: Click here to open Coding Challenge / Project: Library with added Form Validation
  43. What is ES6? : Click here to open Coding Challenge: Babel Tutorial

    44. 2.3 Asynchronous JavaScript and APIs

  44. Asynchronous Code
  45. Working with APIs Click here to open Coding Challenge / Project: Giphy Image search
  46. Async and Await
  47. Project: Weather App Click here to open Coding Challenge / Project: Weather App

    48. 2.4 A Bit of Computer Science

  48. A Very Brief Intro to CS
  49. Recursive Methods Click here to open Coding Challenge / Project:Recursive Methods
  50. Click here to open Coding Challenge / Project: Recursion
  51. Time Complexity
  52. Space Complexity
  53. Common Data Structures and Algorithms
  54. Click here to open Coding Challenge / Project: Linked Lists
  55. HashMap Data Structure
  56. Click here to open Coding Challenge / Project: HashMap
  57. Click here to open Coding Challenge / Project: Binary Search Trees
  58. Click here to open Coding Challenge / Project: Knights Travails

    59. 2.5 Intermediate Git

  59. A Deeper Look at Git
  60. Working with Remotes
  61. Using Git in the Real World

    62. 2.6 Testing JavaScript

  62. Testing Basics
  63. Click here to open Coding Challenge / Project: Testing Practice
  64. More Testing
  65. Project: Battleship Instructions Click here to open Coding Challenge / Project: Battleship

    66. 2.7 Finishing Up with JavaScript

  66. Conclusion

    67. 3.0 Advanced HTML and CSS Course

    It's time to dig in and become the CSS expert you deserve to be. After this course you'll be equipped to create web projects that look beautiful on any device!

    Lessons: 15

    Projects: 1

    Start: 14/08/2024

    End: 30/08/2024 😃

    Duration:16 Days

    3.1 Animation

  67. Transforms
  68. Transitions
  69. Keyframes

    70. 3.2 Accessibility

  70. Introduction to Web Accessibility
  71. The Web Content Accessibility Guidelines (WCAG)
  72. Semantic HTML
  73. Accessible Colors
  74. Keyboard Navigation
  75. Meaningful Text
  76. WAI-ARIA
  77. Accessibility Auditing

    78. 3.3 Responsive Design

  78. Introduction to Responsive Design
  79. Natural Responsiveness
  80. Responsive Images
  81. Media Queries
  82. Project: Homepage

    83. 5.0 Databases

    Databases are used to organize and capture large amounts of data, typically by inputting, storing, retrieving and managing the information. This course will focus on relational databases, which are widely used to store data and SQL, the language used to query the database.

    Lessons: 2

    Projects: 1

    Start: 27/11/2024

    End: 06/12/2024 😃

    Duration: 10 Days

  83. Databases
  84. Databases and SQL
  85. Project: SQL Zoo

    86. 6.0 NodeJS Course

    Take your JavaScript skills to the server-side! Learn how to fully craft your site's backend using Express, the most popular back-end JavaScript framework! You will also learn how to use a relational database, PostgreSQL.

    Lessons: 21

    Projects: 9

    Start: 06/12/2024

    End: Pending 😃

    Duration:

    6.1 Introduction to NodeJS

  86. Introduction to the Back End
  87. Introduction to Frameworks
  88. Introduction: What is NodeJS?
  89. Getting Started
  90. Debugging Node
  91. Project: Basic Informational Site | Source Code
  92. Environment Variables

    93. Express

  93. Introduction to Express
  94. Routes
  95. Controllers
  96. Views
  97. Project: Mini Message Board | Source Code | Production / Live Demo
  98. Deployment
  99. Forms and Data Handling
  100. Installing PostgreSQL
  101. Using PostgreSQL
  102. Project: Inventory Application | Source Code | Production / Live Demo

    103. 6.4 Authentication

  103. Authentication Basics
  104. Project: Members Only | Source Code | Production / Live Demo

    105. 6.5 ORMs

  105. Prisma ORM
  106. Project: File Uploader | Source Code | Production / Live Demo

    107. 6.6 APIs

  107. API Basics
  108. API Security
  109. Project: Blog API

    110. 6.7 Testing Express

  110. Testing Routes and Controllers
  111. Testing Database Operations

    112. 6.8 Full Stack Projects

  112. Project: Where's Waldo (A Photo Tagging App)
  113. Project: Messaging App

    114. 6.9 FINAL PROJECT

  114. Project: Odin-Book
  115. Conclusion

    116. 7.0 Getting Hired Course

    Web development is a lifelong journey of learning and growth. Continue that journey on a professional development team! You'll learn where to find jobs, how to do great interviews, and the best strategies to launch your career.

    Lessons: 12

    Projects: 2

    Start: 10/02/2025

    End: 25/03/2025 😃

    Duration: 43 Days

    7.1 Preparing for Your Job Search

  116. How This Course Will Work
  117. Professional Networking
  118. Strategy
  119. It Starts with YOU
  120. What Companies Want
  121. What You Can Do to Prepare
  122. Project: Building Your Personal Website

    123. 7.2 Applying to and Interviewing for Jobs

  123. Collecting Job Leads
  124. Qualifying Job Leads
  125. Project: Building Your Resume
  126. Applying for Web Development Jobs
  127. Preparing to Interview and Interviewing
  128. Handling a Job Offer
  129. Conclusion

Course Fully completed on 24/12/2023: The Odin Project - Foundations

A hands-on introduction to all of the essential tools you'll need to build real, working websites. learn what web developers actually do in real life and practice using essential tools such as Git, Linux command line,Text editors (VS Code), Ubuntu Linux Virtual Machine Development environment. Also learn the basics of HTML, CSS and JavaScript.

    Course Statistics (Please note that this is based on part time study of 1hr a day while working a full time job with various other life commitments and disruptions)
  • Course Start Date: 05/09/2022
  • Course End Date: 24/12/2023 😃
  • Time Taken: 1 Year, 3 Months, 20 Days Or 15 Months, 20 Days Or 476 Days

    1.0 Introduction (Section Fully Completed)

  1. Lesson Completed: How this Course Will Work
  2. Lesson Completed: Introduction to Web Development
  3. Lesson Completed: Motivation and Mindset
  4. Lesson Completed: Asking For Help
  5. Lesson Completed: Join the Odin Community

    6. 2.0 Prerequisites (Section Fully Completed)

  6. Lesson Completed: Computer Basics
  7. Lesson Completed: How Does the Web Work?
  8. Lesson Completed: Installation Overview
  9. Lesson Completed: Installations
  10. Lesson Completed: Text Editors
  11. Lesson Completed: Command Line Basics
  12. Lesson Completed: Setting Up Git

    13. 3.0 Git Basics (Section Fully Completed)

  13. Lesson Completed: Introduction to Git
  14. Lesson Completed: Git Basics

    15. 4.0 HTML Foundations (Section Fully Completed)

  15. Lesson Completed: Introduction to HTML and CSS
  16. Lesson Completed: Elements and Tags
  17. Lesson Completed: HTML Boiler plate (Please click here to view completed Assignment)
  18. Lesson Completed: Working with Text
  19. Lesson Completed: Lists
  20. Lesson Completed: Links and Images
  21. Lesson Completed: Commit Messages
  22. Lesson Completed: Practice HTML (Project: Recipes)(Please click here to view completed Assignment)

    23. 5.0 CSS Foundations (Section Fully Completed)

  23. Lesson Completed: CSS Foundations Assignment (Please click here to view completed Assignment)
  24. Lesson Completed: Inspecting HTML and CSS
  25. Lesson Completed: The Box Model
  26. Lesson Completed: CSS Block and inline - exercise 1 (Please click here to view completed Assignment)
  27. Lesson Completed: CSS Block and inline - exercise 2 (Please click here to view completed Assignment)

    28. 6.0 Flexbox (Section Fully Completed)

  28. Lesson Completed: Introduction to Flexbox
  29. Lesson Completed: Growing and Shrinking
  30. Lesson Completed: Axes
  31. Lesson Completed: Alignment (Assignment: 01-flex-center) (Assignment: 02-flex-header) (Assignment:03-flex-header-2) (Assignment:04-flex-information) (Assignment:05-flex-modal) (Assignment:06-flex-layout) (Assignment:07-flex-layout-2)
  32. Lesson Completed:Project: Landing Page (Please click here to view completed Assignment)

    33. 7.0 JavaScript Basics (Section Fully Completed)

  33. Lesson Completed: Fundamentals Part 1
  34. Lesson Completed: Fundamentals Part 2
  35. Lesson Completed: JavaScript Developer Tools
  36. Lesson Completed: Fundamentals Part 3
  37. Lesson Completed: Problem Solving
  38. Lesson Completed: Understanding Errors
  39. Lesson Completed: Project: Rock Paper Scissors (Please click here to view completed Assignment)
  40. Lesson Completed on 29/04/2023 (Deadline 05/05/2023): Clean Code
  41. Lesson Completed on 30/04/2023 (Deadline 12/05/2023): Installing Node.js
  42. Lesson Completed on 27/05/2023 (Deadline 19/05/2023): Fundamentals Part 4 (01_helloWorld) (02_repeatString) (03_reverseString) (04_removeFromArray) (05_sumAll) (06_leapYears) (07_tempConversion)
  43. Lesson Completed on 01/06/2023 (Deadline 26/05/2023): DOM Manipulation and Events (Project:JavaScript Drum Kit)
  44. Lesson Completed on 09/06/2023 (Deadline 02/06/2023): Revisiting Rock Paper Scissors (Please click here to view completed Assignment)
  45. Lesson Completed on 01/07/2023 (Deadline 09/06/2023): Project: Etch-a-Sketch (Please click here to view completed Assignment)
  46. Lesson Completed on 21/08/2023 : Fundamentals Part 5
  47. Project completed on 24/12/2023 : Calculator Project (Please click here to view completed Assignment)

    48. 8.0 Conclusion (Section Fully Completed)

  48. Choose Your Path Forward - Selected Full stack JavaScript (Gain advanced knowledge to create beautiful responsive websites from scratch using JavaScript and NodeJS)