OIM3690 AI-Powered Web Development

Esc

↑↓ navigate ↵ open esc close

Course Info

Syllabus
AI Policy
FAQ
Guides
Downloads

Community

Class Board
Lightning Talks

Schedule

Table View
Calendar

Week 1 (5/18 - 5/24)

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

Week 2 (5/25 - 5/31)

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

Week 3 (6/1 - 6/7)

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

Week 4 (6/8 - 6/14)

6/8 M AI Agents Update · CSS Layout: Flexbox…
6/10 W Responsive · Forms · HTML/CSS Recap

Week 5 (6/15 - 6/21)

6/15 M MP1 Final Showcase · Spotting the gene…
6/17 W DOM + events · MP1 Class Favorite vote…

Week 6 (6/22 - 6/28)

6/22 M JS essentials · build and read a to-do…
6/24 W JavaScript essentials: data types, fun…

Week 7 (6/29 - 7/5)

6/29 M Arrays + loops · live data with fetch …
7/1 W API keys, .gitignore + security · Imag…

Week 8 (7/6 - 7/12)

7/6 M Browser APIs · Code organization
7/8 W Deployment workshop · Full-stack start…

Week 9 (7/13 - 7/19)

7/13 M MP3 Final Showcase · Final project lau…
7/15 W Final project proposal peer review · F…

Week 10 (7/20 - 7/26)

7/20 M Final project work · final push before…
7/22 W DEMO DAY · Final project voting · Cour…

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
Advanced CSS

JavaScript

JS Intro: DOM + Events
JS Essentials
JS Arrays + Loops
JS Async + Fetch
JS Image Processing
Code Organization
JS Browser APIs

AI Track

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

Gallery

Personal Sites
Mini Project 1
Mini Project 2
Spring 2026

Home / Gallery / Mini Project 2: Interactive Web Tool

Mini Project 2: Interactive Web Tool

Each student built an interactive tool with JavaScript. Project instructions →

Sign in with GitHub to view student sites

Adityavardhan's site

Adityavardhanrun_tracker

Advikalift-tracker

Aravstudioforma-tracker

Marimeal-decision-helper

Natalieworkout-tracker

OIM3690 · Summer 2026 · Zhi Li · Babson College

Cold Call Groups

Course Assistant

Sign in with your GitHub account to chat with the course assistant.