Su 2020 Website

EECS 485: Web Systems

Summer 2020

For the Summer 2020 semester, please use https://dijkstra.eecs.umich.edu/kleach/eecs485/su20 for the course website.

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.

Tutorials

HTML

w3Schools HTML Intro
CSS

w3schools CSS Intro
Python

Official Python Tutorial
Operating System

Install web dev tools on your operating system
Version Control

git and GitLab
Browser Tools

Web dev features in popular web browsers
Python virtual environment

python3 -m venv
Python debugger

pdb and pdb++
Python testing

pytest
Shell scripting

Command line automation
SQL

w3Schools SQL Intro

Projects: P2, P3, P5
SQLite

SQLite Tutorial

Projects: P2, P3, P5
Python/Flask

Dynamic pages

Projects: P2, P3, P5
Amazon Web Services

Projects: P2, P3, P5
REST API in Flask

Projects: P3, P5
REST API Tools

curl, HTTPie

Projects: P3, P5
React/JS

Toolchain, demo

Projects: P3, P5
End-to-end testing

Headless Chrome

Projects: P3, P5
Python threads and sockets

Projects: P4

Projects

Project 1

Templated static site generator
Project 2

Server-side dynamic pages
Project 3

Client-side dynamic pages
Project 4

Map reduce
Project 5

Wikipedia search engine
-->