Angular Architecture (Grade A+)

Summary:

Angular is a TypeScript-based open-source front-end web framework led by the Angular Team at Google. It is a complete rewrite of AngularJS and is used to build complex web applications. Angular consists of several libraries, including core and optional ones like animations. The framework involves composing HTML templates, writing component classes, adding application logic in services, and packaging components and services in modules. Angular applications are launched by bootstrapping the root module, and Angular handles rendering the application content in a browser and responding to user interactions. Components are a fundamental part of Angular applications, combining HTML templates and component classes to control portions of the screen. TypeScript is the recommended language for writing Angular code, although plain JavaScript can also be used. The documentation provides more details on the architecture and features of Angular. The version history of Angular is also listed. The chapter summaries include starting with Angular, event emitters, loops, forms, and pipes.

Excerpt:

Angular Architecture

Chapter 1: Getting Started with Angular
Remarks
Angular (commonly referred to as “Angular 2+” or “Angular 2”) is a TypeScript-based open-source front-end web framework led by the Angular Team at Google and by a community of
individuals and corporations to address all of the parts of the developer’s workflow while building
complex web applications. Angular is a complete rewrite from the same team that built AngularJS.
¹

The framework consists of several libraries, some of them core (@angular/core, for example) and
some optional (@angular/animations).

You write Angular applications by composing HTML templates with Angularized markup, writing
component classes to manage those templates, adding application logic in services, and boxing
components and services in modules.

Then you launch the app by bootstrapping the root module. Angular takes over, presenting your
application content in a browser and responding to user interactions according to the instructions
you’ve provided.

Arguably, the most fundamental part of developing Angular applications is the components. A
component is the combination of an HTML template and a component class that controls a portion
of the screen.