Frontend

Σύνθετα συστατικά + React Context → μετάδοση του formEntity μέσω του παρόχου στο Form και κατανάλωση στο FormItem. Το Form περικλείει τα παιδιά του σε FormContext.Provider, και το FormItem χρησιμοποιεί cloneElement για να εισάγει την τιμή και το onChange στο Input. Παγίδα: βεβαιωθείτε ότι το FormItem μεταβιβάζει το όνομα στον χειριστή ενημέρωσης. ```javascript const Form = ({ children, formEntity }) => ( <FormContext.Provider value={formEntity}>{children}</FormContext.Provider> ); const FormItem = ({ name, children }) => { const { state, handlers } = useContext(FormContext); return React.cloneElement(children, { value: state[name], onChange: (e) => handlers.updateValues({ name, value: e.target.value }), }); }; ```

Ποια είναι η διαφορά μεταξύ των οδηγιών v-if και v-show;

Αν δηλώσεις μια λειτουργία και μετά μια μεταβλητή — θα είναι προσβάσιμη μέσα στη λειτουργία; Εξήγησε το hoisting των μεταβλητών και την προσωρινή νεκρή ζώνη.

Πώς θα διαιρούσατε την κατάσταση του διακομιστή και του πελάτη;

Αναφέρατε την ανάπτυξη μιας βιβλιοθήκης επαναχρησιμοποιήσιμων συστατικών UI-kit βασισμένης στο Angular Material. Υπάρχει θεμελιώδης διαφορά μεταξύ των συστατικών της βιβλιοθήκης και των συστατικών πολλαπλών λειτουργιών της εφαρμογής; Τι μπορεί να παραλειφθεί στα συστατικά της εφαρμογής, αλλά όχι σε αυτά της βιβλιοθήκης;

Middle

Госуслуги

Είσαι εξοικειωμένος με την έννοια του «ακορντεόν»; Πώς μπορείς να υλοποιήσεις αυτό το συστατικό χωρίς JavaScript;

Πώς υλοποιείται η αρχή της Αντιστροφής Εξαρτήσεων στο Angular; Τι είναι ένα InjectionToken;

Αναφέρετε τα hooks του React με τα οποία έχετε εργαστεί. Εξηγήστε τη θεμελιώδη διαφορά μεταξύ useState και useRef.

Μπορείτε να απαριθμήσετε όλες τις τεχνικές λύσεις σε αυτό το πρόβλημα (εκτός από την αντικατάσταση του πεδίου με ένα σήμα);

/* Τι θα εμφανιστεί στην κονσόλα */ async function f() { console.log(1); const promise = new Promise((resolve) => { console.log(2); setTimeout(() => { console.log(3); resolve("έτοιμο!"); console.log(4); }); }); console.log(5); const result = await promise; console.log(6); console.log(result); return "Αποτέλεσμα"; } f(); console.log(7);

Σε ποια ομάδα εργάζεστε και σε ποιο έργο;

Το SSG δημιουργείται κατά τη διάρκεια της κατασκευής, το SSR κατά τη διάρκεια του αιτήματος. Πότε θα χρησιμοποιούσες τι; Τι είναι το ISR;

Γιατί χρησιμοποίησες το computed για το φιλτράρισμα των τιμολογίων, αντί για συνηθισμένες μεταβλητές ή συναρτήσεις;

Middle+

Рунити

Συμπληρώστε τη μήτρα 5×5 με μοναδικούς τυχαίους ακέραιους αριθμούς από 0 έως 1000.

Γιατί τα λάθη στη λειτουργία any δεν μπορούν να προστεθούν μέσω push, αλλά πρέπει να γραφούν με δείκτη;

Middle+

Яндекс 360

Με ποια πρωτόκολλα επικοινωνούσε η εφαρμογή σου με το backend;

Middle+

Альфа-Банк

Λαμβάνεις μια εργασία: μετά από 10-15 λεπτά εργασίας, η σελίδα αρχίζει να καθυστερεί πολύ, πρέπει να διορθωθεί. Ποια θα είναι τα πρώτα σου βήματα;

Εργασία: Δημιουργήστε μια σελίδα με έναν πολυλειτουργικό πίνακα κρυπτονομισμάτων. Πρέπει να συνδεθείτε με το API και να εμφανίσετε τη λίστα των νομισμάτων στον πίνακα. Ελάχιστες απαιτήσεις: Προϊόν από το μηδέν Μόνο Typescript Σύνδεση με το API Ταξινόμηση κατά τιμές στην στήλη Αναζήτηση κατά τιμές στα κελιά (λειτουργεί με την αρχή του λογικού AND) Πρόσθετα καθήκοντα: Προσαρμοσμένη σελίδα Ελάχιστα στυλ (ευχάριστη και τακτοποιημένη εμφάνιση) Γενική αναζήτηση σε όλες τις τιμές των κελιών Δυνατότητα στερέωσης στηλών

Έχετε βάρδιες (on-call) και πώς οργανώνονται;

Πότε πρέπει να χρησιμοποιείτε τον Διαχειριστή Κατάστασης και πότε αρκεί η τοπική κατάσταση ή το πλαίσιο;