diff --git a/public/assets/hw5/sp24-hw5-skeleton.zip b/public/assets/hw5/sp24-hw5-skeleton.zip new file mode 100644 index 0000000..b9df992 Binary files /dev/null and b/public/assets/hw5/sp24-hw5-skeleton.zip differ diff --git a/public/assets/lab5/lab5-starter.zip b/public/assets/lab5/lab5-starter.zip new file mode 100644 index 0000000..24b85ba Binary files /dev/null and b/public/assets/lab5/lab5-starter.zip differ diff --git a/public/content/web/schedule-page.md b/public/content/web/schedule-page.md index a715e9c..892f20b 100644 --- a/public/content/web/schedule-page.md +++ b/public/content/web/schedule-page.md @@ -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 diff --git a/src/hw/web/hw5.md b/src/hw/web/hw5.md index d8dbbf1..231e8c6 100644 --- a/src/hw/web/hw5.md +++ b/src/hw/web/hw5.md @@ -7,13 +7,13 @@ Ddoski made this cool app that lets you find the weather in a certain city/count -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 string._ @@ -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. ``` @@ -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 @@ -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._