list-of-figures

List of Figures

 

Chapter 1. Our first single page application

Figure 1.1. JavaScript end-to-end

Figure 1.2. Responsibilities of the database, server, and client

Figure 1.3. The chat slider retracted and extended

Figure 1.4. Google Chrome Developer Tools

Figure 1.5. Chat slider retracted—spa.html

Figure 1.6. The completed chat slider in action—spa.html

Figure 1.7. Inspecting the elements—spa.html

Figure 1.8. Selecting a source file—spa.html

Figure 1.9. Viewing the source file—spa.html

Figure 1.10. Setting a breakpoint—spa.html

Figure 1.11. Inspecting values on break—spa.html

Figure 1.12. Viewing DOM changes—spa.html

Chapter 2. Reintroducing JavaScript

Figure 2.1. If you forget the var keyword when you declare a local variable in a function, you create a global variable instead.

Figure 2.2. JavaScript variable declarations are “hoisted” to the beginning of the function they appear in, but initializations stay where they are. The JavaScript engine doesn’t actually rewrite the code: the declaration is rehoisted every time the function is invoked.

Figure 2.3. Calling a function creates an execution context.

Figure 2.4. During runtime JavaScript searches the scope hierarchy to resolve variable names.

Figure 2.5. During runtime JavaScript searches the prototype chain to resolve property values.

Chapter 3. Develop the Shell

Figure 3.1. The Shell in our SPA architecture

Figure 3.2. Obligatory “hello world” screenshot

Figure 3.3. Application containers wireframe