In this chapter, we took an in-depth look at building an Angular application from the ground up. We experimented with a left-to-right page transition design and learned how to manipulate CSS styles and CSS transitions to create a visually appealing application. Unfortunately, our initial attempts in creating this application ended up with a lot of confusing and hard-to-fix local variables, as we attempted to keep all of the page elements under control.

We then took a step back, and discussed how the State and Mediator design patterns could help us to manage page transitions. We then re-built our application into meaningful components, and took a detailed look into how to apply the State and Mediator patterns to manage our application state, and complex page transitions.

In the next chapter, we will take a look at the concept of dependency injection, and how we can use...