Frontend

Co je operátor 'as' v TypeScript a jaké jsou jeho výhody a nevýhody?

Pověz mi o kritických fázích renderování prohlížeče

Pracoval jste s architektonickými přístupy jako FSD (Feature-Sliced Design)?

Jak řešíte problém optimalizace načítání obrázků pro různé rozlišení obrazovky?

Úkol na spojení řetězců v JavaScriptu: co se zobrazí na obrazovce a proč? (příklad s operátorem + a řetězci/čísly)

Jak optimalizovat znovu-renderování v Reactu? Povězte o React.memo, useCallback, useMemo.

Jak lze úlohu withTimeout řešit alternativně pomocí Promise.race? Co je Promise.race, čím se liší od Promise.all?

Middle

X5 tech

Jaké atributy má tag form?

Proč si myslíš, že bys měl opustit své současné zaměstnání?

Senior

СБЕР

V jakém jste městě? Jste připraveni se přestěhovat? Co si myslíte o Hybridu?

Co jsou XSS útoky?

Znalost databází a práce s API

Pověz mi o své zkušenosti s Node.js na příkladu nějakého projektu, co přesně jsi na něm vyvíjel?

Middle+

Яндекс Маркет

Proč byla ve Vue 3 zavedena API kompozice? Jaké jsou výhody oproti API Options?

Middle+

Рунити

Museli jste někdy nakonfigurovat ESLint a Prettier tak, aby si nelezli do zelí?

Pověz o Promise: stavy, statické metody (all, allSettled, any, race).

Middle+

IT One

Získejte údaje o knihách a jejich autorech. Zobrazte data v stránkovaném seznamu po 10 knihách na stránku ve formátu: <název knihy> - <autor> api: [odkaz] specifikace: [odkaz] pokud se swagger neotevírá, v kořenovém adresáři sber-c55-books-mock-1.0.1-oas3.1-resolved.yaml const PAGE_SIZE = 10; export default function App() { const [books, setBooks] = useState([]) const [page, setPage] = useState(1); const [loading, setLoading] = useState(false) useEffect(() => { setLoading(true); fetch('[odkaz]') .then((res) => res.json()) .then((data) => { setBooks(data); setLoading(false); }) .catch(() => setLoading(false)); }, [page]); const totalPage = Math.ceil(books.length / PAGE_SIZE); const start = (page - 1) * PAGE_SIZE; const currentBooks = books.slice(start, start + PAGE_SIZE); return ( <div className="App"> {loading && <p>Načítání...</p>} <ul> {currentBooks.map((book, index) => ( <li key={index}>{book.title} - {book.author}</li> ))} </ul> <div> <button disabled={page === 1} onClick={() => setPage(page - 1)}> Předchozí </button> <button disabled={page === totalPage} onClick={() => setPage(page + 1)}> Další </button> </div> </div> ); } Opravte chyby a implementujte stránkované zobrazení seznamu knih s autory.

Jak vyřešit problém s společným stavem isOpen pro několik uzlů? Existuje ještě elegantnější varianta?

Jaké projekty jste museli navrhovat: od nuly nebo velké architektonické bloky?

Middle+

Т-Банк

Jak bude fungovat replikace databáze (master-slave)? Jak bude load balancer směrovat požadavky na různé servery s různými databázemi?

Middle+

Т-Банк