Long description

Browser 1: A browser window with no title. The address text bar reads http colon double forward slash www dot randy connolly dot com forward slash funwebdev forward slash countries dot html. The browser window shows structured content with 10 file icon on the page with 1 of them highlighted. There is a labeled text above the browser on top right corner that reads Static list of countries open bracket either defined within HTML or generated by server close bracket.

json. Browser 2: A browser window with no title. The address text bar reads http colon double forward slash www dot randyconnolly dot com forward slash funwebdev forward slash 3rd forward slash api forward slash travel forward slash countries dot php. Browser window has data that reads as follows. Open square bracket open curly braces open double quotes iso end double quotes colon open double quotes AT end double quotes comma open double quotes name end double quotes colon open double quotes Austria end double quotes, open double quotes continent end double quotes colon open double quotes EU end double quotes and many other structured pair of info about the country. There is a labeled text above the browser on top right corner that reads Web API can be examined in browser.

Browser 3: A browser window with no title.The address text bar reads colon http colon double forward slash www dot randyconnolly dot com forward slash funwebdev forward slash index dot html. The browser window shows structured content with no icons of files. There is a labeled text above the browser on top right corner that reads Browser will first display the HTML dot dot dot.

Browser 4: A browser window with no title.The address text bar reads colon http colon double forward slash www dot randyconnolly dot com forward slash funwebdev forward slash index dot html. The browser window shows structured content with 10 file icon on the page with 1 of them highlighted.

First HTTP Request comes to Server. The Server send HTTP Response to Browser 1 that is labeled Content hyphen type colon text forward slash html.

Second HTTP Request that comes to Server. The Server send HTTP Response to Browser 1 that is labeled Content hyphen type colon application forward slash

Third HTTP Request that goes to Server. The Server send HTTP Response to Browser 1 that is labeled Content-type colon text forward slash html. There is a JS fetch from Web Browser 3 to Server. The Server returns JSON file that has Content hyphen Type colon application forward slash json.

There is labeled text at the bottom left of the image that reads then JS will fetch JSON data from web API and eventually update document based on the received data.