2024 02 13 - TheEvergreenStateCollege/upper-division-cs-23-24 GitHub Wiki

Week 06 - Tuesday

2024-02-13

Web Front-End

image

Review:

  • Last week: Practice Demo Day
  • We are now applying all our homeworks and concepts to our final projects (or hackathon projects that support our final project).

Today:

Front-End Dev Workflow

  • Pull from main
  • Find the script <repo_dir>/web-24wi/scripts/

In-Class Activity Bash Script Reading

With a pair partner, go over the script web-dev.sh

Try to understand each line.

Collect two questions related to

  • what the script does
  • how you might use this script in the second part of the class

Type your questions into the Discord #sos-w24-frontend server

Set Up your Dev Environment with this Script

What problems do you discover, if any? How do you test if it’s working?

Our Goal Today:

Connecting a Register / Login Form to a Backend.

Partner with someone in Web Infra.

Copy your api-server into the directory into your final project (both an Express server, and some static HTML / CSS / JS pages).

<repo_dir>/web-24wi/projects/<your_project_name>

Then clone this repo and type over the parts you need into your new project directory:

https://github.com/firtman/coffeemasters-authn/tree/main

You will need your quiz answers from last time.

https://canvas.evergreen.edu/courses/6249/assignments/115049

By the end, make progress towards registering a new user, and logging in.

⚠️ **GitHub.com Fallback** ⚠️