Sechszig Frontend-Interview-Fragen, jede mit einer dreisätzigen Antwort, einem ausführbaren Snippet, warum Interviewer sie stellen, und den anschließenden Fallen, die nach einer richtigen ersten Antwort auftreten.

45 Seiten auf DIN A4, 47 Seiten auf US Letter, plus derselbe Inhalt als eine Markdown-Datei zum Lesen und Suchen unterwegs auf dem Handy. Sieben Kapitel, gewichtet wie echte Schleifen laufen: JavaScript-Kern (12), CSS und Layout (10), DOM und Browser (8), React (10), Performance (8), Networking und Security (7), Testing und Tooling (5).

Themen decken Mikrotask-Reihenfolge, Closures in der var- und let-Schleifen, Prototyp-Lookup, Typumwandlung, sequentiell versus parallel await, Debounce und Throttle, Spezifitätsrechnung, Stacking-Kontexte, Margin-Collapse, Auto-Vervollständigung versus Auto-Anpassung, Event-Delegation, Reflow-Kosten, Listenschlüssel und verlorener Zustand, Timings der Effektbereinigung, useReducer von Grund auf neu geschrieben, Kontext-Neurendering-Kosten, lange Tasks und INP, Hero-Bytes und LCP, CLS und Aspect-Ratio, CORS Preflight-Regeln, reflektiertes versus gespeichertes XSS, Lesen eines JWT ohne Verifikation, CSP, SameSite, Token-Speicherung, HTTP-Caching und Fake-Timer.

Sechszig Codeblöcke, 8 bis 23 Zeilen jeweils, insgesamt 857 Zeilen. 36 laufen zur Build-Zeit unter Node, Ausgaben mit dem erwarteten Wert verglichen (36 bestanden, 0 fehlgeschlagen). Die anderen 24 benötigen einen Browser, eine CSS-Engine oder React und sind zum manuellen Prüfen gekennzeichnet. Jeder Block endet mit der Ausgabe, die er drucken sollte.

Regeln:
- Übersetze die DESKRIPTIVEN Wörter des Titels. Lasse ein Token im Englischen nur dann, wenn es sich um ein tatsächliches Markenzeichen oder eine erfundene Marke, einen veröffentlichten Titel oder ein technisches Format wie PDF oder SVG handelt.
- Ein Titel, der aus gewöhnlichen Wörtern besteht und das Item beschreibt („Sommerdrucke“, „Sofortiger Download“) ist KEIN Brand — übersetze ihn.
- Gib NAME NICHT unverändert zurück, es sei denn, jeder seiner Tokens ist einer der obigen Punkte.
- Behalte alle HTML-Tags und die Struktur in der Beschreibung bei
- Behalte technische Begriffe in ihrer allgemein gebräuchlichen Form in der Zielsprache
- Behalte Tonfall und Stil bei