Sign up to keep track of your learning progress.
Log inVibe Coding
The web looks enormous, but underneath it is a very small idea: one side asks for text, the other side sends text back. Here you build both sides yourself, by hand, in a terminal — a page in HTML, a server in twenty lines of shell, and a client made of one command. Once you have seen the whole loop with your own eyes, every framework you meet later is just a bigger version of it.
Write the document, serve it, fetch it back — the whole web in three steps.
A browser sends a few lines of text saying what it wants. A server sends a few lines of text back, and the first blank line separates the notes from the content. That is HTTP. Everything else — frameworks, clouds, CDNs — is built on top of those two messages, and you can type both of them by hand today.
The document the web is made of.
Start here Web ServerTwenty lines of shell that a browser will talk to.
Start here Web ClientEverything that asks a server for something.
Start hereThe order we suggest
Each step gives the next one something to work with. Follow them in order and you will never be looking at a black box.
- HTMLFirst make something worth sending: a single HTML file you can open in a browser.
- Web ServerThen put it online: a shell script that answers browsers, and Caddy for real use.
- Web ClientFinally ask for it yourself: nc, curl, and Chrome all do the same job at different sizes.