sp24 updates

steffitan23 · Jan 14, 2024 · 7091357 · 7091357
1 parent 65be56b
commit 7091357
Show file tree

Hide file tree

Showing 15 changed files with 50 additions and 34 deletions.
diff --git a/public/content/course-info.md b/public/content/course-info.md
@@ -4,7 +4,7 @@
 
 **EECS Dept. Sponsor:** Justin Yokota
 
-**Course Catalog:** Fall 2023
+**Course Catalog:** Spring 2024
 
 ## Course Overview
 
@@ -18,7 +18,7 @@ The course content is split into lectures, labs, homeworks, and a final project.
 
 _Prerequisites_
 
-For the web track, we are targeting those with little to no coding experience. This means that while you can take the course as someone with experience, you may ﬁnd it a bit slow. For the iOS track, we recommend that you have some prior coding experience and/or take some introductory programming course before or while you’re enrolled in Cubstart — e.g. CS61A.
+For the Web track, we do not reforce prereqs, but prior coding experience of any kind is highly recommended (high school course, CS10, CS61A, etc). For the iOS track, we recommend that you have some prior coding experience and/or take some introductory programming course before or while you’re enrolled in Cubstart — e.g. CS61A.
 
 _Textbooks and Required Materials_
 
@@ -67,7 +67,7 @@ If you have extenuating circumstances and have used up your unexcused absences,
 
 ## Homeworks
 
-The weekly homeworks are mini-projects that have a detailed, step-by-step spec for you to follow. Homeworks are graded on completion.
+The weekly homeworks are mini-projects that have a detailed, step-by-step spec for you to follow.
 
 You have **2 homework drops** and your homework grade will be affected if you miss any more than that.
 

diff --git a/public/content/ios/schedule-page.md b/public/content/ios/schedule-page.md
@@ -1,10 +1,10 @@
-Lecture: Mondays 4:00pm-5:00pm @ Soda 306
+Lecture: Mondays 5:00pm-6:00pm @ Soda 306
 
-Lab: Fridays 4:00pm-6:00pm @ Soda 306
+Lab: Fridays 5:00pm-7:00pm @ Soda 306
 
 ## Announcements
 Welcome to the iOS development track.
-Join the [Ed](https://edstem.org/us/join/QSrvSj) and [Gradescope](https://www.gradescope.com) with code K3EPRG.
+Join the [Ed] and [Gradescope](https://www.gradescope.com) with code TBD.
 
 | Week | Lecture                                                                                                                                                                                                                                                                                                 | Lab Section                                       | Homework/Project                                  |
 | ---- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------- | ------------------------------------------------- |

diff --git a/public/content/staff.json b/public/content/staff.json
@@ -25,7 +25,7 @@
       "image": "assets/jessica.jpg",
       "name": "Jessica Ng",
       "title": "Web Lead & Lecturer",
-      "description": "Hi! I'm Jessica, a second-year CS major! You can usually find me reading, crocheting, playing Tetris, or binge-watching Love Island. I'm super excited to meet everyone :)",
+      "description": "Hi, I'm Jessica, a second-year CS major! You can usually find me reading, crocheting, playing Tetris, or binge-watching Singles Inferno. I'm super excited to meet everyone :)",
       "social": "@jessican_1212"
     }
   ],

diff --git a/public/content/web/schedule-page.md b/public/content/web/schedule-page.md
@@ -1,24 +1,25 @@
-Lecture: Mondays 5:00pm-6:00pm @ Soda 306
+Lecture: Tuesdays 7:00pm-8:00pm @ Moffit 102
 
-Lab: Fridays 4:00pm-6:00pm @ Physics 3
+Lab: Thursdays 7:00pm-9:00pm @ Moffit 102 (second half is optional)
+
+*To get to Moffit 102, take the corridor to the right of the 3rd floor entrance*.
 
 ## Announcements
-Join the [Ed](https://edstem.org/us/join/hAbV5D) and [Gradescope](https://www.gradescope.com) with code 2PGYZV. Recordings will be published [here](https://drive.google.com/drive/folders/1XAtjL4oDUdC0uf3Nsrkdogoi8p3U37nr?usp=drive_link).
+Join the [Ed] and [Gradescope](https://www.gradescope.com) with code TBD. Recordings will be published [here].
 
-Demo Day will be held on Tuesday December 5th, 3:00-5:00pm in the Wozniak Lounge.
 
 | Week | Lecture                                                                                                                                                                                                                                                                          | Lab Section                           | Homework/Project                                                                |
 |------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------|---------------------------------------------------------------------------------|
-| 1    | Intro to HTML and the Web [Slides](https://docs.google.com/presentation/d/1UcdmKHfwTBa-SnR3G23D9XF4xvvrNzXVHSYczy8U_ug/edit)   | [Lab 1: HTML & CSS](https://docs.google.com/presentation/d/1tkhwUvDWGnJZLTWv4SCvPtd1XPH0GKAS7aatzZsj2aA/edit?usp=sharing)  | [HW 1: HTML Basics](#/hw/web/hw1)     |
-| 2    | CSS Basics [Slides](https://docs.google.com/presentation/d/1ugHZ98EAWHLxFj5mVykZiH-1CGMEICS2mljBivZ-pW4/edit?usp=sharing)                             | [Lab 2: CSS Part 2](https://docs.google.com/presentation/d/17mnkmwGId_L5ChDgGw7dma11CRWvPfuSPcBpSzKHyso/edit?usp=sharing)   | [HW 2: Personal Portfolio](#/hw/web/hw2)[Solutions](assets/hw2/fa23-hw2-sols.zip) |
-| 3    | JavaScript Basics [Slides](https://docs.google.com/presentation/d/1Im8zmJ5fdH7KwN3bdAO6tGDB6ZWTSaFxDEKE9uyPd2c/edit?usp=sharing)  | [Lab 3: JS Part 2](https://docs.google.com/presentation/d/1EiH2TaVNuTlPSAgVICgpqxkasS5FHBkQJEB_OgLjZGA/edit?usp=sharing) | [HW 3: JavaScript Playground](#/hw/web/hw3)                                    |
-| 4    | Intro to APIs [Slides](https://docs.google.com/presentation/d/15Z_9r2RvC0lpORgY1B36PMHhgbIkXNM1JqkaOLHg-c4/edit?usp=sharing)     | [Lab 4: Git and Deployment (GitHub Pages)](https://docs.google.com/presentation/d/1KprpWhlgZ5rbIASS2qnnD-JidRpqUHWMN1WHkvI_wyE/edit?usp=sharing)            | [HW 4: Basic APIs](https://www.gradescope.com)   |
-| 5    | APIs, Promises, & Fetch() [Slides](https://docs.google.com/presentation/d/1ha5HZkX6n1dUgOoSL7OravcbBiPFDkwXZZjLxDOp7Ho/edit?usp=sharing) | [Lab 5: API Keys & HW Walkthrough](https://docs.google.com/presentation/d/104qL6ysa1rN0Pd_BcSGpo4Sxpz0nemziMy0nCq-UArY/edit?usp=sharing)   | [HW 5: OpenWeatherMap API](#/hw/web/hw5)   |
-| 6    | Node & Express [Slides](https://docs.google.com/presentation/d/1A7mK0etb0R4Jm3CJkXKHRWdmWKRgjjcOkT-JYMgELQE/edit?usp=sharing)    | [Lab 6: Building an API with Express](https://docs.google.com/presentation/d/1gMRWMoVL2xXBnthyaMY8ySSu9v_8Jm3-IuoShh-ptBU/edit)            | [HW 6: Quizlet-ish Part 1](#/hw/web/hw6) |
-| 7    | MongoDB, Mongoose [Slides](https://docs.google.com/presentation/d/1kc3av3aQUS5Bgjg98HzY377VKWyeJ4lQcVywC6D-rTM/edit#slide=id.g17893090c69_0_142)    | Lab 7: MongoDB Review           | [HW 7: Quizlet-ish Part 2](#/hw/web/hw7) |
-| 8    | Backend Continued [Slides](https://docs.google.com/presentation/d/1VahUS8xhRltUkG_IJ_mPXCd4-06NrELkoiwYkmRoWJw/edit)  | Lab 8: Figma + Github |  [Final Project Checkpoint Due Nov 12](#/hw/web/spec) + [HW 8: Create your own API](#/hw/web/hw8)
-| 9    | OPTIONAL Lecture: Intro to React[Slides](https://docs.google.com/presentation/d/1qLiDAvOlQdZCk1U4uU5eXAcB-3I_kYnmWkR2TO4GSAM/edit?usp=sharing) | NO LAB (Veteran's Day) | [Final Project](#/hw/web/spec) + OPTIONAL [HW 9: Social Media Website](#/hw/web/hw9)    |
-| 10   | Comprehensive Review [Slides](https://docs.google.com/presentation/d/1VuC08_0WNJA6Vc1Mz7nLEoqjIiz__PeFrKh63-eh5sk/edit?usp=sharing)   | OPTIONAL Project OH           | [Final Project](#/hw/web/spec) |
-| 11   | No Lecture (Thanksgiving) | No Lab (Thanksgiving) | [Final Project](#/hw/web/spec)|
-| 12   | OPTIONAL Project OH        | OPTIONAL Project OH                     | [Final Project](#/hw/web/spec)  |
-| 13   | Demo Day: Dec 5th, 3-5pm @ Woz 🎉  |
+| 1    | Intro to HTML and the Web    | Lab 1: HTML & CSS  | HW 1: HTML Basics     |
+| 2    | CSS Basics                              | Lab 2: CSS Part 2   | HW 2: Personal Portfolio |
+| 3    | JavaScript Basics   | Lab 3: JS Part 2 | HW 3: JavaScript Playground                                    |
+| 4    | Intro to APIs      | Lab 4: Git and Deployment (GitHub Pages)            | HW 4: Basic APIs   |
+| 5    | APIs, Promises, & Fetch()  | Lab 5: API Keys & HW Walkthrough   | HW 5: OpenWeatherMap API   |
+| 6    | Node & Express    | Lab 6: Building an API with Express            | HW 6: Quizlet-ish Part 1 |
+| 7    | MongoDB, Mongoose     | Lab 7: MongoDB Review           | HW 7: Quizlet-ish Part 2 |
+| 8    | Backend Continued   | Lab 8: Figma + Github |  Final Project Checkpoint + HW 8: Create your own API
+| 9    | Intro to React | Lab 9: TBD | Final Project + HW 9: Social Media Website    |
+| 10   | No Lecture (Spring Break)   | No Lab           | Final Project |
+| 11   | Comprehensive Review | OPTIONAL Project OH | Final Project|
+| 12   | OPTIONAL Project OH        | OPTIONAL Project OH                     | Final Project  |
+| 13   | Demo Day 🎉  |
diff --git a/src/components/HomePage/FAQ/FAQ.js b/src/components/HomePage/FAQ/FAQ.js
@@ -16,7 +16,7 @@ function FAQPage(props) {
     <label className="accordion__item">
       <input type="checkbox" name="accordion"/>
       <div className="accordion__title">Are there any prerequisites?</div>
-      <div className="accordion__content">The Web development track is designed for beginners to programming. Prior experience in programming will help, but isn't needed!
+      <div className="accordion__content">The Web development track is designed for beginners to programming. While Web does not enforce prereqs, prior programming experience of any kind is highly recommended!
         <br/><br/>The iOS development track is designed for intermediate and advanced programmers. We encourage those who have some experience programming to enroll. We still do allow beginner programmers to enroll in the course, but it may take extra effort to keep up with the content during the first few weeks.</div>
     </label>
     <label className="accordion__item">
@@ -32,7 +32,7 @@ function FAQPage(props) {
     <label className="accordion__item">
       <input type="checkbox" name="accordion"/>
       <div className="accordion__title">How do I apply?</div>
-      <div className="accordion__content">Fall 2023 applications have closed. See you next semester!</div>
+      <div className="accordion__content">For Spring 2024, Cubstart has open enrollment!</div>
     </label>
     <label className="accordion__item">
       <input type="checkbox" name="accordion"/>

diff --git a/src/components/HomePage/HomePage.css b/src/components/HomePage/HomePage.css
@@ -199,4 +199,14 @@ a {
 .sponsor-packet iframe {
   height: 100vh;
   width: 100vw;
+}
+
+.banner {
+  background-color: var(--main-color);
+  color: white;
+  font-weight: bold;
+  padding: 15px 10px;
+  text-align: center;
+  border-top: black solid 1px;
+  border-bottom: black solid 1px;
 }
diff --git a/src/components/HomePage/HomePage.js b/src/components/HomePage/HomePage.js
@@ -11,6 +11,9 @@ function HomePage(props) {
 
     return (
     <div>
+        <div className="banner">
+            <p>Enroll in Cubstart Spring 2024 NOW using Web Track class #00000 or iOS Track class #00000</p>
+        </div>
     <div className="hero-wrapper">
         <div className="header">
             <div className='header-text'>
@@ -37,6 +40,8 @@ function HomePage(props) {
                         className="typing-text"
                         /></h1>
                     <p>Cubstart is a web/mobile development course for beginner to intermediate developers. Whether you need project experiences to kickstart your resume, or if you have a desire to build but don’t know where to start, Cubstart is the course for you.</p>
+                    <p><em>While preprequisites are not enforced, prior coding experience is highly recommmended.</em></p>
+                    <p>Cubstart is <u>open enrollment</u> for Spring 2024! Use class # <b>00000</b> for the Web Track and <b>00000</b> for the iOS Track in the enrollment center in CalCentral to enroll.</p>
                     {/*
                     <div className='button-container'>
                     <a href="https://docs.google.com/forms/d/e/1FAIpQLSco-puPnC9Se1k35ZDxzbOLbCqXUt2It2X23kLkFGkQ3F2snw/viewform" className="applybutton">APPLY NOW!</a>

diff --git a/src/hw/web/hw1.md b/src/hw/web/hw1.md
@@ -1,4 +1,4 @@
-# HTML Basics
+# HW 1: HTML Basics
 
 ## Setting up your environment
 Before we even get into the HTML, we will need to set up a couple things. First, we'll need to install a code editor to help us write our HTML. Our recommendation is [VS Code](https://code.visualstudio.com/). It's a free, open source editor that is very popular and has a lot of features. You can download it from the link above. Though, you are welcome to use any editor you like!

diff --git a/src/hw/web/hw2.md b/src/hw/web/hw2.md
@@ -1,4 +1,4 @@
-# Personal Portfolio
+# HW 2: Personal Portfolio
 
 ## Objective
 The objective of this homework is to help you through the entire process of making a simple website in HTML/CSS, as well as test your knowledge of the box model, flexbox, and other CSS properties.

diff --git a/src/hw/web/hw3.md b/src/hw/web/hw3.md
@@ -1,4 +1,4 @@
-# JavaScript Playground
+# HW 3: JavaScript Playground
 
 This week's homework is intended to set you up for the more complex JavaScript-heavy projects to come in future weeks. Here, we'll go through the foundations and allow you to work with manipulating the DOM.
 

diff --git a/src/hw/web/hw4.md b/src/hw/web/hw4.md
@@ -1,4 +1,4 @@
-# Deployment
+# HW 4: Deployment
 
 ## Objective
 The objective for this week's homework is to deploy your own personal website! This can be something you made yourself or what you made in Homework 2. You should at least have a folder with the files **index.html** and **styles.css** in it. This is what we will be using for the rest of the homework. You can use **[HW2 solution](assets/hw2/answers.zip)** to check through your current index.html and styles.css.

diff --git a/src/hw/web/hw5.md b/src/hw/web/hw5.md
@@ -1,4 +1,4 @@
-# OpenWeatherMap API: Help Ddoski with his code!
+# HW 5: OpenWeatherMap API: Help Ddoski with his code!
 
 ## Ddoski needs your help!
 Ddoski made this cool app that lets you find the weather in a certain city/country using the OpenWeatherMap API.

diff --git a/src/hw/web/hw6.md b/src/hw/web/hw6.md
@@ -1,4 +1,4 @@
-# Quizlet-ish (Part 1): Make a Flashcard API
+# HW 6: Quizlet-ish (Part 1): Make a Flashcard API
 
 ## Ddoski needs your help!
 Ddoski wants to build a flashcard website, but so far he's only built the frontend (the webpage with HTML and CSS)! His project partner, Oski, was supposed to be working on the API, but he has gone MIA :(. Ddoski sees he started on some parts of the backend code. Can you finish it?

diff --git a/src/hw/web/hw7.md b/src/hw/web/hw7.md
@@ -1,4 +1,4 @@
-# Quizlet-ish (Part 2): Connect your API to a Database
+# HW 7: Quizlet-ish (Part 2): Connect your API to a Database
 
 Let's make your flashcards app **better**. You're going to connect a database to the API so that you can **persist flashcard data**.
 

diff --git a/src/hw/web/hw8.md b/src/hw/web/hw8.md
@@ -1,4 +1,4 @@
-# Create your own API!
+# HW 8: Create your own API!
 
 In this homework, you will review how to create an API server using Node, Express, MongoDB, and mongoose. There's no skeleton code. We will guide you through this assignment step by step.