wunder beta🌐 How Websites Work
Type a URL and a website appears in milliseconds. Here's the real machinery behind it.
What you’ll learn
- Describe how a request travels from your browser to a server and back.The web runs on a client-server model. DNS translates domain names into IP addresses, HTTP defines how the browser and server exchange messages, and data travels in small packets that are reassembled on your device.
- Explain the distinct roles of HTML, CSS, and JavaScript in a web page.HTML structures content, CSS styles it, and JavaScript makes it interactive. The browser parses these files into the DOM, applies styles, runs scripts, and renders the finished page to your screen.
- Distinguish front end from back end and identify the roles of databases, APIs, and HTTPS.The front end runs in the browser while the back end runs on the server, using databases to store data and APIs to connect services. HTTPS encrypts the connection to keep information private and secure.
Questions this course answers
In the client-server model, what is the client?
The client is your internet-connected device and its browser, which requests pages from a server.
What is the main job of DNS?
DNS acts as the internet's address book, converting names like example.com into the numeric IP address of the server.
Why is website data broken into packets?
Packets can travel along different paths and be reassembled, which makes transfers faster and lets many users download at once.
What is HTML mainly responsible for?
HTML is a markup language that defines the structure and meaning of a page's content using tags.
Which technology controls how a page looks, such as colors and layout?
CSS, Cascading Style Sheets, controls the visual presentation like colors, fonts, spacing, and layout.
What does the browser build the page from before applying styles and running scripts?
The browser parses HTML into the DOM, a tree of elements, then applies CSS and runs JavaScript to render the page.
Grounded in trusted sources
- MDN Web Docs, How the web works, Mozilla, https://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Web_standards/How_the_web_works
- MDN Web Docs, What is a web server?, Mozilla, https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Web_mechanics/What_is_a_web_server
- MDN Web Docs, Populating the page: how browsers work, Mozilla, https://developer.mozilla.org/en-US/docs/Web/Performance/Guides/How_browsers_work
- MDN Web Docs, Web standards curriculum, Mozilla, https://developer.mozilla.org/en-US/curriculum/core/web-standards/
Every Wunder lesson is built from real, reputable sources — never invented.
Related Science courses
Wunder is a personalized learn-anything platform — tell it any topic and it builds a beautiful, fact-checked course in minutes, with narration, a knowledge check, and a college-style University track.
Browse more Science courses · All topics · Home
© 2026 Wunder Learning LLC · Terms & Privacy