Essential background theory and context
The Angular framework is a cross-platform JavaScript framework that can run on various environments, including the web, server, mobile, and desktop. It consists of a collection of JavaScript libraries that we can use to build highly performant and scalable web applications. The architecture of an Angular application is based on a hierarchical representation of components. Components are the fundamental building blocks of an Angular application. They represent and control a particular portion of a web page called the view. Some examples of components are as follows:
- A list of blog posts
- An issue reporting form
- A weather display widget
Components of an Angular application can be logically organized as a tree:
Figure 1.1 – Component tree
An Angular application typically has one main component by convention, called AppComponent. Each component in the tree can communicate and interact with its siblings...
