Frontend
Technické požadavky: komponent pro ořezávání obrázků Cíl: Vyvinout vlastní komponent od základu (Vue + TypeScript), který umožní uživateli nahrát obrázek, vybrat oblast pro ořezání a získat výsledek ve formě souřadnic. Požadavky na funkčnost: 1. Samostatná komponenta - Komponenta musí být plně samostatná, napsaná od základu. - Používat Vue a TypeScript. 2. Nahrání a zobrazení obrázku - Zajistit okno (náhledovou oblast), do které lze vložit obrázek. - Oblast musí mít stanovenou maximální šířku a výšku. - Pokud obrázek přesahuje rozměry oblasti, automaticky se škáluje tak, aby se vešel do okna (aniž by přesáhl hranice obrazovky). 3. Výběr oblasti pro ořezání - Po nahrání se obrázek zobrazí v okně. - Uživatel by měl mít možnost vybrat oblast pro ořezání myší. - libovolná oblast (bez pevného poměru stran). 4. Uložení výsledku - Tlačítko "Uložit" spustí událost nebo metodu. - Výsledkem jsou souřadnice vybrané oblasti pro ořezání. - Není nutné implementovat proces ořezávání na serveru.
Kolik vláken je v JavaScriptu?
Jaké další metody existují pro průchod stromem kromě rekurze? Jaké jsou výhody a nevýhody rekurze a zásobníku?
Jaké metody zpracování polí znáš?
Pokud máte volný čas a na tabuli jsou dvě úkoly — technický (refaktoring) a produktový s stejnou prioritou — kterou byste si vybrali?
Trénujete děti více než 10 let a stali se ruskými šampiony. Jaké praktiky z trenérské činnosti jste přenesli do práce s juniory?
Jaké direktivy v Angular znáš? Jak vytvořit vlastní atributovou a strukturální direktivu?
Pověz mi o utility typech v TypeScriptu: které jsi použil a k čemu slouží?
Znáš rozdíl mezi enum a konstantami v TypeScriptu?
Pověz mi o mikrofrontendách: k čemu jsou a jak s nimi pracuješ?
Řekl jsi, že Angular není tvůj šálek čaje. Proč?
Na co je semantika HTML tagů?
Jaký je rozdíl mezi jednoduchou unií a diskriminovanou unií?
Povězte o nějakém složitém technickém úkolu, který jste museli řešit.
Pracoval jste s Vuex? Co jsou mutace ve Vuex?
Existuje tabulka s 50 sloupci a velkým počtem řádků. Různé skupiny uživatelů chtějí vidět své sady sloupců, a tyto nastavení by měla být uložena po načtení stránky a zavření prohlížeče. Jak byste to realizovali?
Jaké utilitární typy znáte, například Pick, Omit, Partial, Required? Jak se používají?
Jaký je rozdíl mezi ref a reactive ve Vue 3?
Pověz mi o fullstack aplikaci v Node.js/Express pro automatizaci brandování platebních stránek.
Pověz mi o React hookech a pravidlech jejich používání