Random Groups | OIM3690

OIM3690 AI-Powered Web Development

Course Info

Syllabus
AI Policy
FAQ
Guides
Downloads

Schedule

Table View
Calendar

Week 01 (5/18 - 5/24)

5/18 M Course intro · GitHub setup · Build yo…
5/20 W How the web works · HTML essentials · …

Week 02 (5/25 - 5/31)

5/25 M Memorial Day (No Class)
5/27 W HTML essentials · Reading AI's code (P…

Week 03 (6/1 - 6/7)

6/1 M CSS essentials: selectors · cascade · …
6/3 W Box model · Flexbox · MP1 mid-demo round

Week 04 (6/8 - 6/14)

6/8 M Responsive design · Forms
6/10 W JS Intro: DOM + Events · MP2 launch

Week 05 (6/15 - 6/21)

6/15 M MP1 showcase · JS variables, types, fu…
6/17 W JS conditionals · arrays + loops

Week 06 (6/22 - 6/28)

6/22 M JS async + fetch · API keys + .gitignore
6/24 W API practice · AI code review (Part 1)…

Week 07 (6/29 - 7/5)

6/29 M localStorage · Intro to Claude Code · …
7/1 W Project velocity day · live-coding round

Week 08 (7/6 - 7/12)

7/6 M Deployment troubleshooting · Optional …
7/8 W MP3 Final Showcase · Peer code review …

Week 09 (7/13 - 7/19)

7/13 M Final project work · dress rehearsal
7/15 W Final project work · peer code review

Week 10 (7/20 - 7/26)

7/20 M DEMO DAY (Final Project)
7/22 W Last class · Course wrap-up · Where to…

Topics

Foundations

Tools

Deployment: GitHub Pages
Version Control and GitHub
How the Web Works

HTML & CSS

HTML Essentials
CSS Essentials
CSS Layout (Flexbox + Grid)
HTML Forms
Responsive Design

JavaScript

JS Intro: DOM + Events
JS Fundamentals: Variables, Functions, Conditionals
JS Arrays + Loops
JS Async + Fetch
JS Browser APIs

AI Track

Markdown + Prompt Basics
Reading AI-Generated Code
AI-Assisted Debugging + DevTools
API Keys, .gitignore, Security
AI Code Review + Refactoring
Intro to Claude Code / Agentic Workflows
AI Tool Comparison

Gallery

Student Sites

3

Mark absent students 0 present

Press Shuffle to create random groups

OIM3690 · Summer 2026 · Zhi Li · Babson College

Cold Call Groups

Course Assistant

Enter the course passphrase to start chatting.