OIM3690 - AI-Powered Web Development

2026 Spring

Session 05 (2/3)

contain

Today's Agenda

Announcements / Reminders

  • Keep writing your learning logs after each session
  • This week: I'll be checking your repos and learning logs
  • Required: Meet with me in person at least once this semester

Warm-up

  • What does DNS do? Why can't we just use IP addresses directly?
  • What does 404 mean? What about 200?
  • In your own words: What happens when you type a URL and press Enter?
  • When you view a webpage, what files does your browser download?
  • Explore: What's the difference between GET and POST? (Try Google or AI!)

How Websites Work (continued)

Pair Discussion: "I Don't Understand" List

Share Your Lists (10 min)

In pairs, compare your lists:

  1. Take turns reading your items
  2. Mark items you have in common
  3. Discuss: Can you explain any of each other's items?

After discussion:

  • Which items appeared most often?
  • Any surprises?

Common "I Don't Understand" Items

Let's collect the top 5 most common items from the class:

These become our learning priorities!

HTML Essentials

Hands-on: Write HTML from Scratch

Exercise: Build a Simple Page

Create a new file about-me.html in your oim3690 folder.

Without AI help, write:

  1. The basic HTML skeleton (<!DOCTYPE>, <html>, <head>, <body>)
  2. A <title> for your page
  3. An <h1> heading with your name
  4. A <p> paragraph about yourself
  5. An <a> link to your favorite website

Check Your Work

  • Open your file in the browser (use Live Server or double-click)
  • Does it display correctly?
  • View Page Source - does it match what you wrote?

Common issues:

  • Missing closing tags
  • Typos in tag names
  • Forgetting the href attribute on links

Before You Leave (5 min)

  • Start your Learning Log for today
  • Finish your about-me.html if needed
  • Note down questions for next time
  • Push your work to GitHub

Before Next Session

  • Make sure your repos are ready (I'll be checking this week!)
  • Review your "I Don't Understand" list - can you cross anything off?
  • Explore more tags: Try <img>, <ul>, <ol> - use MDN or ask AI
  • Bring questions about HTML to next class

Next session: HTML Q&A + Introduction to GitHub Copilot

Space for session-specific news, common issues

Quick overview: Network commands demo, Client vs Server, Static vs Dynamic, Three Languages