List of Figures

 

Chapter 1. Powering your next ambitious web application

Figure 1.1. The internal structure of Ember.js

Figure 1.2. The Ember.js framework works with a variety of web applications.

Figure 1.3. The structure of the early web (left) versus the promise of Ajax (right)

Figure 1.4. The structure of a server-side framework

Figure 1.5. A modern web application model

Figure 1.6. The parts that make up Ember.js and how they fit in with the MVC pattern

Figure 1.7. The design and layout of the Notes application

Figure 1.8. Rendering the application template

Figure 1.9. The updated Notes application after loading index.html

Figure 1.10. The notes in the list are HTML hyperlinks, and the browser URL updates when a note is selected.

Figure 1.11. The selected note’s content appears at the right side of the figure.

Figure 1.12. The application now indicates which note is selected and saves updates made to the selected note.

Figure 1.13. The completed Notes application displaying the Delete modal panel

Chapter 2. The Ember.js way

Figure 2.1. The parts of Ember.js addressed in this chapter

Figure 2.2. A common data synchronization implementation

Figure 2.3. The console log

Figure 2.4. Prompting the container for the value of the selectedNote property

Figure 2.5. Prompting the container for the value of the selectedNote property with a note selected

Figure 2.6. Changing the name of a note via the console