Skip to content

OIM3690 Web Development with AI

Esc

↑↓ navigate ↵ open esc close

Course Info

Syllabus
AI Policy
FAQ
Guides
Downloads

Community

Class Board
Lightning Talks

Schedule

Table View
Calendar

Week 1(8/31 - 9/6)

9/1 Tu Course intro, GitHub, and your first deployed site
9/3 Th How the web works, DevTools, and your course repo

Week 2(9/7 - 9/13)

9/8 Tu HTML essentials; Markdown and prompts
9/10 Th Reading AI-generated code; working with an agent

Week 3(9/14 - 9/20)

9/15 Tu Semantic HTML; CSS essentials
9/17 Th CSS layout

Week 4(9/21 - 9/27)

9/22 Tu Responsive design and forms
9/24 Th Debugging with AI and DevTools

Week 5(9/28 - 10/4)

9/29 Tu MP1 showcase
10/1 Th JavaScript: the DOM and events

Week 6(10/5 - 10/11)

10/6 Tu JavaScript essentials (1 of 2)
10/8 Th JavaScript essentials (2 of 2)

Week 7(10/12 - 10/18)

10/13 Tu Fall Break (No Class)
10/15 Th Reviewing and refactoring AI code

Week 8(10/19 - 10/25)

10/20 Tu MP2 showcase
10/22 Th Arrays and loops

Week 9(10/26 - 11/1)

10/27 Tu Async and fetch
10/29 Th API keys, .gitignore, and security

Week 10(11/2 - 11/8)

11/3 Tu MP3 showcase
11/5 Th Browser APIs and extensions

Week 11(11/9 - 11/15)

11/10 Tu Calling an LLM API
11/12 Th MP4 showcase

Week 12(11/16 - 11/22)

11/17 Tu Final project launch and proposal workshop
11/19 Th Final project: developing the proposals

Week 13(11/23 - 11/29)

11/24 Tu Thanksgiving Break (No Class)
11/26 Th Thanksgiving Break (No Class)

Week 14(11/30 - 12/6)

12/1 Tu Final project work and individual check-ins
12/3 Th Final demos and voting

Week 15(12/7 - 12/13)

12/8 Tu Semester wrap-up, results, and where to go next

Topics

Foundations

Tools

Deployment: GitHub Pages
Version Control and GitHub
How the Web Works
Where Do You Start? (Build Process)

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
Browser Extensions
JS Browser APIs
Code Organization
Frontend, a Backend Perspective
JS Image Processing

AI Track

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

Gallery

Personal Sites
Summer 2026
Personal Sites
Mini Project 1
Mini Project 2
Mini Project 3
Final Project
Spring 2026
Personal Sites

Home / Gallery / Personal Sites

Personal Sites

Sign in with GitHub to view student sites

Aliceazaz2005mzhu3.github.io

Alisaalisabhrs.github.io

Ashashmohaghegh05.github.io

Azraazracengel.github.io

Charlesctong0622.github.io

Evanevanv-r.github.io

Ishanishandhodu.github.io

Olympiatuttijonson.github.io

Raniarania-305.github.io

Royceroycemy.github.io

Samsamye-git.github.io

Vegavegalh.github.io

Zaydzayd123455.github.io

OIM3690 · Fall 2026 · Zhi Li · Babson College

Cold Call Groups

Course Assistant

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