Angular building blocks:

The important building blocks of an Angular application are as follows:

Modules: Every Angular application has a root module, commonly known as appmodule, which provides the bootstrap process that launches the application. An application usually contains many other functional modules.

Component: Every Angular application has at least one element, called the root element, that connects the elements of the page's Document Object Model (DOM). Each element defines a class that contains application data and logic and is associated with an HTML template that defines a view.

Templates: A template combines HTML with Angular markup that can modify HTML elements before they are displayed on the page. Template directives provide program logic, and binding markup connects application data and the DOM.

Metadata: Metadata: Metadata is used to declare on a class so that it can organize, configure, and control the behavior of the class in a predefined manner. It is also called decorator.

Services: For data or logic that is not associated with a specific view, and that needs to be shared across components, a service class is the solution.

Routing: Angular Router provides a service that allows the application to define a navigation path and when a user performs an action, such as clicking a link or typing a navigation path in the address bar, it will load a new page in the browser.