Frontend

Beszélj az SSR-ről, CSR-ről és SSG-ről — mi a különbség?

Mi az a gRPC és mire használják?

Beszélj az architekturális megközelítésekről: FSD, moduláris monolit. Milyen architektúrát válassz egy kis MVP-hez?

Hogyan kezeljük a kliens oldali hosszú aszinkron műveletet (fájlok vírusellenőrzése, akár egy óráig)?

Mi az a keyof és a typeof a TypeScript-ben?

Mi történik reflow és repaint szempontjából a display:none vs visibility:hidden esetén?

Mi az a Pick és Omit a TypeScript-ben?

Sért-e a privát metódus módosítása az Open/Closed elvet?

// Mit ír ki a konzol ? 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 ```

Milyen hitelesítési és jogosultsági protokollokat ismersz? Mesélj a JWT-ről.

HTTP státuszkódok: mit jelentenek az 401, 403, 500, 200, 201?

Mi a különbség a REST és a GraphQL között?

Mely CSS tulajdonságok okoznak csak Repaint-ot, és melyek okoznak Reflow/Layout-ot?

Mesélj a SOLID elvekről

Milyen típusú támadásokat ismersz a frontendnél? Hogyan védekezel?

Hol tárolhatók adatok a böngészőben az ügyfél oldalon?

Mi a különbség az objektumorientált és a funkcionális programozás között? Mi az a tiszta függvény?

Mi a különbség a nyílfüggvény és a normál függvény között JavaScriptben?

Hogyan működik a refresh token mechanizmus?