Frontend

Μίλησε για SSR, CSR και SSG — ποια είναι η διαφορά;

Τι είναι το gRPC και ποιος είναι ο σκοπός του;

Μίλησε για αρχιτεκτονικές προσεγγίσεις: FSD, αρθρωτό μονολίθο. Ποια αρχιτεκτονική να επιλέξετε για ένα μικρό MVP;

Πώς να χειριστείτε μια μακρά ασύγχρονη λειτουργία στον πελάτη (έλεγχος αρχείων για ιούς, μέχρι μία ώρα);

Τι είναι το keyof και το typeof στο TypeScript;

Τι είναι τα Pick και Omit στο TypeScript;

Τι συμβαίνει σε όρους reflow και repaint με display:none vs visibility:hidden;

Παραβιάζει η αλλαγή μιας ιδιωτικής μεθόδου την αρχή Ανοιχτό/Κλειστό;

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

// Τι θα εμφανιστεί στην κονσόλα ; 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);

Ποια πρωτόκολλα αυθεντικοποίησης και εξουσιοδότησης γνωρίζεις; Μίλησε για το JWT.

Κωδικοί κατάστασης HTTP: τι σημαίνουν 401, 403, 500, 200, 201;

Ποια είναι η διαφορά μεταξύ REST και GraphQL;

Ποιες ιδιότητες CSS προκαλούν μόνο Repaint και ποιες προκαλούν Reflow/Layout;

Μίλησέ μου για τις αρχές SOLID

Πού μπορεί να αποθηκευτούν δεδομένα στον πελάτη στον browser;

Τι είδη επιθέσεων στο frontend γνωρίζεις; Πώς προστατεύεσαι;

Ποια είναι η διαφορά μεταξύ αντικειμενοστραφούς προγραμματισμού και λειτουργικού προγραμματισμού; Τι είναι μια καθαρή συνάρτηση;

Ποια είναι η διαφορά μεταξύ μιας βελόνας και μιας κανονικής λειτουργίας στη JavaScript;

Πώς λειτουργεί ο μηχανισμός refresh token;