Angular

Getting Started

1. What is Angular?What Angular is, the problem it solves, and how its component-based architecture differs from a plain JavaScript or TypeScript app.
2. The Angular CLI and Project StructureScaffolding a new Angular app with the CLI and making sense of the files it generates for you.

Components & Templates

1. Component Anatomy and DecoratorsEverything a component is made of, and how the @Component decorator ties a class, a template, and styles together.
2. Standalone ComponentsWhy standalone components are the modern default in Angular, and how they replace NgModules for wiring up dependencies.
3. Component Styles and View EncapsulationScoping CSS to a single component and understanding Angular's default view encapsulation.

Data Binding

1. Interpolation and Property BindingGetting data out of a component class and into the template with interpolation and property binding.
2. Event BindingResponding to clicks, keystrokes, and other user actions in the template with Angular's event binding syntax.
3. Two-Way Binding with ngModelKeeping a template and a component property in sync in both directions with ngModel and the banana-in-a-box syntax.

Directives & Pipes

1. Structural DirectivesConditionally rendering and repeating template content with @if and @for, Angular's modern control-flow syntax.
2. Attribute DirectivesChanging the appearance or behavior of an existing element with built-in directives like ngClass and your own custom ones.
3. Pipes in AngularTransforming data for display right in the template with built-in pipes and pipes you write yourself.

Component Communication & Lifecycle

1. Input and Output PropertiesPassing data down into a child component and sending events back up with @Input and @Output.
2. Content Projection with ng-contentLetting a parent component pass markup into a child's template with ng-content, Angular's version of slots.
3. Lifecycle HooksThe hooks Angular calls at each stage of a component's life, and which ones you will actually reach for.

Services & Reactivity

1. Services and Dependency InjectionSharing logic and state across components with injectable services and Angular's dependency injection system.
2. Angular SignalsA fine-grained reactivity primitive for state that automatically updates the view whenever it changes.
3. RxJS Observables in AngularThe observables Angular uses under the hood for events, HTTP, and async data, and the handful of operators you'll use daily.

Routing & HTTP

1. Angular Router BasicsWiring up client-side navigation between components with Angular's Router and the routerLink directive.
2. Route ParametersReading dynamic segments out of the URL, like an item's id, to load the right data for a route.
3. Route GuardsControlling whether a route is allowed to activate, most commonly to protect pages behind authentication.
4. HttpClient and APIsCalling a backend API from an Angular app with HttpClient and handling the observable it returns.

Forms & Best Practices

1. Template-Driven FormsBuilding a simple form with ngModel and letting Angular's template-driven forms track its state for you.
2. Reactive FormsBuilding forms in the component class with FormGroup and FormControl for more predictable, testable form logic.
3. Form ValidationAdding required fields, patterns, and custom rules to a form, and showing the right error message at the right time.
4. Change Detection BasicsHow Angular decides when to re-render the DOM, and why the default and OnPush strategies behave differently.
5. Angular Best PracticesA closing checklist of habits that keep an Angular codebase fast, readable, and easy to change.