Sobes.tech

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.

Middle+
TirScript
165

Koľko vlákien je v JavaScriptu?

Middle
DevSect
164

Aké ďalšie metódy existujú na prechádzanie stromom okrem rekurzie? Aké sú výhody a nevýhody rekurzie a zásobníka?

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

Aké metódy spracovania polí poznáš?

Middle
RWB
163

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?

Middle
WildberriesWildberries
162

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?

Middle
Веза
162

Aké direktívy v Angular poznáš? Ako vytvoriť vlastnú atribútovú a štrukturálnu direktívu?

Middle
AstonAston
162

Rozprávaj o utility types v TypeScript: ktoré si použil a na čo?

Middle+
Твое Лайв
162

Poznáš rozdiel medzi enum a konštantami v TypeScript?

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

Povedz mi o mikrofrontendoch: na čo sú a ako s nimi pracuješ?

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

Povedal si, že Angular nie je tvoja vec. Prečo?

Middle
WB банк
161

Na čo je semantika HTML tagov?

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

Aký je rozdiel medzi jednoduchou úniou a diskriminovanou úniou?

Middle
Омнидата
161

Povedzte o nejakej zložitej technickej úlohe, ktorú ste museli vyriešiť.

Middle
ИРИ
160

Pracoval si s Vuex? Čo sú mutácie vo Vuex?

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

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?

Middle
Элара
160

Aké pomocné typy poznáte, napríklad Pick, Omit, Partial, Required? Ako sa používajú?

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

Aký je rozdiel medzi ref a reactive vo Vue 3?

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

Porozprávaj o fullstack aplikácii v Node.js/Express na automatizáciu brandingu platobných stránok.

Middle
Altenar
159

Rozprávaj o React hookoch a pravidlách ich používania

Middle
X-Notes
158
/298