Angular Fundamentals

Angular is primarily used for building dynamic web applications that are interactive and responsive.

Components are the fundamental building blocks of an Angular application. They encapsulate data and behavior, and can be reused throughout the application.

Modules in Angular are used to group related components, directives, and services together. This helps in organizing the application's code and makes it easier to manage.

Services in Angular are used to provide reusable functionality that can be shared across multiple components. This helps in reducing code duplication and improving maintainability.

Directives in Angular are used to modify the behavior of HTML elements. They can be used to add new functionality, change the appearance of elements, or respond to user input.

Two-way binding in Angular allows for real-time synchronization between the component's properties and the HTML template. This means that changes made in the component are reflected in the template, and vice versa.

NgRx is a popular state management library for Angular applications. It provides a structured and scalable approach for managing application state, making it easier to develop complex and maintainable applications.

The Angular Router is the official routing library for Angular applications. It provides a powerful and flexible way to define routes and navigate between different components in the application.

The HttpClient module in Angular is used to perform HTTP requests and fetch data from remote servers. It provides a simplified and type-safe way to make HTTP requests and handle responses.

Dependency injection in Angular is a technique for providing dependencies to components and services. It allows for a more modular and testable codebase, as dependencies can be easily swapped out or replaced.

Jasmine is a popular testing framework for Angular applications. It provides a simple and expressive syntax for writing tests, making it easy to test the behavior of Angular components.

The ngAfterViewInit lifecycle hook in Angular is called after the component's view and child views have been initialized. This makes it a suitable place to perform operations that require access to the component's rendered DOM elements.

The ngDoCheck lifecycle hook in Angular is used for change detection. It is called during every change detection cycle, allowing components to detect and respond to changes in their input properties or state.

The @Input decorator in Angular is used to mark a property as an input property. This allows the property to be bound to a value from the parent component or directive.

Event bindings in Angular are used to handle user input and events. They allow components to respond to events such as clicks, keypresses, and mouse movements.