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

Home / Schedule / Week 3 / Thursday, 9/17

CSS layout

Topic Slides

CSS Layout (Flexbox + Grid) Foundation

← Tuesday, 9/15 Tuesday, 9/22 →

Session details coming soon.

OIM3690 · Fall 2026 · Zhi Li · Babson College

Cold Call Groups

Course Assistant

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