Angular & TypeScript
Schulung & Kurs

Kursinhalt:

Mit Angular startest du in die moderne Multi-Plattform Frontend-Entwicklung mit TypeScript. Standalone Components und das reaktive Programmiermodell mit Signals sind die zentralen Neuerungen der aktuellen Angular-Versionen.

Themen:
– Grundlagen und Setup:
... - Basis-Wissen TypeScript
... - Angular Aufbau und Konzept
... - Aufbau und Erweiterung der Kursapplikation
... - Standalone Components als moderner Standard
... - Build Toolchain mit @angular/cli

– Core Angular Konzepte:
... - Standalone Komponenten, Direktiven und Pipes
... - Neues Control Flow: @if, @for, @switch
... - Lazy Loading mit @defer
... - Templates und Lifecycle Hooks
... - Dependency Injection und inject()-Funktion

– Reaktivität mit Signals:
... - signal(), computed(), effect()
... - Signal Inputs und Outputs
... - Two-Way Binding mit model()
... - RxJS und Signals: toSignal() / toObservable()
... - Resource API für reaktives Datenladen

– Datenbindung und Interaktion:
... - Input/Output und Events
... - Attribute Binding
... - Reactive und Template-driven Forms
... - Validierung und Custom Validators

– State Management und Services:
... - Provider (Services) und Dependency Injection
... - HTTP mit HttpClient
... - Observables und RxJS
... - NgRx und Signal-basiertes State Management
... - Anbindung von Backend APIs

– UI und User Experience:
... - Styling und Component Scoping
... - Animations
... - Angular Material Design & UI Libraries
... - Mehrsprachigkeit / i18n
... - Routing und Navigation

– Testing und Deployment:
... - Einblick: End to End und Unit Testing
... - Einblick: CI/CD mit Angular
... - Debugging mit Angular DevTools

– Fortgeschrittene Themen:
... - Change Detection: OnPush und zoneless
... - Performance Optimierung
... - Security und Validierung
... - Architektur für komplexe Angular Projekte

Der Kurs basiert auf verfeinertem und erprobtem Kursmaterial mit Erläuterung, Aufgaben, Kurs-Projekt / Code, Lösungs-Code und weiterführenden Informationen.

Hinweis: Neben den modernen Konzepten wie Standalone Components und Signals legen wir besonderen Wert darauf, dass Teilnehmer auch klassische NgModule-Patterns und RxJS-Konzepte kennenlernen. Der Grossteil der bestehenden Angular-Projekte in der Schweizer Unternehmenslandschaft basiert noch auf diesen Architekturen – wer Angular wirklich beherrschen möchte, muss beides verstehen.

Disclaimer: Der effektive Kursinhalt kann, abhängig vom Trainer, Durchführung, Dauer und Konstellation der Teilnehmer:innen von obigen Angaben abweichen.

Ob wir es Schulung, Kurs, Workshop, Seminar oder Training nennen, wir möchten Teilnehmer/innen an ihrem Punkt abholen und mit dem nötigen praktischen Wissen ausstatten, damit sie die Technologie nach der Schulung direkt anwenden und eigenständig vertiefen können.