Danny Koppenhagen

Angular-Buch → Barrierefreiheit in Formularen: Daten versenden 📙 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 Tastaturnavigatio...

🚀 Neuer Blogartikel: A11y in Formularen mit Angular

Wie reagiert eine App auf fehlerhafte Submits – für Screenreader & Tastaturnutzer:innen?

➡️ Disabled Button?
➡️ Inline-Fehler mit aria-*
➡️ Fehlerzusammenfassung
➡️ Fokus aufs erste Fehlerfeld

Jetzt lesen:
angular-buch.com/blog/2026-03...

When Your Live Region Isn't Live: Fixing aria-live in Angular, React, and Vue Learn how to fix aria-live regions that fail silently in modern SPAs. Discover why screen readers miss your announcements when frameworks recreate DOM elements, understand the difference between polit...

It will be a gamechanger (once it will be adopted by all modern browsers of course). Until now, my solution was always a global live region and a service which keeps track on it and manages the messages within as described in my post:
k9n.dev/blog/2025-11...

Angular-Buch → Angular Signal Forms Part 4: Metadata and Accessibility Handling 📙 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...

Did you know? #Angular Signal Forms have an onInvalid callback that lets you focus the first invalid field on submit — with just one line using focusBoundControl(). Great for UX and accessibility! 🎯

We just updated Part 4 of our series:
👉 angular-buch.com/blog/2025-12...

Unsere 4-teilige #Angular Signal Forms Artikelserie ist frisch aktualisiert 🚀

Alles zu Angulars neuestem Feature für flexible, barrierefreie & wartbare Formulare – von Basics über Validierung bis zu Custom Controls, Child Forms & eigenen Metadaten.

Perfekt für moderne Angular Apps ✨

Hmm probably spend the Buttons a gap: 0.5em ? 😅

"Angular" online kaufen Kaufen Sie “Angular” von Ferdinand Malcher, Danny Koppenhagen, Johannes Hoppe als Gebundene Ausgabe. ✓ Kostenloser Versand ✓ Click & Collect ✓ Jetzt kaufen

Wir entwickeln Schritt für Schritt eine echte Anwendung inkl. Tests & Architektur – ideal zum Einsteigen oder Updaten auf modernes Angular.

👉 Jetzt vorbestellen:
www.thalia.de/shop/home/ar...

#Angular #TypeScript #Frontend #WebDevelopment

🚀 Endspurt für unser neues Angular Buch
Komplett neue Erstauflage – modern, schlank und mit Fokus auf aktuelle APIs & Best Practices.

✅ Signals
✅ Zoneless
✅ Resource API
✅ Signal Forms
✅ ARIA & Accessibility

Web-Fax 📠: Der umfangreiche Leitfaden für zukunftsorientierte Behörden.

We’ve published Part 4 of our Angular Signal Forms series!

✨ Field metadata: apply meta information for form fields directly in the schema
♿ Automatic ARIA attributes: a directive linking fields + messages for accessible forms

Read ➡️ angular-buch.com/blog/2025-12...

#Angular #a11y #signalforms

Angular-Buch → Angular Signal Forms Part 3: Child Forms, Custom UI Controls and SignalFormsConfig 📙 We covered fundamentals and advanced validation patterns of Signal Forms in Part 1 and Part 2 of this blog series. In this final part, we'll explore more specialized topics that are relevant for...

Updated our #Angular Signal Forms blog post (3. Parts of the series) with the new Feature `provideSignalFormsConfig()`

👉 angular-buch.com/blog/2025-10...

Angular-Buch → Angular 21 ist da! 📙 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,…

🥳 Angular 21 ist da! Wie immer haben wir für euch in unserem Angular Buch Blog die wichtigsten Neuerungen zusammengestellt

- Experimental Signal Forms
- Angular MCP
- @angular/aria
- Zoneless by default
- Vitest
- uvm.

👉🏽 angular-buch.com/blog/2025-11...

#angular #angular21

A speaker presenting on stage at a tech conference, standing in front of a large screen displaying the slide “Experimental Vitest support.” The audience is seated in a spacious hall with arched architecture and soft purple lighting, creating a professional and engaging atmosphere.

⚡️Finally! The official statement!

@vitest.dev is now the official #Angular #testing framework 💪

Thanks Felix!

Photo of the NG DE conference location. Shows the audience and the view to the opening slides.

Looking forward to two exciting days of the NG-DE conference in Berlin!

#angular #ngde #ngde25

Ah. Cool.

When Your Live Region Isn't Live: Fixing aria-live in Angular, React, and Vue Learn how to fix aria-live regions that fail silently in modern SPAs. Discover why screen readers miss your announcements when frameworks recreate DOM elements, understand the difference between…

📝 Blogged: When Your Live Region Isn't Live: Fixing #aria-live in #Angular, #React, and #Vue

Learn about common pitfalls with aria-live and how to fix them.

k9n.dev/blog/2025-11...

#a11y #accessibility

A screenshot from GitHub mobile ab, showing an answer from JeanMech. It shows the message was posted in the future (02.11.25, 10:26:16 MEZ) while local time is 10:18 MEZ

Wow! 😮 I got an answer from the future of @jeanmeche.com 🔮
#github is becoming more progressive every day 😅

Angular-Buch → Angular Signal Forms Part 1: Getting Started with the Basics 📙 Angular introduces Signal Forms with Version 21.0.0-next.2, an experimental but promising approach to form handling that leverages Angular's reactive Signal primitive. This new API offers a decl...

Part 1:
angular-buch.com/blog/2025-10...

Part 2:
angular-buch.com/blog/2025-10...

Part 3:
angular-buch.com/blog/2025-10...

Creating complex, flexible, and dynamic forms and form components has never been easier and straightforward than Angular's latest form approach. 🔥

📝 All three parts of @fmalcher.de and my series about #Angular Signal Forms are now available!

Part 1
⚡️Signal-based form models
📋 The field directive
✅ Schema validation

Part 2
🧐 Custom & Cross-Field Validators
❓Conditional Validation
⏱️ Async Validation

Part 3
👶 Child Forms
⚙️ Custom UI Controls

Angular-Buch → Angular Signal Forms Part 3: Child Forms and Custom UI Controls 📙 We covered fundamentals and advanced validation patterns of Signal Forms in Part 1 and Part 2 of this blog series. In this final part, we'll explore two specialized topics that are relevant for ...

📝Neu im Blog: #Angular Signal Forms – Teil 3 unserer englischsprachigen Artikelserie von @k9n.dev und @fmalcher.de ⚡️

Es geht um modulare und wiederverwendbare Formulare mit 👶 Child Forms und ⚙️Custom UI Controls!

angular-buch.com/blog/2025-10...

Angular-Buch → Angular Signal Forms Part 2: Advanced Validation and Schema Patterns 📙 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 f...

📝 New Blog Post: #Angular Signal Forms – Advanced Validation and Schema Patterns

In Part 2 of our blog series we learn about schema validation with Signal Forms:
✅ Custom Validators
❌ Cross-Field Validation
❓Conditional Validation
⏱️ Async Validation

👉 angular-buch.com/blog/2025-10...

Folge 282 - Barrierefreiheit in Web-Projekten – Von der Architektur bis zur Implementierung | Software Architektur im Stream Ralf diskutiert mit Danny Koppenhagen und Maximilian Franzke Barrierefreiheit nicht nur bezüglich Software-Architektur

Barrierefreiheit in Web-Projekten – Von der Architektur bis zur Implementierung
mit Maximilian Franzke, Danny Koppenhagen @k9n.dev , Ralf D. Müller @ralfdmueller.bsky.social
Aufnahme (#Video / #Podcast) verfügbar!
#SoftwareArchitektur im #Stream

Angular-Buch → Angular Signal Forms Part 1: Getting Started with the Basics 📙 Angular introduces Signal Forms with Version 21.0.0-next.2, an experimental but promising approach to form handling that leverages Angular's reactive Signal primitive. This new API offers a decl...

📝 Blogged: #Angular Signal Forms – Getting Started

This is part 1 of our blog series we cover the fundamentals to get started with Angular's new reactive form library:
- Signal-based form models
- new Control directive
- Schema-based validation

👉 angular-buch.com/blog/2025-10...

Folge 282 - Barrierefreiheit in Web-Projekten – Von der Architektur bis zur Implementierung | Software Architektur im Stream Ralf diskutiert mit Danny Koppenhagen und Maximilian Franzke Barrierefreiheit nicht nur bezüglich Software-Architektur

Heute waren Maximilian und ich zu Gast bei Software-Architektur im Stream. 📺
Wir haben über #Barrierefreiheit im Web gesprochen und darüber, was es alles bei der Umsetzung und Architektur zu beachten gibt.

Die Aufzeichnung gibt’s auf:
software-architektur.tv/2025/10/10/f...

#a11y #accessibility

Am Freitag sind Maximilian und ich um 13:00 Uhr im Live-Stream (software-architektur.tv) und reden über #Barrierefreiheit (#a11y) im Web.
Ich freue mich schon auf spannende Fragen und Diskussionen.

Pico CSS • Minimal CSS Framework for semantic HTML Minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default.

Are you looking for a lightweight CSS framework with #a11y and semantics in mind? Check out #picocss which brings you simple beautiful styling without adding tons of wrappers or utility classes to your markup.
picocss.com

OutHorse Your Email Hoof it out of the office and experience the ultimate digital detox in Iceland by ‘outhorsing’ your email. Trade screen time for unforgettable Icelandic adventures, reconnect with nature, and let the ...

This is one of the greatest ideas I’ve heard of:

> Disconnect from work and let the #horses of #Iceland reply to your #emails while you are on vacation. (Seriously)

www.visiticeland.com/outhorse-you...

A real horse will compose an email by using a giant keyboard. Such a brilliant idea.
🐴 + ⌨️ = 📧

Angular.Schule → Generating Angular API clients with OpenAPI Generator 🚀 In this article, we'll show how to use OpenAPI Generator to automatically generate Angular HTTP services from your OpenAPI spec.

New 🅰️ #Angular article! Tired of writing backend services by hand? Generate fully-typed Angular API clients with OpenAPI generator, fast and reliable!

✅ Uses the new provideApi() syntax
✅ Bonus: toSignal() and rxResource() examples

angular.schule/blog/2025-06...
#OpenAPI #Swagger

Angular.Schule → Angular 20 is here! 🚀 Everything new comes in May - or at least a new major version of Angular: On May 28, 2025, Angular 20 was released! You can find the release information directly from the Angular team in the officia...

🅰️ #Angular 20 is here! 🚀
All news in the blog:

🛠️ New coding style guide: No more component suffixes
👀 Zoneless Developer Preview
👋 Farewell to *ngIf, *ngFor, *ngSwitch
⚡️ Stable signal APIs: effect(), linkedSignal(), toSignal()
🔁 New resource API: httpResource()

angular.schule/blog/2025-05...

Angular-Buch → Angular 20 ist da! 📙 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...

🅰️ #Angular 20 ist da! 🚀
Alle News im Blog:

🛠️ Neuer Coding Style Guide: Keine Component-Suffixe mehr
👀 Zoneless Developer Preview
👋 Abschied von *ngIf, *ngFor, *ngSwitch
⚡️ Stabile Signal-APIs: effect(), linkedSignal(), toSignal()
🔁 Neue Resource-API: httpResource()

angular-buch.com/blog/2025-05...