Blog

Die Integration von KI-Agenten in Web-Anwendungen wird in den nächsten Jahren ein zentrales Thema. Mit dem in Entwicklung befindlichen Vorschlag WebMCP (Web Model Context Protocol) sollen Webseiten dem Browser – und damit angeschlossenen KI-Agenten – strukturierte Tools zur Verfügung stellen können.

Wenn Nutzende ein Formular absenden, das noch Fehler enthält, entscheidet die Reaktion der Anwendung über die Benutzerfreundlichkeit. Gerade für Menschen, die auf Screenreader oder Tastaturnavigation angewiesen sind, ist ein durchdachtes Verhalten beim Absenden essenziell. In diesem Artikel betrachten wir verschiedene Varianten, wie wir bei der Nutzung von Angular Signal Forms auf ein ungültiges Absenden reagieren können.

Es gab noch nie einen besseren Zeitpunkt, um Software zu entwickeln. AI-Agenten wie Claude Code haben meinen Workflow grundlegend verändert – ich schreibe besseren Code in weniger Zeit. In diesem Artikel zeige ich dir, wie das funktioniert. Ob du seit Jahren Angular entwickelst oder gerade erst anfängst: Die Einstiegshürde war noch nie so niedrig.

Claude Code hat einen berüchtigten Bug: Das Terminal scrollt unkontrolliert, flackert oder friert komplett ein. Seit März 2025 sammeln sich die GitHub Issues mit tausenden Upvotes, und das Problem ist immer noch nicht behoben. Es ist das meistgemeldete UX-Problem von Claude Code überhaupt, und eine direkte Lösung von Anthropic lässt immer noch auf sich warten. In diesem Artikel erkläre ich, warum der Bug existiert, warum die üblichen Workarounds nicht helfen und wie man ihn mit einem Open-Source-Tool endgültig löst.

Softwareprojekte werden komplexer, und Anforderungen steigen. Werkzeuge für AI (Artificial Intelligence) können uns bei der Entwicklung unterstützen und Entlastung schaffen: Sie helfen unter anderem beim Generieren von Code, erklären komplexe Zusammenhänge und schlagen Verbesserungen vor. In diesem Artikel zeigen wir dir, wie du mit den AI-Werkzeugen von Angular den bestmöglichen Code generierst.

In the previous parts of this series, we've covered the fundamentals of Signal Forms, advanced validation patterns, and modular form architecture. In this final part, we'll explore the power of assigning field metadata. We'll also have a look at how we can automatically add helpful ARIA attributes based on a field state to make our forms even more inclusive and accessible.

Bevor wir uns in den Trubel zum Jahresende stürzen, gibt es Neuigkeiten aus der Angular-Welt: Am 19. November 2025 wurde Angular 21 veröffentlicht! Die wichtigsten Neuigkeiten: Signal Forms, Zoneless Apps, Testing mit Vitest, das neue Paket @angular/aria und mehr Unterstützung für AI-Assistenten.

Mit Angular 21 gibt es eine bedeutende Änderung beim Unit-Testing: Vitest ist jetzt der Standard, die bisherige Standardkombination aus Karma und Jasmine wird abgelöst. Beim Erzeugen eines neuen Projekts mit ng new verwendet Angular 21 nun standardmäßig Vitest als Test-Runner. Vitest verspricht deutlich kürzere Startzeiten, moderne Features und eine einfache Jest-kompatible API. In diesem Artikel zeigen wir, was Vitest für dich bedeutet, wie du bestehende Angular-Projekte migrieren kannst und welche Vorteile Vitest bietet.

We covered fundamentals and advanced validation patterns of Signal Forms in Part 1 and Part 2 of this blog series. In this third part, we'll explore more specialized topics that are relevant for large and modular forms: child forms and custom UI controls. Last but not least, we'll have a look at providing a custom SignalFormsConfig.

Angular Signal Forms offer techniques for advanced validation scenarios and schema patterns, which makes them truly powerful for complex form requirements. In this article, we will go beyond basic field validation as we covered it in Part 1: We will learn about custom schema validation, cross-field validation, conditional validation, asynchronous validation, and how to handle server-side errors gracefully.

Angular introduces Signal Forms with Version 21.0.0, an experimental but promising approach to form handling that leverages Angular's reactive Signal primitive. This new API offers a declarative way to build forms with full control over the data model and built-in schema validation. In this first part of our four-part series, we'll cover the fundamentals you need to get started with Signal Forms.

Mit Angular 20 entfällt der Service-Suffix im neuen Style Guide. Das sorgt zwar für kürzere Dateinamen, macht aber die Rolle der Klassen weniger offensichtlich. Dieser Artikel zeigt ein Gedankenexperiment, bei dem ein eigener @Service-Decorator dieses Problem elegant löst.

Alles neu macht der Mai – oder zumindest eine neue Major-Version von Angular: Am 28. Mai 2025 wurde Angular 20 veröffentlicht! Im offiziellen Angular-Blog finden Sie die Release-Informationen direkt vom Angular-Team.

Mit Angular 19 gibt es eine wichtige Neuerung: Die effect()-API wurde vereinfacht und die neue Funktion afterRenderEffect() wurde eingeführt (siehe PR 57549). Diese Neuerung hat Auswirkungen darauf, wie Angular Aufgaben nach dem Rendern behandelt, und ist besonders nützlich für Anwendungen, die auf präzises Timing beim Rendern und bei DOM-Manipulationen angewiesen sind. In diesem Artikel sehen wir uns an, wie sich diese beiden APIs unterscheiden und wie man die phasenbasierte Ausführung mit afterRenderEffect() optimal nutzt.

Neben grauen Herbsttagen hat der November in Sachen Angular einiges zu bieten: Am 19. November 2024 wurde die neue Major-Version Angular 19 releaset! Angular bringt mit der Resource API und dem Linked Signal einige neue Features mit. Standalone Components müssen außerdem nicht mehr explizit als solche markiert werden. Wir stellen in diesem Blogpost alle wichtigen Neuerungen vor!

Mit Angular 19 wurde ein neues Feature vorgestellt: das Linked Signal. Es erleichtert die Verwaltung von lokalem Zustand in Verbindung mit anderen Signals. Bei dem Linked Signal handelt sich um ein beschreibbares Signal, das automatisch zurückgesetzt wird, wenn sich andere Signals ändern. Dies ist besonders nützlich, wenn wir lokale Zustände mit dynamischen Daten synchronisieren wollen. In diesem Blogpost stellen wir vor, was ein Linked Signal ist, wie es funktioniert und in welchen Anwendungsfällen es sinnvoll eingesetzt werden kann.

Eine interessante Neuerung in Angular ist die Resource API. Damit können wir intuitiv Daten laden und in Komponenten verarbeiten. In diesem Blogartikel stellen wir die Ideen der neuen Schnittstelle vor.

In den letzten Versionen wurden viele neue Funktionen und Verbesserungen eingeführt. Diesmal lag der Fokus darauf, die bereits ausgelieferten APIs zu stabilisieren, diverse Feature Requests zu bearbeiten und eines der am meisten nachgefragten Projekte auf der Roadmap experimentell zu veröffentlichen: die Zoneless Change Detection.

Angular erlebt einen Aufschwung: Mit den letzten Major-Versionen des Frameworks wurden einige wichtige neue Konzepte und Features eingeführt. Wir berichten darüber regelmäßig in unseren Blogposts zu den Angular-Releases. In diesem Artikel wollen wir das Beispielprojekt "BookMonkey" aus dem Angular-Buch aktualisieren und die neuesten Konzepte von Angular praktisch einsetzen.

Mit Angular 17 wurde der Build-Prozess für Server-Side Rendering (SSR) und Pre-Rendering grundlegend überarbeitet. In diesem Blogpost stellen wir vor, welche Unterschiede für das Beispielprojekt "BookMonkey" aus dem Angular-Buch relevant sind.

Es ist wieder ein halbes Jahr vorbei: Anfang November 2023 erschien die neue Major-Version Angular 17! Angular-Teammitglied Minko Gechev hatte diese Version schon vor einigen Wochen als sein "favorite Angular release … ever" beschrieben.

Am 4. Mai 2023 erschien die neue Major-Version von Angular: Angular 16! Das Angular-Team hat einige neue Features und Konzepte in diesem Release verpackt. Die größte Neuerung sind die Signals, die als erste Developer Preview in der neuen Version ausprobiert werden können.

Das neue deutschsprachige Angular-Buch ist da! Ab sofort ist die 4. Auflage des erfolgreichen Standardwerks im Handel verfügbar.

Im Februar 2023 erschien die vierte Auflage des deutschsprachigen Angular-Buchs! In diesem Artikel berichten wir über die Neuerungen im neuen Buch.

Wussten Sie bereits, dass Propertys in JavaScript und TypeScript leicht unterschiedlich implementiert sind und es ein inkompatibles Verhalten gibt? In Projekten mit Angular 15 wird deshalb in der TypeScript-Konfiguration die Option useDefineForClassFields gesetzt. Wir zeigen Ihnen, was es damit auf sich hat und wie Sie Ihren Code schreiben müssen, damit er zukunftssicher in beiden Programmiersprachen gleich funktioniert.

Am 16. November 2022 erschien die neue Major-Version von Angular: Angular 15.0.0! Im Fokus des neuen Releases standen vor allem diese drei Themen:

Das Angular-Ökosystem wird kontinuierlich verbessert. Das Release einer neuen Major-Version von Angular bedeutet keineswegs, dass alle Ideen verworfen werden und Ihre Software nach einem Update nicht mehr funktioniert. Die Grundideen von Angular sind seit Version 2 konsistent und auf Beständigkeit über einen langen Zeitraum ausgelegt. Die in unserem Buch beschriebenen Konzepte behalten ihre Gültigkeit.

Noch bevor die Sommer- und Urlaubszeit beginnt, wartet Angular mit tollen Neuigkeiten auf: Am 2. Juni 2022 erschien die neue Major-Version Angular 14! Während die letzten Hauptreleases vor allem interne Verbesserungen für das Tooling mitbrachten, hat Angular 14 einige spannende neue Features mit an Bord.

Noch vor dem Jahresende erschien Anfang November 2021 die neue Major-Version 13 von Angular. Auch diese Version bringt keine großen Änderungen an der Oberfläche des Frameworks mit, sondern verbessert vor allem Details im Hintergrund. Es gibt ein paar wenige Breaking Changes, die aber für die meisten Entwicklerinnen und Entwickler nicht interessant sein dürften.

Am 12.05.2021 wurde die neue Major-Version Angular 12.0 veröffentlicht – ein halbes Jahr nach dem Release von Angular 11.

Progressive Web Apps sind in den letzten Jahren immer populärer geworden. Sie erlauben es uns, Webanwendungen auf dem Home-Bildschirm des Smartphones zu installieren und wie eine nativ installierte App zu benutzen. Mit einer PWA können wir Daten mithilfe eines Service Workers cachen, um die Anwendung auch offline zu verwenden. Weiterhin kann eine PWA im Hintergrund Push-Benachrichtigungen vom Server empfangen und anzeigen.

Es hätte kein schöneres Datum sein können: am 11.11.2020 wurde die neue Major-Version Angular 11.0 veröffentlicht – fünf Monate nach dem Release von Angular 10.

Das neue deutschsprachige Angular-Buch ist da! Ab sofort ist die 3. Auflage des erfolgreichen Standardwerks im Handel verfügbar.

Die Webplattform bewegt sich schnell, und so muss auch ein Framework wie Angular stets an neue Gegebenheiten angepasst werden und mit den Anforderungen wachsen. In den drei Jahren seit Veröffentlichung der ersten Auflage dieses Buchs haben sich viele Dinge geändert: Es wurden Best Practices etabliert, neue Features eingeführt, und einige wenige Features wurden wieder entfernt.

Nach nur vier Monaten Entwicklungszeit wurde am 24. Juni 2020 die neue Major-Version Angular 10.0 veröffentlicht! Da sich das vorherige Major-Release von Angular 9 um einige Monate verzögert hatte, wurde Angular 10 bereits jetzt herausgegeben, um den üblichen Release-Zyklus von sechs Monaten einzuhalten.

Am 6. Februar 2020 wurde bei Google in Kalifornien der rote Knopf gedrückt: Das lang erwartete neue Release ist da – die neue Major-Version Angular 9.0! Wir werden Ihnen in diesem Artikel die wichtigsten Neuerungen vorstellen.

Multi-Stage Builds für Angular: Wie Sie Apps gleich im Container bauen und trotzdem schlanke Docker-Images erstellen. Vermeiden Sie Risiken durch externe Abhängigkeiten! Dies ist der letzte Teil unserer Artikelserie zu Angular und Docker.

Build Once, Run Anywhere: Wie Sie ein einziges Image zur Laufzeit an beliebige Umgebungen anpassen. Bleiben Sie auch ohne Code-Änderung flexibel! Dies ist der 3. Teil unserer vierteiligen Artikelserie zu Angular und Docker.

First Steps: Wie Sie Ihre Angular-App in ein Docker-Image packen und als Container zur Ausführung bringen. Vergessen Sie Ihre Sorgen über den korrekten Build und das richtige Deployment! Dies ist der 2. Teil unserer vierteiligen Artikelserie zu Angular und Docker.

Warum Sie Docker nutzen sollten, um neue Versionen Ihrer Angular-App jederzeit problemlos bauen, deployen und auch in mehreren Versionen parallel zueinander betreiben zu können. Dies ist der Start unserer vierteiligen Artikelserie von unserem Gastautor Michael Kaaden.

Immer häufiger stößt man im Webumfeld auf den Begriff der Progessive Web App – kurz: PWA. Doch was genau steckt dahinter und welche Vorteile hat eine PWA gegenüber einer herkömmlichen Webanwendung oder einer App? Als Progressive Web App bezeichnen wir eine Webanwendung, die beim Aufruf einer Website als App auf einem lokalen Gerät installiert werden kann – zum Beispiel auf dem Telefon oder Tablet. Die PWA lässt sich wie jede andere App nutzen, inklusive Push-Benachrichtigungen!

Das neue deutschsprachige Angular-Buch ist da!
Ab sofort ist die 2. Auflage des erfolgreichen Standardwerks im Handel verfügbar.

In den zwei Jahren seit Veröffentlichung der ersten Auflage haben sich viele Dinge geändert: Es wurden Best Practices etabliert, neue Features eingeführt, und einige wenige Features wurden wieder entfernt. Die Webplattform bewegt sich schnell, und so muss auch ein Framework wie Angular stets an neue Gegebenheiten angepasst werden und mit den Anforderungen wachsen.

Pünktlich zum Pfingstwochenende wurde am 7. Juni 2019 die neue Major-Version von NgRx veröffentlicht! Das neue Release 8.0.0 bringt einige Neuerungen mit sich, die vor allem die Produktivität des Entwicklers verbessern sollen. Das wahrscheinlich wichtigste Feature sind die neuen Creator-Funktionen für Actions, Reducer und Effects. Dazu kommt eine Reihe von kleineren Features, die wir in diesem Blogartikel vorstellen möchten.

Der neueste Wurf aus der Softwareschmiede Google ist vollbracht: Angular 8 ist da! Am 28. Mai 2019 erschien die neue Major-Version 8.0.0 und bringt wieder einige interessante Neuerungen mit sich.

Wieder sind 6 Monate vergangen und Angular strahlt mit einem neuen Major-Release: Am 18. Oktober 2018 wurde Angular 7.0.0 veröffentlicht! Die beste Nachricht zuerst: Es gibt keine Breaking Changes und das Upgrade funktioniert schnell und reibungslos. In diesem Artikel stellen wir Ihnen wie immer die wichtigsten Neuigkeiten vor und zeigen Ihnen auch, wie Sie das Beispielprojekt Book Monkey auf die neue Version aktualisieren.

Angular 6 ist da! Am 04. Mai 2018 erschien die neue Major-Version von Angular. Obwohl das zunächst nach komplizierten Upgrades und vielen Breaking Changes klingt, können Sie aufatmen: Ihre aktuellen Projekte mit Angular 4 oder 5 sind weiterhin lauffähig und das Upgrade ist in kurzer Zeit erledigt.

Bis Version 4 setzte Angular auf die Intl-API. In Angular 5 wurde diese Abhängigkeit verworfen – dadurch ändern sich einige Details bei der Internationalisierung und den lokalisierten Pipes. In diesem Artikel haben wir die wichtigsten Änderungen zusammengefasst.

Dank der Angular CLI ist es ziemlich einfach, eine neue Anwendung mit der aktuellen Version von Angular zu erstellen. Doch was ist zu tun, wenn wir ein bestehendes Projekt auf den neuesten Stand bringen wollen?

Angular 5 ist da! Anfang November 2017 erschien die neue Major-Version von Angular und bringt einige Neuerungen mit sich. Die gute Nachricht: Ihre alten Projekte mit Angular 4 sind weiterhin lauffähig – nur an einigen wenigen Stellen müssen Kleinigkeiten angepasst werden.

Mit Version 4.3 des Angular-Frameworks steht ein neuer HttpClient bereit. Dieser weist eine stärkere Typisierung auf und vereinfacht die Verarbeitung von geladenen Daten. Dieser Artikel zeigt Ihnen die wichtigsten Änderungen zum alten HTTP-Service. Sie werden lernen, wie Sie das neue HttpClientModule einsetzen können und welche Vorteile es Ihnen bringt. Ein kleines Beispiel demonstriert Ihnen die Nutzung des neuen HttpClient.