Angular Grundkurs

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

• Grundkenntnisse in JavaScript und TypeScript sind von Vorteil

Angular Modern Setup & Standalone Components

Moderne Angular-Entwicklung

• 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

Moderne Templates

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, SSR, Performance & Production

Services

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

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
• Softwareentwickler
• Programmierer