Angular 10 was released on June 24, 2020.

New features in Angular 10 include
•    Support for TypeScript v3.9, which has performance improvements for Angular builds
•    Angular package format does not include esm5 and fesm5 distributions
•    New Date Range Picker in the Material UI library of Angular 10
•    Warnings about CommonJS imports
•    Optional Stricter Settings
•    New Default Browser Configuration

AngularJS
•    Based on MVC architecture
•    Uses JavaScript as primary language for development
•    Uses controllers
•    No mobile support

Angular 10
•    Based on Service/Controller
•    Uses TypeScript as primary language for application development
•    Has a component based UI approach
•    Extensive mobile web browser support

Every Angular 10 application has a file named angular.json having all the application configurations. Inside the build section of the angular.json file, the main property of the options object is main.ts.

The main.ts file forms a browser environment for the application to execute, and calls a bootstrapModule function to bootstrap the application.  AppComponent is defined in app.component.ts file which interacts with the webpage and serves data to it.

Every component has 3 properties - Selector (for accessing the component), Template (has the HTML of the component) and StylesURL( has component-specific stylesheets)

After this, Angular calls the index.html file which calls the root component, app-root which is defined in app.component.ts.

The main components are
•    Template, is the view part of an Angular application.
•    Module, is the logical division of an Angular application. It contains component, directives, services etc.
•    Service, creates components to share across the entire application.
•    Component, the basic building blocks to control HTML views of an angular application
•    Databinding, connects application data with the DOM (2 types - Event binding and Property Binding)
•    Directives, provide logic by template directives. They are evaluated and DOM/HTML elements changed before a view is displayed
•    Metadata, added to an Angular class for more details.

A template in Angular 10 is a HTML view to show data by using the binding controls of Angular 10, to properties of an Angular 10 component.

Template is either defined inline (by template property) or in a separate HTML file (link to component metadata by @Component)

•    ngOnChanges, is called if value of a data bound property changes.
•    ngOnInit, is called on initialization of the directive/component after the data-bound properties completes.
•    ngDoCheck, to detect and act on changes which Angular won't detect on its own.
•    ngAfterContentInit, is called against Angular projects external content into the component's view.
•    ngAfterContentChecked, is called after Angular checks the content projected into the component.
•    ngAfterViewInit, is called after Angular starting the component's views and child views.
•    ngAfterViewChecked, is called after Angular checks the component's views and child views.
•    ngOnDestroy, is called before Angular destroys the directive/component.

•    From the Component to the DOM - Can be Interpolation( adding property value from the component) or Property binding (passing value from the component to the specified property or simple HTML attribute)
•    From the DOM to the Component - Event binding (call specific method in component if a event occurs
•    Two-way binding - Data can flow both ways between DOM and component

•    Angular 10 expressions enable writing JavaScript in HTML which is not applicable with JavaScript expressions.
•    Angular expressions evaluation is under a local scope object and JavaScript expressions have global window object.
•    Loops, conditionals and exceptions cannot be used in Angular expressions
•    Angular expressions uses pipes or filters to format data before showing it