List of Listings

Chapter 1. What is a single-page application?

Listing 1.1. Example SPA shell

Listing 1.2. Sample directory structure (by feature)

Listing 1.3. Simplified “by feature” directory structure

Listing 1.4. Sample directory structure (by functionality)

Chapter 2. The role of MV* frameworks

Listing 2.1. AngularJS model

Listing 2.2. Knockout model

Listing 2.3. Backbone.js model

Listing 2.4. Knockout template

Listing 2.5. AngularJS template

Listing 2.6. Backbone.js template using the Underscore.js template library

Listing 2.7. Backbone.js template compile and render

Listing 2.8. Inline template

Listing 2.9. Backbone.js view example

Listing 2.10. Tightly coupled HTML and JavaScript

Listing 2.11. AngularJS example

Listing 2.12. Employee list HTML

Listing 2.13. Employee list JavaScript

Chapter 3. Modular JavaScript

Listing 3.1. Function to add two numbers rewritten as a module

Listing 3.2. Revealing module pattern

Listing 3.3. index.html

Listing 3.4. welcomeMessage.js

Listing 3.5. shoppingCartStatus.js

Listing 3.6. index.html

Listing 3.7. index.html

Listing 3.8. STGourmet.js

Listing 3.9. customer.js

Listing 3.10. welcomeMessage.js

Listing 3.11. shoppingCartStatus.js

Listing 3.12. Code rewritten using a modular design

Listing 3.13. AMD example directory structure

Listing 3.14. index.html

Listing 3.15. main.js

Listing 3.16. displayUtil.js

Listing 3.17. counter.js

Chapter 4. Navigating the single page

Listing 4.1. Router with view capabilities (pseudocode)