List of Figures

 

Chapter 1. Introducing Angular

Figure 1.1. Splitting a prototype into components

Figure 1.2. Sample architecture of an Angular app

Figure 1.3. A newly generated Angular project

Figure 1.4. Building the bundles with ng serve

Figure 1.5. Running the app in the browser

Figure 1.6. Running the non-optimized app

Figure 1.7. Running the optimized app with AOT

Figure 1.8. Running the optimized app without AOT

Figure 1.9. The ngAuction workflows

Figure 1.10. The ngAuction home page with highlighted components

Figure 1.11. The online auction home page on smartphones

Figure 1.12. The redesigned ngAuction

Figure 1.13. The project structure for the online auction app

Chapter 2. The main artifacts of an Angular app

Figure 2.1. Running the two-module app

Figure 2.2. Event-binding syntax

Figure 2.3. Running a one-way binding app

Figure 2.4. Running a twoway binding sample app

Figure 2.5. Running the first version of ngAuction

Figure 2.6. Rendering the navbar

Figure 2.7. Collapsed navbar menu

Figure 2.8. Rendering the search component

Figure 2.9. Rendering the footer

Figure 2.10. Rendering ngAuction with the home component

Chapter 3. Router basics

Figure 3.1. Components on the home page of ngAuction

Figure 3.2. Allocating the area for changing views

Figure 3.3. Dissecting the URL

Figure 3.4. Home component rendered with red background