Frontend

Úloha 2: Vzhľadom na nižšie uvedené viaceré deklarácie rozhrania Todo, vysvetlite, čo sa stane, keď sú prítomné v rovnakom rozsahu. Diskutujte o tom, ako s nimi zaobchádza TypeScript a vyplňte objekt `myTodo`, aby spĺňal požiadavky zlúčeného rozhrania Todo. ```typescript interface Todo { title: string; dueDate: Date; } interface Todo { description: string; completed: boolean; } interface Todo { priority: 'high' | 'medium' | 'low'; completed: string; } const myTodo: Todo = {}; ```

Ako vidíš svoj ďalší rozvoj a rast?

Middle

Лига Цифровой Экономики

Máte v projekte testy — jednotkové, e2e?

Čo je React Context, kedy ho použiť a kedy je lepšie správca stavu?

Použili ste React Toolkit — použili ste jeho RTK Query? Ste oboznámení s Tanstack Query?

Middle

МВидео

Aké metódy existujú na pridanie prvku do poľa?

Ak klient obnoví stránku, či ste uložili údaje alebo ich resetovali? Použili ste Local Storage?

Aké sú potenciálne bezpečnostné obavy pri používaní JSONP a ako ich rieši CORS?

Middle+

Andersen

Používateľ klikol na tlačidlo, prišiel veľký objem dát zo servera a obrazovka zamrzla. Čo mohlo spôsobiť tento problém a ako ho vyriešiť?

Rozprávaj o vzniku a zániku udalostí.

Middle+

Рунити

Môžeš opísať nejaký konkrétny prípad optimalizácie, ktorý si nedávno urobila a ktorý ti zostal v pamäti?

Praktická úloha: napíšte TypeGuard na určenie typu zvieraťa (Pes alebo Mačka)

Čím sa zaoberal od roku 2013 do 2020, keď prišiel do vývoja?

Aké sú vaše očakávania ohľadom platu?

Aký je rozdiel medzi div a span z pohľadu rozloženia?

Prečo ste nepoužili localForage alebo iný obal nad IndexedDB?

Pracoval si s Vue Router? Porozprávaj o hookoch navigácie Vue Router.

Existuje pole s 200 ID. Pre každý je potrebné urobiť požiadavku na /api/users/:id. Napíšte funkciu, ktorá vykonáva požiadavky, ale nie viac ako N súčasne, a vracia výsledky v poradí vstupného poľa.

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo, me const someFunc = (arr) => { return [...arr].sort((a, b) => a - b); }; const LazyInit = (props) => { const [arr, setArr] = useState(someFunc(props.arr)); const onClick = () => { setArr((prev) => prev.concat(prev.length + 1)) } return ( <> <button onClick={onClick}> Zvýšiť </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ) } export default () => <LazyInit arr={[1, 2, 3]} />;

Middle+

IT One

Boli vyhradené zdroje na písanie testov? Aké máte skúsenosti s písaním testov?

Middle+

Аэрофлот