Frontend
Technické požiadavky: komponent pre orezávania obrázkov Cieľ: Vyvinúť vlastnú komponentu od nuly (Vue + TypeScript), ktorá umožní používateľovi nahrať obrázok, vybrať oblasť na orezanie a získať výsledok vo forme súradníc. Požiadavky na funkčnosť: 1. Samostatná komponenta - Komponenta musí byť úplne samostatná, napísaná od nuly. - Používať Vue a TypeScript. 2. Nahranie a zobrazenie obrázka - Zabezpečiť okno (náhľadovú oblasť), do ktorej možno vložiť obrázok. - Oblasť musí mať stanovenú maximálnu šírku a výšku. - Ak obrázok presahuje rozmery oblasti, automaticky sa škáluje tak, aby sa vošiel do okna (bez prekročenia hraníc obrazovky). 3. Výber oblasti na orezanie - Po nahraní sa obrázok zobrazí v okne. - Používateľ by mal mať možnosť vybrať oblasť na orezanie myšou. - ľubovoľná oblasť (bez pevného pomeru strán). 4. Uloženie výsledku - Tlačidlo "Uložiť" aktivuje udalosť alebo metódu. - Výsledkom sú súradnice vybranej oblasti na orezanie. - Nie je potrebné implementovať proces orezania na serveri.
Koľko vlákien je v JavaScriptu?
Aké ďalšie metódy existujú na prechádzanie stromom okrem rekurzie? Aké sú výhody a nevýhody rekurzie a zásobníka?
Aké metódy spracovania polí poznáš?
Ak máte voľný čas a na tabuli sú dve úlohy — technická (refaktoring) a produktová s rovnakým priorítom — ktorú by ste si vybrali?
Trénujete deti viac ako 10 rokov a stali sa majstrami Ruska. Aké praktiky z tréningovej činnosti ste preniesli do práce s juniormi?
Aké direktívy v Angular poznáš? Ako vytvoriť vlastnú atribútovú a štrukturálnu direktívu?
Rozprávaj o utility types v TypeScript: ktoré si použil a na čo?
Poznáš rozdiel medzi enum a konštantami v TypeScript?
Povedz mi o mikrofrontendoch: na čo sú a ako s nimi pracuješ?
Povedal si, že Angular nie je tvoja vec. Prečo?
Na čo je semantika HTML tagov?
Aký je rozdiel medzi jednoduchou úniou a diskriminovanou úniou?
Povedzte o nejakej zložitej technickej úlohe, ktorú ste museli vyriešiť.
Pracoval si s Vuex? Čo sú mutácie vo Vuex?
Existuje tabuľa s 50 stĺpcami a veľkým počtom riadkov. Rôzne skupiny používateľov chcú vidieť svoje sady stĺpcov, a tieto nastavenia by mali byť uložené po načítaní stránky a zatvorení prehliadača. Ako by ste to realizovali?
Aké pomocné typy poznáte, napríklad Pick, Omit, Partial, Required? Ako sa používajú?
Aký je rozdiel medzi ref a reactive vo Vue 3?
Porozprávaj o fullstack aplikácii v Node.js/Express na automatizáciu brandingu platobných stránok.
Rozprávaj o React hookoch a pravidlách ich používania