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: selectors, the cascade, and layout

Week 4(9/21 - 9/27)

9/22 Tu Running a project: from an interview to a PRD
9/24 Th Reading and debugging AI code

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
10/8 Th JavaScript essentials; arrays and loops

Week 7(10/12 - 10/18)

10/13 Tu Fall Break (No Class)
10/15 Th Debugging JavaScript

Week 8(10/19 - 10/25)

10/20 Tu MP2 showcase
10/22 Th Async and fetch

Week 9(10/26 - 11/1)

10/27 Tu API keys, .gitignore, and security
10/29 Th Calling an LLM API

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 Adding a backend with Supabase
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
Running a Real Project

HTML & CSS

HTML Essentials
CSS Essentials
CSS Layout (Flexbox + Grid)
Responsive Design
HTML Forms
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
API Keys, .gitignore, Security
Calling an LLM API
Tech Stack & Deploy Workflow
AI Code Review + Refactoring
AI Tool Comparison
Intro to Claude Code / Agentic Workflows

Gallery

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

Home / Gallery / Mini Project 1: Website for Someone Else

Mini Project 1: Website for Someone Else

Each student interviewed a real client and built them a website with HTML and CSS.

Sign in with GitHub to view student sites

Aliceariel-portfolio

Alisamini-project-1

Ashreid-begelman-portfolio

Azramatcha-by-chae

Charleszhuoyue-mobility

Ishankaylas-in-bloom12

Olympiaalix-photo-site

RaniaMini_Project_1

Royceblackbox-agent-trust

Sammp1-client-site

Vegapeninsula-montessori-lessons-site

Zaydprintyourday-business

OIM3690 · Fall 2026 · Zhi Li · Babson College

Cold Call Groups Students Podium

Course Assistant

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