JavaScript Application Cookbook

The Syntax Breakdown

Figure 2.5 shows a flowchart indicating how the user proceeds through the application from beginning to end. A good way to understand what is really happening here is to start with a more comprehensive flowchart that deals with the JavaScript flow , and then examine the files and supporting code from there.

Figure 2.6 illustrates the JavaScript flow. Dashed-line boxes indicate processes that occur before or after the test (such as during the loading of the pages). Dashed-line arrows indicate optional user action or a return to a waiting-for-user action status. The function associated with each process is listed in italics.

Associated functions are italicized. Compare the chart in Figure 2.5 with the one in Figure 2.6, and you’ll catch on quickly. You basically have the same flow, except that there is a bit going on before and after the user takes the test.