Frontend

Peux-tu expliquer la différence entre SSR, CSR et SSG?

Qu'est-ce que gRPC et à quoi sert-il?

Parlez-moi des approches architecturales : FSD, monolitique modulaire. Quelle architecture choisir pour un petit MVP ?

Comment gérer une opération asynchrone longue côté client (vérification de fichiers contre les virus, jusqu'à une heure) ?

Que se passe-t-il en termes de reflow et de repaint avec display:none vs visibility:hidden?

Qu'est-ce que keyof et typeof en TypeScript ?

Qu'est-ce que Pick et Omit dans TypeScript ?

La modification d'une méthode privée viole-t-elle le principe Ouvert/Fermé?

// Que sera affiché dans la console ? 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);

Quelle est la différence entre REST et GraphQL?

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

Quels protocoles d'authentification et d'autorisation connais-tu ? Parle du JWT.

Codes d'état HTTP : que signifient 401, 403, 500, 200, 201 ?

Quelles propriétés CSS provoquent uniquement Repaint et lesquelles provoquent Reflow/Layout?

Parlez-moi des principes SOLID

Quels types d'attaques en frontend connais-tu ? Comment se protéger ?

Où peut-on stocker des données côté client dans le navigateur?

Quelle est la différence entre une fonction fléchée et une fonction normale en JavaScript?

Quelle est la différence entre la programmation orientée objet et la programmation fonctionnelle ? Qu'est-ce qu'une fonction pure ?

// Comment peut-on optimiser ce code asynchrone dans une boucle pour que les promesses s'exécutent de manière asynchrone async function processItems() { const items = [1, 2, 3]; for (const item of items) { await new Promise((resolve) => setTimeout(resolve, 100)); console.log(item); } } processItems();