mirror of
https://github.com/microsoft/frontend-bootcamp.git
synced 2026-01-26 14:56:42 +08:00
28 lines
1.2 KiB
Markdown
28 lines
1.2 KiB
Markdown
## How the Web Works
|
|
|
|
A simple web page is rendered on the screen via the following steps.
|
|
|
|
*There are many sub-steps in this process, but these are the highlights.*
|
|
|
|
1. You instruct the browser which web page you'd like to see
|
|
2. The browser looks up the site in a "DNS Server"
|
|
- This is like a big phone book for website server addresses
|
|
3. The browser asks the server to send over a specific page of the website, such as `developer.mozilla.org/filename.html` or `developer.mozilla.org`
|
|
- If asked for a "root"-level address, most servers will return `<root>/index.html`
|
|
4. The server sends the HTML file back to the browser
|
|
5. The browser starts to read the HTML file from the top to the bottom, stopping any time that additional resources are required:
|
|
- CSS stylesheets
|
|
- JavaScript files
|
|
- Fonts
|
|
- Images
|
|
6. Browser makes requests for additional resources
|
|
- Those resources might request even more files
|
|
7. Once the browser gets to the bottom of the page it can start working on rendering, and then display the page
|
|
|
|
|
|
|
|
|
|
## Next Step
|
|
|
|
[HTML Demo](./html-demo)
|