Agentic Coding Workshop

Optional, any time

Learn more

None of this is needed for the workshop. It is here for when you want to understand what the agent built, or make it look and work better. Pick one item from a section; the first item in each list is the shortest.

The Internet: HTTP and HTML, Code.org on YouTube, 7 minutes
The Basics of UX Design, Grow with Google on YouTube, 4.5 minutes

Web terms in plain words

Website
A folder of files (pages, styles, images) that a browser can open. Your test-site folder is already a website; for now it exists only on your computer.
HTML
The content and structure of a page: headings, paragraphs, links, buttons. If a page were a house, HTML would be its rooms and walls.
CSS
The look of a page: colors, fonts, spacing and layout. In the same picture, the paint and furniture.
JavaScript
What a page does when you click or type, such as filtering a table or checking a form.
Hosting
A computer that is always on and stores your site's files so other people can open them. Think of it as the land the house stands on. GitHub Pages and Vercel provide it free for small projects.
Domain
The name people type to find a site, such as umich.edu. It works like a street address, and you rent it by the year from a registrar.
DNS
The internet's address book. It connects a domain to the computer that hosts the site, so using your own domain means adding entries to it.
Repository
A project folder stored on GitHub, together with the history of every saved change.
Deploy
Copying the finished files to the host so the site opens at its address.

Web basics

HTML and CSS

You do not need to write HTML yourself. To read what the agent made, ask it: "Explain index.html section by section for someone who has never seen HTML."

UI and UX design

UI (user interface) means the parts of the screen people see and touch: buttons, menus, text. UX (user experience) is whether they can do what they came to do without confusion. A sign-up form can look polished and still lose people at the third question.

Accessibility

An accessible tool also works for people who use a screen reader, only a keyboard, captions or larger text. You can ask the agent: "Check this page for accessibility problems and explain each one."

Claude Code

Official Claude Code videos, the free Anthropic Academy course and the documentation are listed at the end of Coding agent basics.