Frontend

Stellen Sie sich vor, Sie haben unbegrenzte Ressourcen und müssen eine Schnittstelle mit einem Formular von Grund auf als Teil einer großen Anwendung erstellen. Welchen Technologie-Stack und Architektur würden Sie wählen?

Wie haben Sie erkannt, dass das Produkt schlecht funktioniert? Wie haben Sie Fehlerinformationen gesammelt, wie haben Sie Benutzeranfragen bearbeitet?

Modifikation der Safe-Aufgabe: Anstatt der Endposition zu zählen, wie oft der Zeiger die Null passiert (Übergang der Grenze 99→0 oder 0→99).

Wie vergleicht React zwei Bäume (aktuell und im Entwurf)? Welcher Algorithmus wird verwendet?

Aufgabe in TypeScript: Beschreiben Sie einen Benutzertyp mit den Feldern Vorname, Nachname, optionaler zweiter Vorname und einem Flag für das Vorhandensein eines zweiten Vornamens. Schreiben Sie eine Funktion zur Formatierung des vollständigen Namens. Beschreiben Sie einen Telefontyp, der immer mit +7 beginnt. Wandeln Sie einen Typ mit Kleinbuchstaben in einen Typ mit Großbuchstaben-Schlüsseln um, ohne Refactoring, unter Verwendung der Möglichkeiten von TypeScript.

Erzählen Sie mir von den kritischsten Fehlern der letzten ein bis zwei Jahre. Was ist passiert und wie wurden sie behoben?

[Name] erzähle uns von den Projekten bei [Organisation]. Wie haben sie die Anzahl der Nutzer gemessen, wer sie waren, wie haben sie ihre Zufriedenheit mit den Produkten gemessen?

Wie groß war das Team? Wie viele Frontend-Entwickler und andere Spezialisten?

Wie haben sie gemessen, dass Formik mit der Context API verlangsamt? Wie haben sie erkannt, dass es Zeit ist, den Ansatz zu ändern?

Beschreiben Sie, was passiert, wenn Sie in einer React-Komponente mit Zähler auf eine Schaltfläche klicken: Wie funktioniert useState, wie erkennt React, dass dieser Teil des DOM aktualisiert werden muss?

Aufgabenstellung zum Safe: Es gibt einen runden Trommel mit Werten von 0 bis 99, der Zeiger steht anfangs auf 50. Positive Zahlen drehen im Uhrzeigersinn, negative gegen den Uhrzeigersinn. Es wird ein Eingabearray mit Zahlen gegeben, und es ist die endgültige Position des Zeigers nach allen Operationen zu bestimmen.

Warum benötigt React einen virtuellen DOM-Baum? Warum kann man den echten DOM nicht direkt ändern? Was sind die Vor- und Nachteile verschiedener Ansätze?

Erzählen Sie uns von dem technologischen Stack, der in den Projekten verwendet wurde. Zum Beispiel, welche UI-Kits wurden verwendet?

Ist Asynchronität in JavaScript notwendig? Was würde passieren, wenn es keine Asynchronität gäbe? Wie funktioniert die Event Loop?

Rückblickend, welche architektonischen Entscheidungen waren erfolgreich und welche nicht? Woran bereuen Sie?