Frontend

Erzählen Sie mir von einer Fullstack-Anwendung in Node.js/Express zur Automatisierung der Markenanpassung von Zahlungsseiten.

Aufgabe 6: Schreiben Sie eine generische Funktion, die ein Objekt mit einer obligatorischen Eigenschaft name vom Typ string akzeptiert und eine Zeichenkette mit dem Namen der Entität zurückgibt.

Was ist der Unterschied zwischen any und unknown in TypeScript? Warum meckert der Linter nicht bei any, aber bei unknown ist eine Einschränkung des Typs erforderlich?

Wie haben Sie mit Git gearbeitet: Wie war der Branching-Flow, wie wurden Releases gemacht, wie wurden Hotfixes durchgeführt?

/** * Aufgabe 4: Transformiere den gegebenen Typ `MaybeProps`, um alle seine Eigenschaften erforderlich zu machen. */ type MaybeProps = { a?: number; b?: string; };

Aufgabe 2: Angenommen, es gibt mehrere Todo-Interface-Deklarationen unten, erkläre, was passiert, wenn sie im selben Gültigkeitsbereich vorhanden sind. Diskutiere, wie TypeScript sie behandelt, und fülle das `myTodo`-Objekt aus, um die Anforderungen des zusammengeführten Todo-Interfaces zu erfüllen. ```typescript interface Todo { title: string; dueDate: Date; } interface Todo { description: string; completed: boolean; } interface Todo { priority: 'high' | 'medium' | 'low'; completed: string; } const myTodo: Todo = {}; ```

Hattest du schon einmal eine negative Erfahrung im Team, zum Beispiel intensive Streitigkeiten bei Code-Reviews? Wie würdest du in einer solchen Situation handeln?

/** * Aufgabe 3: Analysieren Sie die folgende Funktion und beheben Sie alle Fehler. Erklären Sie die Rolle des `never`-Typs in TypeScript. */ function throwError(): never { throw new Error('Ein Fehler ist aufgetreten'); } /** * Aufgabe 4: Transformieren Sie den gegebenen Typ `MaybeProps`, um alle seine Eigenschaften erforderlich zu machen. */ type MaybeProps = { a?: number; b?: string; }; /** * Aufgabe 5: Erstellen Sie einen generischen Typ `Container`, der eine einzelne Eigenschaft `value` enthält. * Der Typ von `value` sollte auf `string` oder `number` beschränkt sein. */ type Container<T> = { value: T; };

Erzählen Sie mir von der Verwendung von Astro: Wie haben Sie es ausgewählt, wie verwalten Sie den Inhalt?

/** * Aufgabe 1: Generische Typen und Schlüssel-Typ-Sicherheit * Erstellen Sie eine Funktion `getProperty`, die ein Objekt und einen Schlüssel übernimmt. * Verwenden Sie Generics, um sicherzustellen, dass die Funktion typsicher ist und der Schlüssel im Objekt existiert. */ function getProperty<T extends Record<string, unknown>, K extends keyof T>(obj: T, key: K): T[K] { return obj[key]; } getProperty('str', 'toString') /** * Aufgabe 2: Angenommen, mehrere Todo-Interface-Deklarationen unten, erkläre, was passiert, wenn sie im selben Geltungsbereich vorhanden sind. * Diskutiere, wie TypeScript sie behandelt, und fülle das `myTodo`-Objekt aus, um die Anforderungen des zusammengeführten Todo-Interfaces zu erfüllen. */ interface Todo { title: string; dueDate: Date; } interface Todo { description: string; completed: boolean; }

Aufgabe 7: Es gibt die Typen Alien und Human, die im Typ Person zusammengefasst sind. Schreiben Sie eine Funktion checkAlien, die überprüft, ob die übergebene Person ein Außerirdischer ist. Beheben Sie den TypeScript-Fehler beim Zugriff auf die Eigenschaft isAlien.

Erzählen Sie von cookie-basierter Authentifizierung und Zwei-Faktor-Authentifizierung im Benutzerkonto.

Warum hast du dich entschieden, eine Arbeit zu suchen, und warum bei uns?