Frontend

Spune-mi despre experiența ta

Bine—tratând-o ca o problemă de aspect de layout tokenizat și bazându-te pe `gap`, de obicei este cea mai sustenabilă metodă de a menține ritmul consistent între componente. Cum obții o aliniere tipografică perfectă (înălțimea majusculelor/baza liniei) între un icon SVG și text în diferite browsere—te bazezi pe `line-height`, `vertical-align`, aliniere flex sau altceva?

Este mai bine să împărțiți logica în două useEffect sau să lăsați unul singur? Cum să organizați mai bine dependențele?

Care sunt principalele diferențe dintre Vue 2 și Vue 3?

Temă practică: implementați un magazin de produse în React/TypeScript — afișați o listă de produse cu carduri care conțin imagine, nume, descriere și preț. Datele sunt încărcate printr-o simulare de server.

Middle

Альфа-Банк

Din punctul de vedere al sintaxei și structurii codului — ce ai refactoriza în această funcție?

Ce sunt stilurile browser-ului, stilurile utilizatorului și stilurile autorului în CSS?

Care este diferența dintre interface și type în TypeScript? Ce se întâmplă dacă declarăm două interfețe cu același nume?

Există un copac cu interfața INode (value: number, left?: INode, right?: INode). Scrieți o funcție care parcurge copacul și returnează suma tuturor valorilor.

Middle

Транснефть

Folosești anumite configurații în aplicație? Linters, stiluri de cod — le împărți între proiecte (de exemplu, printr-un npm privat)?

Implementați funcția debounce(fn, delay), care întârzie apelarea funcției până când timpul de tăcere specificat expiră.

Cu ce cazuri dificile te-ai confruntat la ultimul loc de muncă (RTK)?

Middle

Бюро 1440

Enumera principiile de dezvoltare software pe care le cunoști.

Avem un front foarte mare în monorepo, pe care lucrează mai multe echipe diferite în același timp. Nu putem trece la micro-frontend-uri. Cum putem minimiza riscurile ca echipele diferite să afecteze munca unele altora?

Cum se implementează în HTML conectarea diferitelor formate și dimensiuni ale imaginilor pentru ecrane cu densități diferite de pixeli? Ce este tag-ul picture și atributul srcset?

Exercițiu JavaScript: determină tipul (typeof) pentru diferite expresii — new Array(), obiect, Map, număr, Infinity, rezultatul concatenării de șiruri și numere.

Ce sunt composables și la ce servesc?

De ce are React nevoie de un arbore DOM virtual? De ce nu se poate modifica direct DOM-ul real? Care sunt avantajele și dezavantajele diferitelor abordări?

Ai experiență în migrarea de la Webpack la Vite?

async function loadUsers(ids) { const users = [] ids.forEach(async id => { const res = await fetch(`/api/users/${id}`) const user = await res.json() users.push(user) }) return users } Identify the problem with this code and suggest how to fix it.