Long description

The steps captured in the image are as follows.

Step 1: A request is made from Web Browser to Server 1

Step 2: Server performs minimal processing and returns HTML

Step 3: Requested HTML with JavaScript file references is made from Server 1 to Web Browser

Step 4: Requests for JavaScript files from Web Browser to Server 1

Step 5: Requested JavaScript files returned from Server to Web Browser

Step 6: JavaScript executes and then makes asynchronous requests for data from web APIs. This request goes from Web Browser to Server 2

Step 7: Web API accesses server-based resources such as databases

Step 8: Web APIs return data in JSON format. This request goes from Server 2 to Web Browser

Step 9: JavaScript continually updates page based on received data and user actions. This is shown by Web Browser with graphic image with tables, graphs & text

Note: All the steps pertaining to Web Browser, JavaScript, Web API are labeled as Front End. All steps happening in Server are labeled as Back End.