Frontend
Műszaki követelmény: képvágó komponens Cél: Egy saját komponens fejlesztése nulláról (Vue + TypeScript), amely lehetővé teszi a felhasználó számára, hogy képet töltsön fel, kiválassza a vágási területet, és koordináták formájában megkapja az eredményt. Funkcionális követelmények: 1. Önálló komponens - A komponensnek teljesen önállónak kell lennie, nulláról írva. - Vue és TypeScript használata szükséges. 2. Kép betöltése és megjelenítése - Egy ablak (előnézeti terület) biztosítása, ahová a kép behelyezhető. - A területnek meg kell határozni maximális szélességet és magasságot. - Ha a kép meghaladja a terület méretét, automatikusan méreteződik, hogy illeszkedjen az ablak méretéhez (anélkül, hogy kilépne a képernyő határain). 3. A vágási terület kiválasztása - A kép betöltése után a kép megjelenik az ablakban. - A felhasználó lehetőséget kell, hogy kapjon a vágási terület kiválasztására egérrel. - tetszőleges terület (nem fix oldalarány). 4. Eredmény mentése - A "Mentés" gomb eseményt vagy metódust aktivál. - Eredményként visszaadja a kiválasztott vágási terület koordinátáit. - A vágási folyamat szerveren nem szükséges megvalósítani.
Hány szál van a JavaScript-ben?
Milyen más módszerek léteznek a fa bejárására a rekurzió mellett? Milyen előnyei és hátrányai vannak a rekurziónak és a veremnek?
Milyen tömbfeldolgozó módszereket ismersz?
Ha van szabadidőd és két feladat van a táblán — egy technikai (refaktorálás) és egy termékhez kapcsolódó ugyanakkora prioritással — melyiket választanád?
Több mint 10 éve edzel gyerekeket, és ők orosz bajnokok lettek. Milyen gyakorlati módszereket vittél át az edzői tevékenységedből a juniorokkal való munkába?
Milyen Angular direktívákat ismersz? Hogyan hozhatsz létre egyedi attribútum- és szerkezeti direktívát?
Mesélj a utility típusokról TypeScript-ben: melyiket használtad és mire?
Tudod a különbséget az enum és a konstansok között TypeScript-ben?
Mesélj a mikrofőzőkről: mire valóak és hogyan dolgozol velük?
Azt mondtad, hogy az Angular nem a te világod. Miért?
Mire való a HTML tagek szemantikája?
Mi a különbség az egyszerű unió és a diszkriminált unió között?
Mesélj egy nehéz technikai feladatról, amit meg kellett oldanod.
Dolgozott már Vuex-szel? Mi a mutáció a Vuex-ben?
Van egy 50 oszlopos táblázat sok sorral. Különböző felhasználói csoportok szeretnék látni saját oszlopkészleteiket, és ezeket a beállításokat a oldal újratöltése és a böngésző bezárása után is meg kell őrizni. Hogyan valósítanád meg?
Milyen segédtípusokat ismer, például Pick, Omit, Partial, Required? Hogyan használják őket?
Mi a különbség a ref és a reactive között Vue 3-ban?
Mesélj egy Node.js/Express alapú fullstack alkalmazásról a fizetési oldalak márkázásának automatizálására.
Beszélj a React hook-okról és a használatuk szabályairól