Skip to content

Commit

Permalink
web week 5 updates
Browse files Browse the repository at this point in the history
  • Loading branch information
madhavarshney committed Mar 1, 2024
1 parent f10d82b commit b86c1d5
Show file tree
Hide file tree
Showing 4 changed files with 8 additions and 8 deletions.
Binary file added public/assets/hw5/sp24-hw5-skeleton.zip
Binary file not shown.
Binary file added public/assets/lab5/lab5-starter.zip
Binary file not shown.
2 changes: 1 addition & 1 deletion public/content/web/schedule-page.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ Join the [Ed](https://edstem.org/us/join/RDVU5J) and [Gradescope](https://www.gr
| 2 | CSS Basics [Slides](https://docs.google.com/presentation/d/1cI-pR24ZJzLYDNCJFPnWnzyL9arfFQtjrLDG_VsWmi8/edit?usp=sharing) | Lab 2: CSS Part 2[Slides](https://docs.google.com/presentation/d/1NRfkrVeIltAyNWseQGSOFE3BAQShZleyPc3xaiJ7G0I/edit?usp=sharing) | [HW 2: Personal Portfolio](#/hw/web/hw2) |
| 3 | JavaScript Basics[Slides](https://docs.google.com/presentation/d/1t5bu8RWzyivoGc-xWWst7j3VxZeNupkQXfDpwTS63Js/edit?usp=sharing) | Lab 3: DOM Manipulation with JS[Slides](https://docs.google.com/presentation/d/10lKBb1PmdKOH7-6mRXiv9pbtUoKbHLk8zwzakLwIUcg/edit?usp=sharing) | [HW 3: JavaScript Playground](#/hw/web/hw3) |
| 4 | Intro to APIs [Slides](https://docs.google.com/presentation/d/1yKQm_XZ4xLvCUIfLFL9whyDn8C7cHM4wstHhzEtT6zA/edit?usp=sharing) | Lab 4: GitHub Pages Deployment[Slides](https://docs.google.com/presentation/d/1YDNhd5DijbheMaqVlsjrxaX-o27HwrcDzun58i2dHI4/edit?usp=sharing) | [HW 4: API Quiz on Gradescope](https://www.gradescope.com) |
| 5 | APIs, Promises, & Fetch() [Slides](https://docs.google.com/presentation/d/1tLwMNnEupiQjG6TnTQh2Q3x4lacnY1C5bu8talC585k/edit?usp=sharing) | Lab 5: API Keys & HW Walkthrough | HW 5: OpenWeatherMap API |
| 5 | APIs, Promises, & Fetch() [Slides](https://docs.google.com/presentation/d/1tLwMNnEupiQjG6TnTQh2Q3x4lacnY1C5bu8talC585k/edit?usp=sharing) | Lab 5: APIs + Frontend Practice [Slides](https://docs.google.com/presentation/d/1WuwDmlt6fFw8Xc6sgUWitnwHam_0MMfoE7ZVKSMQ1bg/edit?usp=sharing) | [HW 5: OpenWeatherMap API](#/hw/web/hw5) |
| 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
Expand Down
14 changes: 7 additions & 7 deletions src/hw/web/hw5.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,13 @@ Ddoski made this cool app that lets you find the weather in a certain city/count
<source src="/assets/hw5/finished-app.mp4" type="video/mp4">
</video>

But he lost some parts of his code in a storm!
But he lost some parts of his code in a storm!

_[Help him. (Download skeleton code here.)](assets/hw5/fa23-hw-5-skeleton.zip)_
_[Help him. (Download skeleton code here.)](assets/hw5/sp24-hw5-skeleton.zip)_
**Note: Only edit script.js.**

## Some Notes on Homework
If you need help with the homework, make a post on the HW5 Megathread on Ed or pull up to office hours (second half of lab) on Fridays 5-6pm @ Physics 3.
If you need help with the homework, make a post on Ed or pull up to office hours (second half of lab).

# CLUE 0
_Create an [OpenWeatherMap](https://openweathermap.org/) account. Use the default API Key or generate a new one by navigating to your profile and "My API Keys". Input your API Key into scripts.js as a <mark>string</mark>._
Expand All @@ -39,7 +39,7 @@ Here is a reminder on how to index into arrays.
// Here, we've created a list:
const crazyList = [{myDog: "poodle"}, "G", 3.14, ["three figs", true], "CLK-to-q"]

//Let's index into that list:
// Let's index into that list:
const firstElement = crazyList[0];
console.log(firstElement) //This prints the object {myDog: "poodle"} to the console.
```
Expand All @@ -53,9 +53,9 @@ const person = {
age: 33
};

//Let's access properties from that object:
// Let's access properties from that object:
const fullName = person["lastName"] + ", " + person["firstName"];
console.log(fullName) //This prints "Doe, John" to the console
console.log(fullName) // This prints "Doe, John" to the console
```

# CLUE 5
Expand All @@ -80,7 +80,7 @@ htmlElement.innerHTML = "Updated Text!";
```

# Submission
To submit the homework folder, you have to zip it first.
To submit the homework folder, you have to zip it first.

**To zip a folder:**
_**Windows:** Right-click the folder **hw5-skeleton**, select (or point to) Send to, and then select Compressed (zipped) folder._
Expand Down

0 comments on commit b86c1d5

Please sign in to comment.