Seminarkatalog

In dieser 5-tägigen Schulung "Angular Kompaktkurs" lernen Sie die Grundlagen von TypeScript und ECMAScript 6 (ES6) sowie eine umfassende Einführung in Angular, einschließlich Komponenten, Module und die Verwendung der Angular CLI. Der Kurs behandelt Themen wie Datenbindung, Direktiven und Pipes. Sie werden auch fortgeschrittene Konzepte wie Komponentenkommunikation, Dependency Injection und Reactive Forms kennenlernen. Weitere Schwerpunkte sind die Kommunikation mit dem Server über den HttpClient, die Konfiguration des Routers und Best Practices für die Bereitstellung Ihrer Angular-Anwendung. Der Kurs bietet außerdem Einblicke in Ivy, die neue Compilation & Rendering Pipeline, Unit-Tests mit Jasmine und Karma, RxJS und Observables sowie Sicherheitsaspekte wie XSS-Prävention und Authentifizierung.

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

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

• Erfahrung in HTML, CSS, JavaScript

• Web-Entwickler
• Web-Programmierer