Kurs · Schulung · Workshop
Angular & TypeScript
Single Page Applications mit Angular und TypeScript entwickeln: Standalone Components, Signals und das neue Control Flow – plus klassische NgModule- und RxJS-Patterns.
Drei Tage intensiver Einstieg in Angular und TypeScript mit erprobtem Kursmaterial, durchdachten Übungsprojekten und erfahrenen Trainern. Unser Kurs wird laufend auf die relevanten Angular-Versionen aktualisiert und vermittelt das moderne Programmiermodell mit Signals und Standalone Components – ohne dabei bewährte Konzepte wie NgModules und RxJS zu vernachlässigen. Seit der ersten Version von Angular 2 unterrichten wir Entwickler:innen und verbessern dabei laufend unsere Unterlagen. Bereits mehrere hundert Teilnehmer haben mit unserem Kurs den Einstieg in Angular gemeistert. Wir freuen uns auf eure Anmeldung zum nächsten öffentlichen Kurs oder Anfrage für eine In-House Schulung bei euch vor Ort.
Trainer
Stimmen unserer Teilnehmer:innen
Das Training ist sehr interessant und interaktiv. Wir kommen immer Unterstützung bei Schwierigkeiten.
Quang Khai
Having had no Angular experience before, we developed in the course step-by-step a fully-fledged application. By doing so, we gradually improved it and thus learnt the main concepts of Angular in a very praxis-oriented way. The course was very well organized and the trainers well-prepared and very knowledgable. Thank you!
Marco
Very good start to get into Angular.
Christian
Unser Inhouse-Training mit let's boot war der Hit. Von der Vorbereitung bis zur Durchführung hat alles perfekt geklappt. Es resultierten dann auch zwei sehr spannende Tage mit Angular, die im Team sehr gut ankamen. Die beiden Trainer waren sehr erfahren, erfrischend offen und total motiviert. Ich kann den Angular-Kurs von let's boot wirklich nur empfehlen. Herzlichen Dank an Jonas und Jonathan. To be repeated!
Software Engineer & Java Practice Leader
The course was very straight-forward with a clear path from setting up the base and implementing various elements. You get a nice overview of what is possible and how you can get there.
David
One of the best online (very practice oriented) training in which I could participate. Great preparation and experience of trainers. Amazing explanation of building Single Page Applications with Angular. You guys rock!
Kamil
Diese Kunden haben Kurse im gleichen Themen-Cluster bei uns gebucht.Mehr Kunden →
Inhalt
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.
Der effektive Kursinhalt kann, abhängig von Trainer, Durchführung, Dauer und Konstellation der Teilnehmer:innen, von obigen Angaben abweichen.
In-House Kurs anfragen
Öffentlichen Termin anfragen
Kein passender öffentlicher Termin dabei? Trag dich unverbindlich ein – sobald genug Interesse besteht, planen wir einen neuen öffentlichen Termin und informieren dich zuerst.
Mehr über Angular & TypeScript
Angular ist ein umfassendes Frontend-Framework für die Entwicklung von Single Page Applications (SPAs), das auf TypeScript basiert. Mit der Einführung von Standalone Components und dem Signal-basierten Reaktivitätsmodell hat Angular in den letzten Versionen einen grundlegenden Wandel in der Entwicklungsphilosophie vollzogen – hin zu einer schlankeren, performanteren und intuitiveren Architektur.Weitere Ressourcen:
History
Angular wurde ursprünglich von Miško Hevery und Adam Abrons bei Google entwickelt. Die erste Version, AngularJS (Angular 1.x), wurde 2010 veröffentlicht. Im Jahr 2016 erfolgte mit Angular 2 eine komplette Neuimplementierung mit TypeScript, geleitet von Igor Minar und dem Angular-Team bei Google.
Die Entscheidung, TypeScript als Hauptsprache für Angular zu verwenden, war ein wichtiger Meilenstein. TypeScript, entwickelt von Microsoft unter der Leitung von Anders Hejlsberg, brachte statische Typisierung und moderne ECMAScript-Funktionen in die Webentwicklung.
Mit Angular 17 (2023) wurden Standalone Components zum neuen Standard für Angular-Projekte, und das Signal-basierte Reaktivitätsmodell läutete eine neue Ära in der Frontend-Entwicklung ein. Heute ist Angular eines der drei dominanten Frontend-Frameworks neben React und Vue.js, wird von vielen grossen Unternehmen eingesetzt und hat das moderne Web massgeblich geprägt. Die kontinuierliche Weiterentwicklung durch das Angular-Team bei Google setzt neue Massstäbe für Developer Experience und Performance.