Course · Training · Workshop
Angular & TypeScript
Build single page applications with Angular and TypeScript: standalone components, signals and the new control flow, plus the classic NgModule and RxJS patterns.
Three days of intensive introduction to Angular and TypeScript with tried and tested course material, well thought-out exercise projects and experienced trainers. Our course is continuously updated to the relevant Angular versions and covers the modern programming model with Signals and Standalone Components – without neglecting established concepts like NgModules and RxJS. We have been teaching developers since the first version of Angular 2 and are constantly improving our materials. Several hundred participants have already mastered Angular with our course. We look forward to your registration for the next public course or request for an in-house training at your location.
Trainers
What participants say
As a classic backend developer, this Angular course helped me better align my solutions with frontend requirements and think more end-to-end.
Software Entwickler, Berater & Letsboot Trainer
Very informative Angular & TypeScript course, packed full of useful details and insights!
Senior Systementwickler Universitätsspital Basel
2-days of top notch Angular training.
IT Lead and Business Analyst
Very comprehensive and complete introduction to Angular 2 framework. The euphoric teachers are firm believers in that framework and thus very motivating.
Software Engineer
The training is a great introduction to the concepts of how Angular 5 is working. I enjoyed the mix of theory and practical programming in this course. The trainers are top notch and clearly explains the important concepts. I highly recommend this one.
UI Developer & Designer
Really good introduction to Angular. I think I will be able to develop application in an efficient way now.
Programmer
These customers booked courses in the same topic cluster.More customers →
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.
The actual course content may differ from the above depending on the trainer, delivery, duration and the composition of participants.
Request this course in-house
Request a public date
No suitable public date? Register without obligation — once there is enough interest we schedule a new public date and let you know first.
More about Angular & TypeScript
Angular is a comprehensive frontend framework for developing Single Page Applications (SPAs) based on TypeScript. With the introduction of Standalone Components and the signal-based reactivity model, Angular has undergone a fundamental shift in development philosophy in recent versions – towards a leaner, more performant and more intuitive architecture.Further resources:
History
Angular was originally developed by Miško Hevery and Adam Abrons at Google. The first version, AngularJS (Angular 1.x), was released in 2010. In 2016, Angular 2 marked a complete reimplementation using TypeScript, led by Igor Minar and the Angular team at Google.
The decision to use TypeScript as the primary language for Angular was a significant milestone. TypeScript, developed by Microsoft under the leadership of Anders Hejlsberg, brought static typing and modern ECMAScript features to web development.
With Angular 17 (2023), Standalone Components became the new default for Angular projects, and the signal-based reactivity model ushered in a new era of frontend development. Today, Angular is one of the three dominant frontend frameworks alongside React and Vue.js, is used by many large enterprises, and has significantly shaped the modern web. The continuous development by the Angular team at Google sets new standards for developer experience and performance.