COMP 426

Modern Web Programming

👋 Hello students, welcome to COMP 426!

This course introduces students to the fundamentals of modern, full-stack web development with an emphasis on today's best practices, modern tooling, and leading industry-prevalent frameworks.

Important Links

Assignments

A04

Pokédex

Due: Mon Oct 26 @ 3:59 AM

Course Schedule

Fundamentals

React

Next.js

Backend

Design

Technologies

Mon Aug 17

L01

Welcome to COMP 426 + The Internet

Slides Slides

Wed Aug 19

L02

HTML and CSS

Recording Recording Slides Slides

Mon Aug 24

L03

JavaScript, TypeScript, and Build Systems

Recording Recording Slides Slides

Wed Aug 26

L04

Event Handling and the DOM

Recording Recording Slides Slides

Mon Aug 31

L05

Functional Programming

Recording Recording Slides Slides

Wed Sep 2

L05.5

Rise of the Planet of the Apps

Slides Slides

Wed Sep 9

L06

Asynchronous TypeScript

Recording Recording Slides Slides

Mon Sep 14

M01

Midterm 01

Wed Sep 16

L07

Browsers and the JS Runtime

Recording Recording Slides Slides

Wed Sep 23

L08

Intro to React

Recording Recording Slides Slides

Mon Sep 28

L09

React State Management

Recording Recording Slides Slides

Wed Sep 30

L10

Handling Side Effects

Recording Recording Slides Slides

Mon Oct 5

L11

Routing and Web App Architectures (NO CLASS - WATCH VIDEO)

Recording Recording

Wed Oct 7

L12

Intro to Next.js + Server Side Rendering

Recording Recording Slides Slides

Wed Oct 14

L13

Next.js + Data Fetching Methods

Recording Recording Slides Slides

Mon Oct 19

L14

Intro to Relational Databases

Mon Oct 26

L15

ORMs and APIs

Wed Oct 28

M02

Midterm 02

Mon Nov 2

L16

Authentication and Cloud Storage

Wed Nov 4

L17

Websockets and Realtime

Mon Nov 9

L18

Generative AI Systems

Wed Nov 11

L19

Intro to UI/UX Design

Mon Nov 16

L20

Colors, Typography, and Icons

Wed Nov 18

L21

Responsive Design

Mon Nov 23

L22

Inclusive Design

Mon Nov 30

L23

TBD

Wed Dec 2

L24

The Final Lecture

Sat Dec 5

FIN

Final Project Showcase

Supplements

S01

Making Layouts with CSS and Flexboxes Practice

Published on Aug 21

S02

From a01 to a Real Personal Webpage

Published on Sep 2

S03

Tailwind - CSS Utility Classes and Separation of Concerns

Published on Sep 16

S04

Final Project Extra Resources

Published on Nov 20