EECS 485: Web Systems

The University of Michigan

Winter 2021

Looking for Spring 2021? Looking for Fall 2021?

A holistic course of modern web systems and technologies, covering front end and back end. Build an Instagram clone in the first half of the semester, and a Google clone in the second.

Syllabus

Lectures

Tuesdays and Thursdays, 3-4:30pm Eastern

Zoom

Videos in Lecture box below

Submit questions on Piazza

Friday 9am Kloosterman Q&A (Zoom)

This Week (April 19 - 23)

Kloosterman

Slides

Dark Web and Ethics

VPNs and VPN Security

Tor Routing

Ethics

Course Wrap-up

Staff OH

Check Google Calendar for times
Queue

Kloosterman OH

Appointments

Lecture Q&A Friday 9am

Hamilton OH

Ask anything - doesn't need to be course related
Monday through Thursday 4:30-5:30pm

Lab 12 Worksheet

Lab 12 Quiz (due 8pm Tues. Apr. 20)

Optional synchronous lab sessions:
Wed 10:30am (Zoom)
Wed 3pm (Zoom)
Fri 9:30am (Zoom)

Review Projects 4 and 5

Open calendar in new window

Tutorials

w3Schools HTML Intro

w3schools CSS Intro

Official Python Tutorial

Install web dev tools on your operating system

git and GitLab

Web dev features in popular web browsers

python3 -m venv

pdb and pdb++

pytest

Command line automation

Tools and tips for working with groups virtually

w3Schools SQL Intro

Projects: P2, P3, P5

SQLite Tutorial

Projects: P2, P3, P5

Dynamic pages

Projects: P2, P3, P5

Projects: P2, P3

Projects: P3, P5

curl, HTTPie

Projects: P3, P5

Toolchain, demo

Projects: P3

Headless Chrome

Projects: P3

Projects: P4

Projects

Report a bug in a project or lab

Templated static site generator

Server-side dynamic pages

Client-side dynamic pages

Map reduce

Wikipedia search engine

Labs

Report a bug in a project or lab

Project 1 Setup

Static Pages Tools and AWS

Project 2 Setup

Server-side Dynamic Pages Tools

Project 3 Setup and Tools

Scaling a Database with PaaS

Project 4 Setup

Scaling static files and media uploads with PaaS

Scaling Server-side Dynamic Pages with PaaS 1

Scaling Server-side Dynamic Pages with PaaS 2

Schedule (all times Eastern)

Week	Lecture 1	Lecture 2	Lab	Deadlines
Jan. 19 - Jan. 22	Lecture 1: Introduction Kloosterman: L01 L01.1 L01.2 L01.3 L01.4 Hamilton: L01 L01	Lecture 2: Static Pages Kloosterman: L02 L02.0 L02.1 L02.2 L02.3 L02.4 L02.5 Hamilton: L02 L02	Lab 1: Project 1 Setup	Lab 1 Quiz due Sun. Jan. 24 8pm
Jan. 25 - Jan. 29	Lecture 3: Server-Side Dynamic Pages Kloosterman: L03 L03.0 L03.1 L03.2 L03.3 L03.4 Hamilton: L03 L03	Lecture 4: Sessions Kloosterman: L04 L04.0 L04.1 L04.2 L04.3 L04.4 L04.5 L04.6 Hamilton: L04 L04	Lab 2: Static Pages Tools and AWS	Lab 2 Quiz due Sun. Jan. 31 8pm
Feb. 1 - Feb. 5	Lecture 5: Encryption Kloosterman: L05 L05.0 L05.1 L05.2 L05.3 L05.4 L05.5 Hamilton: L05 L05	Lecture 6: Web Security Kloosterman: L06 L06.0 L06.1 L06.2 L06.3 Hamilton: L06 L06	Lab 3: Project 2 Setup	Project 1 due Fri. Feb. 5 8pm
Feb. 8 - Feb. 12	Lecture 7: REST APIs Kloosterman: L07 L07.0 L07.1 L07.2 L07.3 L07.4 L07.5 Hamilton: L07 L07	Lecture 8: Client-Side Dynamic Pages Kloosterman: L08 L08.0 L08.1 L08.2 L08.3 L08.4 Hamilton: L08 L08	Lab 4: Server-Side Dynamic Pages Tools	Lab 3 Quiz due Tues. Feb. 9 8pm Lab 4 Quiz due Sun. Feb. 14 8pm
Feb. 15 - Feb. 19	Lecture 9: Client-Side Applications Kloosterman: L09 L09.0 L09.1 L09.2 L09.3 L09.4 Hamilton: L09 L09	Lecture 10: Asynchronous Programming Kloosterman: L10 L10.0 L10.1 L10.2 L10.3 L10.4 Hamilton: L10 L10	Lab 5+6: Project 3 Setup and Tools	Project 2 due Fri. Feb. 19 8pm No lab quiz due 2/21
Feb. 22 - Feb. 26	Lecture 11: Networking Kloosterman: L11 L11.0 L11.1 L11.2 L11.3 L11.4 Hamilton: L11 L11	Lecture 12: Google File System Kloosterman: L12 L12.0 L12.1 L12.2 L12.3 L12.4 Hamilton: L12 L12	Lab 5+6: Project 3 Setup and Tools	Lab 5+6 Quiz due Sun. Feb. 28 8pm
Mar. 1 - Mar. 5	Lecture 13: Map Reduce (last lecture covered on midterm) Kloosterman: L13 L13.0 L13.1 L13.2 L13.3 L13.4 Hamilton: L13 L13	Lecture 14: OS and Parallelism Kloosterman: L14 L14.0 L14.1 L14.2 L14.3 Hamilton: L14 L14	Lab 7: Scaling a Database with PaaS	Project 3 due Fri. Mar. 5 8pm Lab 7 Quiz due Sun. Mar. 7 8pm
Mar. 8 - Mar. 12	No Lecture	No Lecture	No Lab	Midterm Thursday, Mar. 11, 3-5pm
Mar. 15 - Mar. 19	Lecture 15: Text Analysis Kloosterman: L15 L15.0 L15.1 L15.2 L15.3 Hamilton: L15 L15	Lecture 16: Link Analysis Kloosterman: L16 L16.0 L16.1 L16.2 L16.3 L16.4 Hamilton: L16	Lab 8: Project 4 Setup	Lab 8 Quiz due Sun. Mar. 21 8pm
Mar. 22 - Mar. 26	No Lecture: Well-Being Day	Lecture 17: Scaling Web Search Kloosterman: L17 L17.0 L17.1 L17.2 L17.3 Hamilton: L17	Lab 9: Scaling static files and media uploads with PaaS	Lab 9 Quiz due Sun. Mar. 28 8pm
Mar. 29 - Apr. 2	Lecture 18: Scaling Static Pages Kloosterman: L18 L18.0 L18.1 L18.2 L18.3 Hamilton: L18	Lecture 18: Scaling Dynamic Pages Kloosterman: L19 L19.0 L19.1 L19.2 L19.3 Hamilton: L19		Project 4 due Fri. Apr. 2 8pm
Apr. 5 - Apr. 9	Lecture 20: Scaling Storage Kloosterman: L20 L20.0 L20.1 L20.2 L20.3	Lecture 21: Recommender Systems Kloosterman: L21 L21.0 L21.1 L21.2 L21.3	Lab 11: Scaling Server-Side Dynamic Pages with PaaS 1	Lab 11 Quiz due Sun. Apr. 11 8pm
Apr. 12 - Apr. 16	Lecture 22: Ads and Auctions Kloosterman: L22 L22.0 L22.1 L22.2 L22.3 L22.4	Lecture 23: Blockchain Kloosterman: L23 L23.0 L23.1 L23.2 L23.3	Lab 12: Scaling Server-Side Dynamic Pages with PaaS 2	Project 5 due Fri. Apr. 16 8pm
Apr. 19 - Apr. 23	Lecture 24: Dark Web and Ethics Kloosterman: L23 L24.0 L24.1 L24.2 L24.3 L24.4			Lab 12 Quiz due Tues. Apr. 20 8pm
Apr. 26 - Apr. 30				Final Exam: Mon. Apr. 26, 8-10AM