Frontend

Μιλήστε για τη μεταφορά δεδομένων μεταξύ συστατικών στο Angular (Input, διπλής κατεύθυνσης δέσμευση, σήματα).

Πείτε τους λόγους για τους οποίους ένα React component ανανεώνεται. Γιατί το React εστιάζει στην αλλαγή της αναφοράς και όχι στην αλλαγή της τιμής;

Middle

Wildberries

/** * Είναι απαραίτητο να γράψετε μια ασύγχρονη λειτουργία, * που θα "κοιμάται" τον καθορισμένο αριθμό χιλιοστών δευτερολέπτων, * και στη συνέχεια θα ολοκληρώνεται με επιτυχία * / function sleep(duration) { } // Παράδειγμα const startTime = Date.now(); console.log("ξεκινάει ο ύπνος..."); sleep(2000).then(() => { console.log("Ξύπνησα μετά από 2 δευτερόλεπτα!"); console.log("Χρόνος που πέρασε: ", Date.now() - startTime); }); sleep(1000).then(() => { console.log("Ξύπνησα μετά από 1 δευτερόλεπτο!"); console.log("Χρόνος που πέρασε: ", Date.now() - startTime); });

Από αυτά τα εισιτήρια μπορεί να κατασκευαστεί μια μοναδική συνεχής διαδρομή. Δεν υπάρχουν βρόχοι ή επαναλήψεις στη διαδρομή. Πρέπει να γράψετε ένα πρόγραμμα που επιστρέφει αυτά τα ίδια αντικείμενα εισιτηρίων με τη σειρά της διαδρομής. ```javascript function getRoute(tickets = []) { const cities = new Map(); for (const ticket of tickets) { cities.set(ticket.from, ticket); } const result = []; let currentCity = startcity; while (cities.has(currentCity)) { const next = cities.get(currentCity); result.push(next); currentCity = next.to; } return result; } console.clear() console.log(getRoute([ { from: 'London', to: 'Moscow' }, { from: 'NY', to: 'London' }, { from: 'Moscow', to: 'Spb' }, ])); ```

Middle

Яндекс Маркет

Μπορείς να δώσεις ένα παράδειγμα όπου το providedIn: 'root' δεν είναι απαραίτητο;

Τι είναι το Vue; Τι είναι η αντιδραστικότητα και πού χρησιμοποιείται;

Πρέπει να σχεδιάσετε μια πινακίδα οδικής κυκλοφορίας σε ένα div, συμπεριλαμβανομένης μιας μικρής κόκκινης γραμμής δεξιά.

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

Middle

Госуслуги

Άρχισες να μαθαίνεις React, και το React είναι πιο δημοφιλές και υπάρχουν περισσότερες ευκαιρίες εργασίας. Γιατί τελικά μεταβήκες σε Angular;

Υλοποιήστε μια συνάρτηση foo που παίρνει έναν πίνακα και επιστρέφει ένα αντικείμενο όπου τα κλειδιά είναι τα στοιχεία του πίνακα και οι τιμές είναι όλες 0.

Τι κάνεις αν η εργασία διατυπώνεται κακώς — για παράδειγμα, σου υπαγορεύουν τη συγκεκριμένη θέση και το χρώμα του κουμπιού αντί να περιγράψεις το πρόβλημα;

Πείτε λίγα για τον εαυτό σας / παρουσίαση της εταιρείας: μια σύντομη περιγραφή της δομής της χρηματοδοτικής εταιρείας, των ομάδων και του προϊόντος (πλαίσιο πριν από την τεχνική ανάθεση).

Ποια είναι η διαφορά μεταξύ Promise.all και Promise.allSettled;

Πώς να κάνετε ένα μόνο αίτημα HTTP και να εγγραφείτε στο αποτέλεσμα του πολλές φορές;

Middle+

Т-Банк

#React εγγραφή φόρμα 1. Εξήγησε πώς λειτουργεί το StateProvider, μοιράσου τις σκέψεις σου με τον συνεντευξιαστή. 2. Ρίξε μια ματιά στο /src/api/mock, εξήγησε πώς λειτουργεί. 3. Έλεγξε το χρώμα του SubmitButton και διόρθωσέ το. 4. Υλοποίησε την επικύρωση της φόρμας πελάτη στο συστατικό Signup. (\*\*) Θυμήσου την εργασία αριθμός 9. Κανόνες: - Τα πεδία Username, Email, Password και Repeat Password πρέπει να έχουν τουλάχιστον 6 χαρακτήρες; - Το Password πρέπει να ταιριάζει με το Repeat Password; - Η επικύρωση πρέπει να γίνεται όταν κάνεις κλικ στο "Sign Up"; - Τα πεδία με μη έγκυρες τιμές πρέπει να σημειώνονται (props error και helperText); 6. Η απάντηση API μπορεί να έχει σφάλμα που πρέπει να εμφανίζεται στον χρήστη κοντά στο αντίστοιχο πεδίο. 7. Βεβαιώσου ότι το συστατικό UserName εμφανίζει το νέο όνομα χρήστη μετά από επιτυχημένη υποβολή. 8. Υλοποίησε το νέο συστατικό SignupSuccess. Θα πρέπει να εμφανίζεται αντί της φόρμας εγγραφής. 9. Υλοποίησε την επικύρωση διακομιστή για τα κατάλληλα πεδία.

Πώς δημιουργούνται οι μεταβλητές και ανατίθενται δεδομένα στη JavaScript; Τι συμβαίνει κατά τη δημιουργία ενός primitive και ενός αντικειμένου;

Εργασία 2: Δεδομένων πολλαπλών δηλώσεων διεπαφής Todo παρακάτω, εξηγήστε τι συμβαίνει όταν αυτές υπάρχουν στην ίδια εμβέλεια. Συζητήστε πώς τις αντιμετωπίζει η TypeScript και συμπληρώστε το αντικείμενο `myTodo` για να ικανοποιεί τις απαιτήσεις της συγχωνευμένης διεπαφής Todo. ```typescript interface Todo { title: string; dueDate: Date; } interface Todo { description: string; completed: boolean; } interface Todo { priority: 'high' | 'medium' | 'low'; completed: string; } const myTodo: Todo = {}; ```

Ποια είναι τα πιο τυπικά καθήκοντα στη δουλειά; Πόσο χρόνο παίρνει η μορφοποίηση, η γραφή λογικής, η αναθεώρηση, οι κλήσεις, η εργασία με τεχνικό χρέος;

Middle

Рунити

Ποια είδη δοκιμών γνωρίζεις εκτός από τις μονάδες δοκιμών;

Υπάρχει ένας πίνακας χρηστών που εμφανίζεται μέσω map. Πού είναι το λάθος και τι λείπει εδώ;