Frontend

W jakim formacie otrzymujesz zadania? Jaki masz stopień samodzielności?

Jakie podstawowe tagi HTML znasz?

Opowiedz mi trochę o sobie i swoim najbardziej interesującym doświadczeniu.

Opowiedz mi o sobie i swoim doświadczeniu zawodowym.

Zaimplementuj funkcję debounce(fn, delay), która opóźnia wywołanie funkcji do momentu upływu określonego czasu ciszy.

Zaimplementuj klasę według wzorca Obserwator (Observer / Event Emitter): przechowywanie subskrybentów, subskrypcja na zdarzenie, odsubskrybowanie od zdarzenia, powiadamianie subskrybentów.

Wspomniałeś o testach — czy pisałeś testy w [firma] i na ostatnim stanowisku?

Zaimplementuj klasę EventEmitter: metodę subscribe(event, handler) do subskrypcji zdarzenia oraz metodę emit(event, data) do wywoływania wszystkich subskrybentów. Zaimplementuj także metodę unsubscribe.

Jak rozwiązałeś problem współistnienia nowego stosu i kodu Legacy w jednym projekcie? Czy rozważałeś mikrofronty lub komponenty webowe?

Czy masz doświadczenie w migracji z Vue 2 na Vue 3 — co dokładnie zrobiłeś sam?

Zaimplementuj funkcję debounce.

Zaimplementuj przewijanie wirtualne: jest długa lista wiadomości (10 000 elementów), trzeba renderować tylko widoczne elementy wewnątrz kontenera o stałej wysokości 300px, przy wysokości linii 30px.

function createEmitter() { const events = new Map(); function on(event, handler) { if(!events.has(event)) { events.set(event, [handler]) return } events.get(event).push(handler) } function off(event, handler) { // TODO: usuń handler } function emit(event, payload) { // TODO: wywołaj wszystkich subskrybentów event } return { on, off, emit }; } const bus = createEmitter(); const unsub1 = bus.on("order:created", (payload) => { console.log("handler1:", payload.id); }); const handler2 = (payload) => { console.log("handler2:", payload.id); } bus.on("order:created", handler2);

W jakim formacie otrzymujesz zadania? Czy masz wysoki stopień samodzielności?

Zadanie praktyczne: praca z dwoma tablicami obiektów — porównanie po kluczu z użyciem struktur Map i iteracją dwoma pętlami

Czy masz doświadczenie w pisaniu testów? Jakie testy pisałaś i w jakim zakresie?

function memoize(fn, options = {}) { const { maxSize = 1000, keyOf = (...a) => JSON.stringify(a), lruTouch = true, } = options; let hits = 0; let misses = 0; const cache = new Map(); const getKey = (...args) => keyOf(...args); const wrapped = (...args) => { // napisz kod tutaj return fn(...args); }; // i tutaj return wrapped; }

Dlaczego doszliście do wniosku, że potrzebny jest niestandardowy zestaw UI, a nie po prostu użycie elementów gotowego UI?

Zaimplementuj listę wirtualną (Virtual List): jest długa lista wiadomości, i należy renderować tylko widoczne elementy wewnątrz kontenera o stałej wysokości 300 pikseli. Wysokość jednej linii to 30 pikseli.

Opowiedz o swoim odpowiednim doświadczeniu zawodowym.