Frontend
Welche Schwierigkeiten traten bei der Migration von Angular 13 auf 20 auf?
Was interessiert dich an der Arbeit und was ist weniger interessant für dich?
Praktische Aufgabe: Verbessern Sie die Zählerkomponente in React, sodass beim Klicken auf die Schaltfläche "Erhöhen" der Zähler um 1 erhöht wird und ein Eintrag in der Historie mit dem neuen Wert hinzugefügt wird; beim Klicken auf "Verringern" — ähnlich; beim Klicken auf "Zurücksetzen" — die Historie gelöscht wird.
Du erhältst eine Aufgabe: Nach 10-15 Minuten Arbeit beginnt die Seite stark zu verzögern, es ist notwendig, dies zu beheben. Was sind deine ersten Schritte?
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?
Wie kopiert man Objekte in JavaScript? Welche Arten der Kopie gibt es?
Aufgabe: Erstellen Sie eine Seite mit einer multifunktionalen Kryptowährungstabelle. Verbinden Sie sich mit der API und zeigen Sie die Liste der Münzen in der Tabelle an. Mindestanforderungen: Projekt von Grund auf neu erstellt Nur Typescript Mit der API verbinden Sortierung nach Werten in der Spalte Suche nach Werten in den Zellen (funktioniert nach dem Prinzip logisches UND) Zusätzliche Aufgaben: Eigene Paginierung Minimale Stile (angenehmes und ordentliches Aussehen) Allgemeine Suche nach Werten in allen Zellen Möglichkeit, Spalten zu fixieren
Implementieren Sie eine Komponente zur Anzeige einer Liste von Teams mit Teilnehmern. Es wird ein Array von Teams (mit Namen und einer Liste von Benutzer-IDs der Teilnehmer) und ein separates Array von Benutzern (mit ID und Namen) übergeben. Es ist erforderlich, die Teams mit den Benutzern anhand der Benutzer-ID zu verknüpfen und Teamkarten mit der Teilnehmerliste anzuzeigen. Wenn keine Teilnehmer vorhanden sind, 'keine Teilnehmer' anzeigen; wenn die Benutzer-ID vorhanden ist, aber der Benutzer in der Liste nicht gefunden wird, einen Strich anzeigen. Besonderheit: Die Benutzer-ID kann in Form eines Arrays, einer Zahl, null oder undefined vorliegen.
// [Telefon] function getMoney(amount) { // Dein Code hier } console.log(getMoney(4650));
Gab es Fälle, in denen eine Funktion kommuniziert werden musste, die nicht in der Aufgabe war?
Welcher Bundler wird im Projekt verwendet? Hast du mit Webpack gearbeitet?
Mit welchen State-Management-Tools hast du gearbeitet? Welche magst du mehr, was sind ihre Vor- und Nachteile?
Warum hast du dich speziell für Webentwicklung und Angular entschieden, anstatt zum Beispiel mobile Entwicklung?
Wie funktioniert this in normalen Funktionen und in Pfeilfunktionen? Was ist der Unterschied?
Warum ist Vererbung in OOP überhaupt notwendig? Geben Sie eine Begründung, warum sie verwendet wird, wenn die Aufgabe der Logik-Wiederverwendung auch auf andere Weise gelöst werden kann (z.B. durch DI).
Erzählen Sie mir vom Event Loop: Woraus besteht er und wie funktioniert er?
Was verstehst du unter « flexibel » im Kontext des Temperaments?
Erzählen Sie mir die grundlegenden Prinzipien des Code-Refactorings. Wie würden Sie das Refactoring durchführen?
Welchen Stack und welche Bibliotheken bevorzugen Sie bei der Verwendung mit React?
Implementieren Sie die Methode Function.prototype.bind — eine Funktion, die einen Kontext akzeptiert und eine neue Funktion mit gebundenem Kontext zurückgibt.
СБЕР