Angular

Angular

FRONTEND

Umfassendes Frontend-Framework von Google mit TypeScript als Hauptsprache. Komponentenbasierte modulare Architektur, native Dependency Injection, RxJS für reaktive Programmierung und robustes CLI zum Erstellen skalierbarer und wartbarer Webanwendungen.

Was du lernen wirst

Striktes TypeScript mit Decorators und erweiterten Typen (@Component, @Injectable)

Modulare Architektur mit NgModules und Lazy Loading

Hierarchische Dependency Injection mit Providern und Scopes

RxJS für reaktive Programmierung (Observables, Operators, Subjects)

Leistungsfähige Template-Syntax (Data Binding, Directives, Pipes)

Robuste Formulare (Template-Driven und Reactive Forms mit Validierung)

Erweiterter Router mit Guards, Resolvers, Lazy Loading und Preloading

HttpClient mit Interceptors, Caching und Fehlerbehandlung

Signals für reaktives State Management (Angular 16+)

Umfassendes Testing (Jasmine, Karma, TestBed, Mocking, E2E mit Cypress)

Schlüsselthemen zum Meistern

Die wichtigsten Konzepte, um diese Technologie zu verstehen und deine Interviews zu bestehen

1

TypeScript: Decorators, erweiterte Typen, Interfaces, Generics

2

Komponenten: Templates, Styles, Lifecycle Hooks, ViewChild, ContentChild

3

Data Binding: Interpolation, Property Binding, Event Binding, Two-Way Binding

4

Directives: Structural (*ngIf, *ngFor, *ngSwitch), Attribute (ngClass, ngStyle), Custom

5

Pipes: Built-in (date, async, json), benutzerdefinierte Pipes, Pure vs Impure

6

Services und Dependency Injection: Provider, hierarchische DI, Injection Tokens

7

RxJS: Observables, Operators (map, filter, switchMap, mergeMap), Subjects, Unsubscribe

8

Formulare: Template-Driven vs Reactive, FormControl, FormGroup, Validators, Async Validators

9

Routing: Routes, RouterLink, RouterOutlet, Guards (CanActivate, CanDeactivate), Resolvers

10

HttpClient: GET/POST/PUT/DELETE, Interceptors, Fehlerbehandlung, Retry Logic

11

Change Detection: Strategien (Default, OnPush), Zones, manuelles Auslösen

12

NgModules: Imports, Exports, Declarations, Providers, Lazy Loading

13

Signals: signal(), computed(), effect(), reaktiver State (Angular 16+)

14

State Management: Services mit BehaviorSubject, NgRx (Store, Effects, Selectors)

15

Testing: Unit Tests (Jasmine, TestBed), Komponententests, Service Mocking, E2E

16

Performance: OnPush, trackBy, Lazy Loading, Preloading-Strategien, Bundle-Optimierung

17

Angular CLI, Build-Konfiguration, Deployment, SSR mit Angular Universal