Frontend

Erkläre den Unterschied zwischen SSR, CSR und SSG.

Was ist gRPC und wofür wird es verwendet?

Erzählen Sie mir von architektonischen Ansätzen: FSD, modulare Monolith. Welche Architektur sollte für ein kleines MVP gewählt werden?

Wie verarbeitet man eine lange asynchrone Operation auf dem Client (Datei-Scan auf Viren, bis zu einer Stunde)?

Was passiert in Bezug auf Reflow und Repaint bei display:none vs visibility:hidden?

Was sind Pick und Omit in TypeScript?

Was sind keyof und typeof in TypeScript?

Verletzt die Änderung einer privaten Methode das Open/Closed-Prinzip?

// Was wird in der Konsole ausgegeben? const p1 = Promise.resolve(1); const p2 = new Promise((_, reject) => setTimeout(() => reject("Error"), 100)); const p3 = Promise.resolve(3); Promise.all([p1, p2, p3]) .then(console.log) .catch(console.error); Promise.allSettled([p1, p2, p3]).then(console.log);

```javascript console.log("Start"); setTimeout(() => { console.log("Timeout 1"); Promise.resolve().then(() => console.log("Promise inside Timeout")); }, 0); Promise.resolve() .then(() => { console.log("Promise 0"); setTimeout(() => console.log("Timeout inside Promise"), 0); }) .catch(() => console.log("Promise 1")) .then(() => console.log("Promise 2")); function foo() { Promise.resolve().then(() => { console.log("Promise 3"); foo(); }); } foo(); requestAnimationFrame(() => { console.log("RequestAnimationFrame"); }); console.log("End"); // Start // END // "Promise 0" // Promise 2 // // Timeout 1 // Promise inside Timeout // RequestAnimationFrame // Timeout inside Promise ```

Welche Authentifizierungs- und Autorisierungsprotokolle kennst du? Erzähl mir von JWT.

HTTP-Statuscodes: Was bedeuten 401, 403, 500, 200, 201?

Was ist der Unterschied zwischen REST und GraphQL?

Welche CSS-Eigenschaften verursachen nur Repaint, und welche verursachen Reflow/Layout?

Erzählen Sie mir von den SOLID-Prinzipien

Welche Arten von Angriffen im Frontend kennst du? Wie kann man sich schützen?

Wo können im Browser Daten auf dem Client gespeichert werden?

Was ist der Unterschied zwischen objektorientierter Programmierung und funktionaler Programmierung? Was ist eine reine Funktion?

// Wie kann man diesen asynchronen Code in einer Schleife optimieren, damit die Promises asynchron ausgeführt werden async function processItems() { const items = [1, 2, 3]; for (const item of items) { await new Promise((resolve) => setTimeout(resolve, 100)); console.log(item); } } processItems();

Was ist der Unterschied zwischen einer Pfeilfunktion und einer normalen Funktion in JavaScript?