Vibe Coding — Web Basics for Builders flashcards

10 of 73 cards free to study here · 5 topics · the whole deck is built into Willys

How the web fits together for AI-assisted builders: HTML, CSS and JavaScript, the DOM, frontend and backend, HTTP methods and status codes, JSON, APIs and keys, CORS, databases and migrations, hosting, DNS and HTTPS.

Get the app All Vibe coding decks

Learn deck · part of Vibe coding · written against: Building software with AI assistants: workflow, prompting, git, web basics, debugging and security; tool-neutral. Updated 2026-10-10.

Study the free sample

10 cards from the deck as they are. Flip, rate yourself, filter by topic; your progress stays in this browser.

The 10 sample cards as a list

What job do HTML, CSS and JavaScript each do on a web page?

HTML gives structure and content, CSS controls how it looks, and JavaScript adds behaviour such as reacting to clicks, fetching data and changing the page.
How the Web Fits Together › HTML CSS and JavaScript
A button is the wrong colour. Which of the three web languages should the fix touch?

CSS, which controls colours, spacing, fonts and layout.
How the Web Fits Together › HTML CSS and JavaScript
What is HTTP?

The protocol browsers and servers use to talk. A client sends a request (method, URL, headers, maybe a body) and the server sends a response (status code, headers, body).
HTTP › Requests and Methods
What is the GET method for?

Fetching data without changing anything on the server, such as loading a page or listing items.
HTTP › Requests and Methods
What is JSON?

JavaScript Object Notation: a text format for data built from objects, arrays, strings, numbers, true, false and null. It's the usual format for web APIs.
Data and APIs › JSON
What's wrong with {'name': 'Ada',} as JSON?

JSON needs double quotes around keys and strings and forbids a trailing comma. Valid version: {"name": "Ada"}
Data and APIs › JSON
How does a relational database store data?

In tables of rows and columns with a defined structure, linked by keys and queried with SQL.
Databases › Tables and Documents
How does a document database store data?

As documents, usually JSON-like objects grouped into collections. A document can hold nested data, and fields can vary between documents.
Databases › Tables and Documents
What is localhost?

Your own computer acting as a server (address 127.0.0.1). The address http://localhost:3000 only reaches your app from your own machine.

Watch out: some servers also listen on your local network, so other devices on the same Wi-Fi may reach them through your computer's IP address.
Going Live › Localhost and Deploying
Why can't you send a friend a localhost link to show off your app?

On their machine localhost means their own computer, where your app isn't running. Deploy it somewhere public instead.
Going Live › Localhost and Deploying

Unlock the whole deck

You are studying a free 10-card sample. All 73 cards of Vibe Coding — Web Basics for Builders, the other 5 Vibe coding decks, and spaced-repetition scheduling are built into Willys. 14-day free trial, then $14.99 a year.

Get the app

In Willys, tap Exam Library at the top of your Decks (or Browse Exam Library… under the + button), find the exam on its shelf or by search, tick it and tap Add.

More Vibe coding decks

Foundations Prompting and Context Git and Safety Nets Debugging and Security Practice Questions

← All Vibe coding decks, with the study guide and topic outline.

About these cards

Review status: Second-reader reviewed, with corrections applied.

Checked against:

Original material; checked against MDN Web Docs (CC BY-SA 2.5); IETF RFCs 9110 (HTTP), 6585, 5789, 3986 (URIs), 8259 (JSON), 1034 and 1035 (DNS), 6335 and 6761; the OWASP Cheat Sheet Series (CC BY-SA 4.0); PortSwigger's Web Security Academy; GitHub Docs (CC BY 4.0); Stripe Docs; the Vite documentation (MIT); the PostgreSQL (PostgreSQL License), MongoDB, Django and Ruby on Rails (CC BY-SA 4.0) documentation; The Twelve-Factor App; reference only, no text copied

These are independent study notes written for Willys. They are not official exam material, may contain mistakes, and are no substitute for your course, your teacher or the exam owner's own publications. Found an error? Tell us — corrections ship as a new version of the deck.

Use of these pages is covered by our Terms of Use.