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