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(9/1 - 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/8 - 9/13)

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

Week 3(9/15 - 9/20)

9/15 Tu CSS essentials
9/17 Th CSS layout

Week 4(9/22 - 9/27)

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

Week 5(9/29 - 10/4)

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

Week 6(10/6 - 10/11)

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

Week 7(10/13 - 10/18)

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

Week 8(10/20 - 10/25)

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

Week 9(10/27 - 11/1)

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

Week 10(11/3 - 11/8)

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

Week 11(11/10 - 11/15)

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

Week 12(11/17 - 11/22)

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

Week 13(11/24 - 11/29)

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

Week 14(12/1 - 12/6)

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

Week 15(12/8 - 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
Intro to Claude Code / Agentic Workflows
Reading AI-Generated Code
AI-Assisted Debugging + DevTools
AI Code Review + Refactoring
API Keys, .gitignore, Security
Calling an LLM API
AI Tool Comparison
Tech Stack & Deploy Workflow

Gallery

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

OIM3690: Web Development with AI

Fall 2026 · Babson College

TuTh 15:00-16:30 ET Zhi Li In person, Gerber Hall 102

This Week Week 2

Tuesday, 9/8

HTML essentials; Markdown and prompts

Thursday, 9/10

Reading AI-generated code; working with an agent

All Weeks

Done Current Upcoming

Week 1: 9/1 - 9/6

Tu Course intro, GitHub, and your first deployed site

Th How the web works, DevTools, and your course repo

Week 2: 9/8 - 9/13

Tu HTML essentials; Markdown and prompts

Th Reading AI-generated code; working with an agent

Week 3: 9/15 - 9/20

Tu CSS essentials

Week 4: 9/22 - 9/27

Tu Responsive design and forms

Th Debugging with AI and DevTools

Week 5: 9/29 - 10/4

Tu MP1 showcase

Th JavaScript: the DOM and events

Week 6: 10/6 - 10/11

Tu JavaScript essentials (1 of 2)

Th JavaScript essentials (2 of 2)

Week 7: 10/13 - 10/18

Tu Fall Break (No Class)

Th Reviewing and refactoring AI code

Week 8: 10/20 - 10/25

Tu MP2 showcase

Th Arrays and loops

Week 9: 10/27 - 11/1

Tu Async and fetch

Th API keys, .gitignore, and security

Week 10: 11/3 - 11/8

Tu MP3 showcase

Th Browser APIs and extensions

Week 11: 11/10 - 11/15

Tu Calling an LLM API

Th MP4 showcase

Week 12: 11/17 - 11/22

Tu Final project launch and proposal workshop

Th Final project: developing the proposals

Week 13: 11/24 - 11/29

Tu Thanksgiving Break (No Class)

Th Thanksgiving Break (No Class)

Week 14: 12/1 - 12/6

Tu Final project work and individual check-ins

Th Final demos and voting

Week 15: 12/8 - 12/13

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

OIM3690 · Fall 2026 · Zhi Li · Babson College

Cold Call Groups

Course Assistant

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