Angular Kompaktkurs

Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:

• Erfahrung in HTML, CSS, JavaScript

Moderne Angular-Entwicklung

• neuste Angular Features: Standalone First, Signals, Control Flow
• Nx Workspace vs. Angular CLI: Monorepo-Setup
• Vite/esbuild Build-Pipelines (10x schneller als webpack)

Standalone Components & Signals

• standalone: true – Goodbye NgModules
• Signals: Neues Reaktivitätssystem (signal(), computed(), effect())
• Komponentenkommunikation: Signal Inputs/Outputs
• Nx Workspace Projekt mit Standalone Components
• Komponentenkomposition

Neue Control Flow Syntax

• @if, @for, @switch – ersetzt *ngIf, *ngFor
• @defer für Lazy-Loading von teuren Komponenten
• Neue Pipes & Template-Features

Routing & State Management

• Standalone Router Configuration
• Signal-basierte Route Guards & Resolvers
• OnPush Change Detection mit Signals

Services

• Verwendung eines Service für den Zugriff auf Daten
• Verwendung eines Service, um Geschäftslogik zu kapseln
• Verstehen des Umfangs von Diensten

Vitest – Modernes Angular Testing

• Vitest Setup, describe/it/beforeEach, Matchers
• Angular TestBed, ComponentFixture, fakeAsync/tick
• Komponenten-Testing mit Signals/Effects
• Service-Mocking, HTTP-Interceptor-Tests

NgRx SignalStore

• signalStore(), withState, withComputed, withMethods
• Patched Actors für Side-Effects (HTTP, Router)
• Signal-Selectors und featureFn() Pattern
• Migration von klassischem NgRx zu SignalStore

Zoneless Angular & Performance

• OnPush Change Detection mit Signals optimieren
• destroyRef für korrektes Lifecycle-Management
• @defer + Route-based Lazy-Loading
• Track-By-Funktionen, OnPushComponents

Enterprise Security

• JWT-Authentifizierung mit Signal-based Guards
• DOMSanitizer (XSS-Schutz), CSRF-Token-Handling
• Row-Level Security in SignalStores
• Secure HTTP Headers & Content-Security-Policy

Server-Side Rendering mit Angular Universal

• angular/ssr Setup und Hydration
• SEO-Optimierung, Performance Budgets
• Prerendering für Marketing-Seiten

Production-Deployment

• Differenzielle Builds: ES2022+ vs. Legacy
• PWA Features: Service Worker, Offline-First
• Nx Affected Commands für CI/CD

Hinweise

C

Zielgruppen

• Web-Entwickler
• Web-Programmierer