Abfrage Polling
Das Abfragen wiederholt ein Lesen in einem Timer, um auf Änderungen zu prüfen. Das Intervall kann sich anpassen, pausieren oder stoppen, wenn die Arbeit abgeschlossen ist.
↗Lerne die Teile, die zum Aufbau des Webs verwendet werden, und die Tests, die zeigen, ob sie gut funktionieren.
Einen Begriff öffnen für eine einfache Bedeutung, ein Beispiel, wann er verwendet wird, wie offiziell er ist und seinen Codenamen.
Das Abfragen wiederholt ein Lesen in einem Timer, um auf Änderungen zu prüfen. Das Intervall kann sich anpassen, pausieren oder stoppen, wenn die Arbeit abgeschlossen ist.
↗Die Abfrage-Invalidierung markiert übereinstimmende zwischengespeicherte Daten als veraltet. Verwandte Daten, die auf dem Bildschirm angezeigt werden, können dann im Hintergrund aktualisiert werden.
↗Die Anforderungs-Deduplizierung ermöglicht es übereinstimmenden Anrufern, eine bereits laufende Anfrage zu teilen. Jeder Anrufer erhält dasselbe Ergebnis.
↗Ein Anforderungsabbruch gibt an, dass unvollendete Client-Arbeiten nicht mehr benötigt werden. Unterstützte APIs erhalten ein Abbruchs-Signal.
↗Ein asynchrones Rennen tritt auf, wenn sich überschneidende Aufgaben in unerwarteter Reihenfolge abschließen. Ein älteres Ergebnis kann ein neueres überschreiben.
↗Dieses Lernpaket verbindet drei Qualitätsbereiche. Barrierefreiheit prüft, wer das Produkt nutzen kann. Leistung prüft Reaktionsgeschwindigkeit und Ressourcenkosten. Beobachtbarkeit hilft, ein laufendes System zu erklären. Das Paket ist keine standardisierte Qualitätsmetrik.
↗Barrierefreiheitstest verwendet Werkzeuge und Personen, um zu prüfen, ob Inhalte und Steuerelemente den Barrierefreiheitsanforderungen entsprechen. Dazu gehört auch das Testen mit Tastaturen und Hilfstechnologien.
↗Ein Build macht aus Quelldateien und aufgelisteten Abhängigkeiten eine geprüfte Ausgabe, die man ausführen, testen oder ausliefern kann.
↗Client-seitiges Rendering (CSR) bedeutet, dass der Browser den Großteil des App-Bildschirms erstellt, nachdem JavaScript und die benötigten Daten angekommen sind.
↗Core Web Vitals ist Googles Satz von Echtbenutzer-Messungen für Seitenladen, Reaktion auf Eingabe und visuelle Stabilität. Die aktuellen Messgrößen sind LCP, INP und CLS.
↗CSS ist eine Sammlung von Webregeln, die steuern, wie Dokumentelemente aussehen und zusammenpassen. Es kann Farbe, Abstand, Layout, Änderungen der Bildschirmgröße und visuelle Zustände festlegen.
↗Der Datenabruffluss folgt einer Leseanfrage. Er bewegt sich vom Warten zum Erfolg oder Fehler. Erfolg kann Daten enthalten oder leer sein.
↗Eine Datenänderung erstellt, ändert oder entfernt Server-Daten. Der Bildschirm verfolgt ihr ausstehendes und endgültiges Ergebnis.
↗Datenvorabruf lädt vermutlich benötigte Daten, bevor der Bildschirm geöffnet wird. Ein frisch gecachter Ergebniswert kann den nächsten Bildschirm schneller machen.
↗Das Document Object Model (DOM) wandelt ein Dokument in einen Baum von Objekten namens Knoten um. Programme verwenden seine Standardwerkzeuge, um das Dokument zu lesen und zu ändern.
↗Dieses Lernpaket vergleicht drei Testbereiche. Unit-Tests prüfen die Logik für sich allein. Integrationstests prüfen die Grenzen zwischen den Teilen. End-to-End-Tests laufen durch das System, das Menschen verwenden. Das Paket ist kein einzelnes Standard-Testniveau.
↗Ein End-to-End (E2E) Test folgt einer vollständigen Benutzer- oder Geschäftsreise durch das zusammengebaute und bereitgestellte System.
↗Eine Fehlergrenze fängt einen Bildschirmabsturz in einem Teilbaum einer Komponente ab. Sie zeigt dort einen sicheren Ersatz an.
↗Dieses Lernpaket verbindet drei Browser-Technologien. HTML gibt einem Dokument Bedeutung. CSS steuert, wie es aussieht. JavaScript oder TypeScript fügt Verhalten hinzu. Diese Systemansicht ist keine standardmäßige Technologie.
↗Die Frontend-Zustandsverwaltung entscheidet, was ein Bildschirm speichert, wo diese Daten abgelegt werden und was sie ändern kann.
↗HTML ist die standardisierte Auszeichnungssprache, die einer Webseite ihre Bestandteile und Bedeutung verleiht. Sie sagt dem Browser, was eine Überschrift, ein Link, ein Bild, ein Formular und mehr ist.
↗Hydration verbindet das Verhalten des Browsers und den Zustand mit HTML, das ein Server oder Build bereits erstellt hat. Dies verwandelt ausgewählte Teile der Seite in interaktive Steuerelemente.
↗Ein Integrationstest überprüft, ob zwei oder mehr Teile eines Systems über ihre echten Verbindungspunkte zusammenarbeiten.
↗JavaScript ist eine Programmiersprache, die auf dem ECMAScript-Standard basiert. Sie wird oft verwendet, um Websites und andere Programme auf Aktionen reagieren zu lassen und im Laufe der Zeit zu ändern.
↗Ein Komponententest platziert einen Schnittstellenbestandteil in einem echten Renderingbereich. Er gibt dem Bestandteil kontrollierte Eingaben und Daten und überprüft dann sein Verhalten.
↗Lasttests prüfen die Geschwindigkeit und Zuverlässigkeit eines Systems unter geplantem Verkehr. Der Plan legt die Anzahl und das Muster von Benutzern, Anfragen oder Jobs fest.
↗Ein Performance-Budget ist ein vor Beginn der Arbeit festgelegtes Limit für Dateigröße, Timing oder Benutzererfahrung. Es hilft, Design- und Codeentscheidungen zu leiten.
↗Lint überprüft Code, ohne ihn auszuführen. Es findet wahrscheinliche Fehler, unsichere Muster, Stilprobleme und gebrochene Projektregeln.
↗Lokal-vorrangige Synchronisation behält eine Arbeitskopie auf dem Gerät. Menschen können offline lesen und schreiben und dann Änderungen mit Kopien auf anderen Geräten zusammenführen.
↗Markdown formatiert Klartext mit kleinen Markierungen. Diese Markierungen erzeugen Überschriften, Listen, Links und Codeblöcke.
↗Ein Modul-Bundler folgt den Verbindungen zwischen Code-Modulen und macht Dateien bereit für die Bereitstellung. Er teilt diese Dateien oft auf, ändert sie und verbessert sie.
↗Next.js ist ein Framework, das auf React aufgebaut ist. Es fügt Routing, Server- und Browser-Rendering, Datenladen, Asset-Optimierung und Bereitstellungsregeln hinzu.
↗npm ist ein JavaScript-Paket-Register und ein Befehlszeilen-Tool. Es installiert, listet und veröffentlicht Pakete und führt Projektskripte aus.
↗Observability-Signale sind Beweise, die ein System über sein eigenes Verhalten sendet. Häufige Signale sind Traces, Metriken, Logs und Baggage, das kleine Kontexte zwischen Diensten überträgt.
↗Optimistische Benutzeroberfläche zeigt das erwartete Ergebnis, bevor der Server es bestätigt. Bei einem Fehler wird das alte Ergebnis wiederhergestellt und erklärt, was passiert ist.
↗Ein Paketmanager findet, installiert, protokolliert, aktualisiert und veröffentlicht Softwarepakete sowie die Pakete, von denen sie abhängen.
↗Python ist eine universelle Programmiersprache mit lesbarem Code. Ihre Werkzeuge decken Webdienste, Automatisierung, Daten und maschinelles Lernen ab.
↗Ein Smoke Test ist eine kleine, schnelle Testreihe. Er zeigt, ob ein Build tiefergehende Tests oder Nutzung verträgt.
↗React ist eine JavaScript-Bibliothek für komponentenbasierte Schnittstellen. Daten-, Props- oder Statusänderungen können den Bildschirm aktualisieren. Es ist nicht ReAct.
↗Ein Regression Test prüft, ob eine spätere Code-Änderung kein Verhalten kaputt gemacht hat, das vorher funktionierte.
↗Semantische Versionierung (SemVer) verwendet MAJOR.MINOR.PATCH-Nummern, um zu zeigen, wie sich eine öffentliche API geändert hat. Sie legt auch Regeln für Pre-Release- und Build-Labels fest.
↗Serverseitiges Rendering (SSR) erstellt HTML auf einem Server für jede Anfrage und sendet dann die fertige Seite an den Browser. Das Verhalten des Clients kann später hinzugefügt werden.
↗Serverstatus sind entfernte Daten, die der Server besitzt. Der Bildschirm behält eine Kopie und muss sie aktualisieren.
↗shadcn/ui gibt Anwendungen bearbeitbaren UI-Komponentenquellcode. Es kombiniert oft zugängliche Basiskontrollen mit Tailwind CSS.
↗Sicherheitstests verwenden einen klaren Plan, um Sicherheitsregeln zu überprüfen und Schwachstellen zu finden, die Angreifer ausnutzen könnten. Sie decken Design, Code, Einstellungen und Systembetrieb ab.
↗Stale-while-revalidate kann einen zulässigen veralteten Cache sofort anzeigen, während im Hintergrund nach einer frischen Antwort gesucht wird.
↗Statische Seitengenerierung (SSG) erstellt das HTML jeder Route, bevor Besucher danach fragen, normalerweise während eines Builds. Der Server kann dann fertige Dateien senden.
↗SEO hilft nützlichen öffentlichen Seiten, gefunden und verstanden zu werden. Es sorgt auch dafür, dass sie leicht durchsuchbar und indexierbar bleiben.
↗Tailwind CSS ist ein Utility-First CSS-Framework. Kleine Klassen in HTML wenden gemeinsame Designwerte und Varianten an.
↗Ein Terminal ist ein Textfenster für eine Kommando-Shell und Werkzeuge. Es kann Dateien prüfen, Befehle ausführen und Arbeit automatisieren.
↗Ein Test Double vertritt ein echtes Systemteil. Stubs, Fakes, Spies und Mocks geben Kontrolle oder Sichtbarkeit.
↗Testabdeckung zeigt, welche Code-, Bedarfs-, Status- oder Risikofälle Tests prüfen. Ein Prozentsatz ist nur ein grobes Anzeichen.
↗Testdaten und Fixtures sind bekannte Eingaben und Einrichtungsschritte. Sie bringen das System für jeden Test in denselben Zustand.
↗Ein Test Case prüft ein Verhalten oder Risiko. Es nennt das Start-Setup, die Aktion und das erwartete Ergebnis.
↗Testgetriebene Entwicklung (TDD) wiederholt drei Schritte. Schreibe einen kleinen fehlschlagenden Test. Schreibe den minimalen Code, der besteht. Dann säubere den Code, ohne seine Funktionsweise zu ändern.
↗Ein Transpiler ist ein Compiler, der Quellcode von einer Sprachversion oder Syntax in anderen Quellcode umwandelt.
↗Ein Unit-Test überprüft ein kleines Stück Software für sich allein. Langsame oder unzuverlässige externe Systeme werden vom Test ausgeschlossen.
↗Ein Flaky Test kann ohne Code-Änderung funktionieren oder fehlschlagen. Timing, Reihenfolge, geteilter Status, Zufall oder fremde Systeme sind oft die Ursache.
↗Vertragstests prüfen, ob zwei Systeme, die separat bereitgestellt werden können, weiterhin Nachrichten im vereinbarten Format austauschen.
↗Ein visueller Regressions-Test vergleicht das heute gerenderte Bild mit einem genehmigten Referenzbild unter denselben Browser-Bedingungen.
↗Vue ist ein JavaScript-Framework für Komponentenoberflächen. Seine Vorlagen beschreiben den Bildschirm und reaktive Daten aktualisieren ihn.
↗