Foundations refresh

[01zulfi]

Summary

We should break the current foundations course into separate courses so that the Foundations path aligns with other paths on the website in terms of its structure. To aid this, we'll need to add introductory "How does this Course Work" lessons where applicable. After this is done, we can look into breaking up the longer HTML/CSS lessons and revisiting our JavaScript lessons.

Motivation

1. Refresh Discord Rules/FAQ/Pins and the Beginning of Foundations #66
2. This card in TOP META's project's Ideas/Funnel column https://github.com/TheOdinProject/top-meta/projects/1#card-76510468

Suggested Implementation

The overall effort will be divided into two (or more) iterations.

Iteration 1: Split the foundations course

Commit the website changes that will make this split possible and add introductory lessons where applicable. The three courses in order would be:

1. Getting Started
   • It will retain the Introduction, Installations, and the Git Basics section from the current course
2. Basic HTML/CSS
   • It will retain the HTML/CSS sections from current course
   • Add new section called "Introduction". It must have two lessons:
     1. How This Course Will Work?
     2. Introduction to HTML/CSS (retained from the current course)
3. JavaScript Foundation
   • It will retain the JavaScript Basics, The Back End, and the Conclusion section from the current course
   • Add new section called "Introduction". It must have two lessons:
     1. How This Course Will Work?
     2. Introduction to JavaScript

Iteration 2: tba

Drawbacks

1. Huge workload (but we should hopefully we able to achieve the first iteration of the refresh fairly quickly)

Alternatives

n/a

Additional

n/a