# Week 02

Week: 9/8 to 9/13

## What I worked on

Tuesday we did Markdown, turned on Pages for `oim3690`, and the main thing was: have AI spit out a plain `index.html`, then write down at least five things in it you don't get. That's the opposite of how I usually vibe code (prompt until it looks good, don't read it). Thursday was git stuff, `.gitignore` / `secret.txt`, going through the HTML head line by line, and having the agent add a nav, interests, and footer to `hello.html`. I also dumped the AI `index.html` into Cursor and asked it to explain the weird lines like I was dumb on purpose.

## What gave me trouble

I gitignored the whole `logs/` folder at first, which is actually the one folder they grade. Would've been so embarrassing. Also `.gitignore` does nothing if you already committed the file, which I did not know. I still mess up save vs commit vs push. I'll think I shipped something and it's just sitting on my laptop.

## Something new I picked up

I actually sat with the AI `index.html` and `hello.html` instead of just refreshing the preview.

- `<!DOCTYPE html>` doesn't show up on the page. It's just telling the browser "this is modern HTML bro."
- `<head>` is backstage. `<body>` is what people see. `hello.html` made that click because the head is tiny and the body is the heading, nav, list, footer.
- `charset="UTF-8"` is why text doesn't turn into random garbage. Would've never guessed that.
- The viewport meta thing is for phones. Without it, your phone pretends the site is a tiny desktop and zooms it out. That's why a lot of vibe coded pages look cooked on mobile.
- `href` = where the link goes. `src` = where the image is. The words you actually click are between the `<a>` tags. I always just let AI write the whole tag.
- `<img>` and `<meta>` don't get a closing tag. There's nothing inside them. `<ul>` is the list, `<li>` is one bullet. I used to think they were all the same.
- `<nav>`, `<section>`, `<footer>` are just labeled boxes. I swapped the fake interests for mine so it didn't still say whatever the agent made up.

## Working with AI this week

The Tuesday assignment was basically "stop vibe coding for a second." Find the line you don't understand and ask about *that* line, not "make it nicer." I did that instead of restyling it five times. Thursday we had to add tags I hadn't seen, then change one thing myself so I wasn't just accepting the dump. The first `index.html` it gave me worked. That's the trap. Working ≠ I could explain it on a walkthrough.
