If needed: Continue working on getting access to FrontEndMasters via the GitHub Student Developer Pack, or setting up GitHub Codespaces / your personal laptop development environment.

Web Engineering Setup

Our goal in this assignment is to use our existing knowledge of HTML, CSS, and JS, and combine it with talking to an API server via JSON and the fetch function to make a fun word guessing game.

In Week 03, we will be reading / watching

• Section 6: JSON / Talking to Servers
• Section 7: Conclusion

Main Text https://btholt.github.io/complete-intro-to-web-dev-v3/

Video to Watch Accompanying Above https://frontendmasters.com/courses/web-development-v3/

In the class monorepo, change to your assignments directory and create a directory for week2. Read and implement the word guess project for Javascript / and Putting It All Together. Return to the readings and watchings above as needed.

https://btholt.github.io/complete-intro-to-web-dev-v3/lessons/talking-to-servers/project

Our goal in this assignment is to learn how to make modal dialogs in React, use custom hooks to improve performance, and learn the Tailwind CSS library of utility classes to style our React apps with grids, responsive layouts, more quickly and easily.

Watch Sections 5 and 6 of Complete Intro to React
*

Watch Sections 1, 2, and 3 of Intermediate React

• Introduction
• React Hooks
• Tailwind CSS

Write and commit to the class monorepo, in your personal assignments directory.

Complete the modal exercise described here, for a confirmation box that appears over the rest of the web app, along with a responsive Tailwind css layout for the AdoptMe pet website from the previous homeworks. You may copy over the week2 project and create the week3 project if it doesn't already exist.

cd <repo_dir>/web-24wi/assignments/<github_username>/frontend/
cp -prv week2 week3

When you are done, or at regular intervals, commit and push to GitHub.
The first time, create a Pull Request.
This is also a place where teaching staff and classmates can give you help and feedback.

git add .  
git commit -m "<describe your change>"  
git push -u origin <github_username>-week2