Content:

Angular gets you started in modern multi-platform frontend development with TypeScript. Standalone Components and the reactive programming model with Signals are the central additions of recent Angular versions.
Topics:
– Fundamentals and Setup:
... - Basic knowledge of TypeScript
... - Angular structure and concept
... - Course application structure and extension
... - Standalone Components as the modern standard
... - Build toolchain with @angular/cli

– Core Angular Concepts:
... - Standalone Components, Directives and Pipes
... - New Control Flow: @if, @for, @switch
... - Lazy Loading with @defer
... - Templates and Lifecycle Hooks
... - Dependency Injection and inject() function

– Reactivity with Signals:
... - signal(), computed(), effect()
... - Signal Inputs and Outputs
... - Two-Way Binding with model()
... - RxJS and Signals: toSignal() / toObservable()
... - Resource API for reactive data loading

– Data Binding and Interaction:
... - Input/Output and Events
... - Attribute Binding
... - Reactive and Template-driven Forms
... - Validation and custom validators

– State Management and Services:
... - Provider (Services) and Dependency Injection
... - HTTP with HttpClient
... - Observables and RxJS
... - NgRx and signal-based state management
... - Connection of backend APIs

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

– Testing and Deployment:
... - Overview: End to End and Unit Testing
... - Overview: Continuous Integration and Deployment
... - Debugging with Angular DevTools

– Advanced Topics:
... - Change Detection: OnPush and zoneless
... - Performance Optimization
... - Security and Validation
... - Architecture for complex Angular projects

The course is based on refined and tested course material with explanation, assignments, course project / code, solution code and further information.

Note: Alongside modern concepts like Standalone Components and Signals, we place particular emphasis on also teaching classic NgModule patterns and RxJS concepts. The majority of existing Angular projects in Swiss corporations are still based on these architectures – and anyone who truly wants to master Angular needs to understand both.

Disclaimer: The actual course content may vary from the above, depending on the trainer, implementation, duration and constellation of participants.

Whether we call it training, course, workshop or seminar, we want to pick up participants at their point and equip them with the necessary practical knowledge so that they can apply the technology directly after the training and deepen it independently.