frontend-bootcamp/step1-01

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