Frontend

Vertel over SSR, CSR en SSG — wat is het verschil?

Wat is gRPC en waar wordt het voor gebruikt?

Vertel over architecturale benaderingen: FSD, modulaire monoliet. Welke architectuur kies je voor een kleine MVP?

Hoe verwerk je een lange asynchrone operatie aan de clientzijde (bestandscontrole op virussen, tot een uur)?

Wat zijn Pick en Omit in TypeScript?

Wat zijn keyof en typeof in TypeScript?

Wat gebeurt er qua reflow en repaint bij display:none vs visibility:hidden?

// Wat wordt er in de console weergegeven ? 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);

Verschuift het wijzigen van een privé-methode het Open/Closed-principe?

```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 ```

Welke authenticatie- en autorisatieprotocollen ken je? Vertel over JWT.

Wat is het verschil tussen REST en GraphQL?

HTTP-statuscodes: wat betekenen 401, 403, 500, 200, 201?

Welke CSS-eigenschappen veroorzaken alleen Repaint en welke veroorzaken Reflow/Layout?

Vertel me over de SOLID-principes

Welke soorten aanvallen op de frontend ken je? Hoe bescherm je jezelf?

Waar kunnen gegevens aan de clientzijde in de browser worden opgeslagen?

Wat is het verschil tussen objectgeoriënteerd programmeren en functioneel programmeren? Wat is een pure functie?

// Hoe kan deze asynchrone code in een lus worden geoptimaliseerd zodat de beloftes asynchroon worden uitgevoerd async function processItems() { const items = [1, 2, 3]; for (const item of items) { await new Promise((resolve) => setTimeout(resolve, 100)); console.log(item); } } processItems();

Wat is het verschil tussen een pijlfunctie en een gewone functie in JavaScript?