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
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
Ein super Kurs mit kompetenten Trainern. Ich kenne jetzt die wichtigsten Angular Grundlagen und kann richtig loslegen. Vielen Dank.
Software Engineer
Sehr effizienter Einstieg in Angular2.
Software Engineer Mobile
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
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.