mirror of
https://github.com/microsoft/frontend-bootcamp.git
synced 2026-01-26 14:56:42 +08:00
29 lines
1.2 KiB
Markdown
29 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 webpage 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 `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 rendering, and then load the page
|
|
|
|
|
|
|
|
|
|
## Next Step
|
|
|
|
[HTML Demo](./html-demo)
|