Sobes.tech

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.

Middle+
TirScript
165

Kolik vláken je v JavaScriptu?

Middle
DevSect
164

Jaké další metody existují pro průchod stromem kromě rekurze? Jaké jsou výhody a nevýhody rekurze a zásobníku?

Middle
ТранснефтьТранснефть
163

Jaké metody zpracování polí znáš?

Middle
RWB
163

Pokud máte volný čas a na tabuli jsou dvě úkoly — technický (refaktoring) a produktový s stejnou prioritou — kterou byste si vybrali?

Middle
WildberriesWildberries
162

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?

Middle
Веза
162

Jaké direktivy v Angular znáš? Jak vytvořit vlastní atributovou a strukturální direktivu?

Middle
AstonAston
162

Pověz mi o utility typech v TypeScriptu: které jsi použil a k čemu slouží?

Middle+
Твое Лайв
162

Znáš rozdíl mezi enum a konstantami v TypeScriptu?

Middle
Киберпротект
162

Pověz mi o mikrofrontendách: k čemu jsou a jak s nimi pracuješ?

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

Řekl jsi, že Angular není tvůj šálek čaje. Proč?

Middle
WB банк
161

Na co je semantika HTML tagů?

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

Jaký je rozdíl mezi jednoduchou unií a diskriminovanou unií?

Middle
Омнидата
161

Povězte o nějakém složitém technickém úkolu, který jste museli řešit.

Middle
ИРИ
160

Pracoval jste s Vuex? Co jsou mutace ve Vuex?

Middle
Ростелеком
160

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?

Middle
Элара
160

Jaké utilitární typy znáte, například Pick, Omit, Partial, Required? Jak se používají?

Middle
Интай-текстиль
159

Jaký je rozdíl mezi ref a reactive ve Vue 3?

Middle+
РунитиРунити
159

Pověz mi o fullstack aplikaci v Node.js/Express pro automatizaci brandování platebních stránek.

Middle
Altenar
159

Pověz mi o React hookech a pravidlech jejich používání

Middle
X-Notes
158
/298