Essential background theory and context
The Angular framework is a cross-platform JavaScript framework that can run on a wide range of environments, including the web, servers, mobile, and desktop. It consists of a collection of JavaScript libraries that we can use for building 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:
An Angular application typically has one main component, called AppComponent, by convention. Each component in the tree can communicate and...