Seite 7 - Monthly Archives: January 2025

TypeScript leitet die meisten Typen automatisch aus Literalen, Rückgabewerten und dem umgebenden Kontext ab, ohne dass Entwickler jede Variable manuell annotieren müssen. Dieser Artikel zeigt, wie die Inferenz-Engine des Compilers tatsächlich arbeitet, wann automatisch abgeleitete Typen ausreichen und wann explizite Annotationen die Codequalität und Wartbarkeit spürbar verbessern.

Ein Toast, der lautlos erscheint und wieder verschwindet, existiert für Screenreader Nutzer schlicht nicht. ARIA Live Regions lösen dieses Problem: Mit aria-live, role status und aria-atomic werden dynamische Inhalte in Tailwind CSS Anwendungen zuverlässig angekündigt, ohne den Lesefluss zu stören.

NULL-Werte in Aggregatfunktionen werden von COUNT, SUM und AVG unterschiedlich behandelt, und genau diese Unterschiede führen regelmäßig zu falschen Durchschnittswerten und missverständlichen Reports. Dieser Artikel erklärt, warum COUNT(*) und COUNT(spalte) verschiedene Ergebnisse liefern, wie AVG durch NULL verzerrt werden kann, und wie COALESCE, NULLIF und bewusstes GROUP BY das NULL-Verhalten gezielt steuern.

Visual-Regression-Tests versprechen, jede unbeabsichtigte optische Änderung an einer Seite zuverlässig aufzudecken, indem ein aktueller Screenshot automatisiert mit einer gespeicherten Referenzaufnahme verglichen wird. In der praktischen Anwendung zeigt sich jedoch schnell, dass der zugrunde liegende Diffing-Algorithmus über Erfolg oder Misserfolg dieses Ansatzes entscheidet: Ein zu einfacher, strikter Pixel-für-Pixel-Vergleich meldet bei jedem Testlauf Dutzende belangloser Abweichungen durch Anti-Aliasing und Sub-Pixel-Rendering, während ein zu großzügiger Vergleich echte, relevante Regressionen unbemerkt durchwinkt.

Kaum ein Konzept in JavaScript sorgt so häufig für Verwirrung wie die this-Bindung. Eine Methode funktioniert im direkten Aufruf einwandfrei und liefert als Callback plötzlich undefined. Dieser Artikel zeigt, wo die this-Bindung typischerweise kippt, wie man es systematisch debuggt und welche Lösung in welcher Situation wirklich passt.

Tailwind CSS und Bootstrap 5 verfolgen fundamental unterschiedliche Philosophien. Welches passt zu eurem Projekt, Team und Wartungsaufwand? Dieser Vergleich zeigt die echten Unterschiede – ohne Marketing, mit konkreten Code-Gegenüberstellungen.

Wer document.querySelector Ergebnisse pauschal mit as any oder as HTMLInputElement erzwingt, verliert genau die Typsicherheit, die TypeScript eigentlich verspricht. Dieser Artikel zeigt, wie DOM-Elemente, Events, Formulare und Custom-Data-Attribute mit den eingebauten lib.dom.d.ts Typen, echten Null-Prüfungen, sauberen Type Guards und typisierten Event-Listenern korrekt abgesichert werden, damit der Compiler echte Fehler findet statt sie mit any zu verstecken.

Ein Formular-Fehler, eine neue Toast-Nachricht oder ein aktualisierter Warenkorb-Zähler bleiben für Screenreader-Nutzer unsichtbar, solange React den DOM nur visuell aktualisiert. Eine ARIA Live Region schließt diese Lücke, indem sie Änderungen aktiv ankündigt, ohne den Tastaturfokus zu verschieben oder laufende Eingaben zu unterbrechen.

Solange der Tailwind-Production-Build manuell über bin/npm run build auf dem Rechner eines einzelnen Entwicklers läuft, hängt das Ergebnis von lokal installierten Node-Versionen, vergessenen Zwischenständen und der Tagesform der jeweiligen Person ab. Dieser Artikel zeigt, wie sich der Build als eigene, reproduzierbare CI-Stage einrichten lässt, wie ein Build-Cache Pipeline-Läufe spürbar beschleunigt und wie sich fehlerhafte Tailwind-Klassen bereits vor dem Deployment automatisiert erkennen lassen.

Image Scanning prüft jede Ebene eines Docker-Images gegen Datenbanken bekannter Schwachstellen, bevor ein Container überhaupt startet. Trivy und Grype sind die beiden am weitesten verbreiteten Open-Source-Scanner dafür, unterscheiden sich aber in Datenbankquellen, Geschwindigkeit und Zusatzfunktionen wie SBOM-Erzeugung und IaC-Prüfung deutlich genug, um die Wahl bewusst zu treffen.