Frontend

Čo sa použilo na prácu s viacrozmernými formulármi — na overovanie, aké problémy sa stretli, ako ich testovali?

Na stránke je prehrávač. Je potrebné zabezpečiť, aby pri stlačení stop na jednej karte, prehrávanie prestalo aj na inej karte. Ako by si realizoval komunikáciu medzi kartami?

Spomněli jste Docker, CI/CD, GitHub Actions, GitLab — můžete objasnit, co přesně jste dělali, jaké pipeline, co bylo v kontejnerech?

Ako optimizirati nalaganje slik v karticah, ki so vidne v viewportu? Kako rešiti problem race condition pri hitri zamenjavi vsebine (npr. YouTube Shorts)?

Ako vyriešiť problém nadbytočných požiadaviek na údaje na klientovi, keď sú údaje už načítané na serveri cez SSR?

Implementujte serverovú validáciu pre príslušné polia.

Ako môžete cacheovať údaje na serveri, aby ste zrýchlili načítanie používateľov?

Ako sa vymieňali súbory v chate — jednoducho POST požiadavkou alebo boli veľké súbory?

Ako funguje virtualizácia zoznamu? Ako je technicky realizovaná pomocou JavaScriptu?

Vytvorte značku STOP (červený kruh s bielym pásom a dvojitou hranou) pomocou len jedného divu a CSS (pseudo-prvky sú povolené).

#React registračný formulár 1. Vysvetlite, ako funguje StateProvider, podeľte sa o svoje myšlienky s interviewérom. 2. Pozrite si /src/api/mock, vysvetlite, ako to funguje. 3. Skontrolujte farbu tlačidla SubmitButton a opravte ju. 4. Implementujte klientskú validáciu formulára v komponentu Signup. (\*) Majte na pamäti úlohu číslo 9. Pravidlá: - Polia Používateľské meno, Email, Heslo a Opakovať heslo by mali mať najmenej 6 znakov; - Heslo by malo zodpovedať Opakovať heslo; - Validácia by mala byť vykonaná po kliknutí na tlačidlo "SignUp"; - Polia s neplatnými hodnotami by mali byť označené (props error a helperText); 6. Odpoveď API môže obsahovať chybu, ktorá by mala byť zobrazená používateľovi v blízkosti príslušného poľa. 7. Uistite sa, že komponent UserName zobrazuje nové používateľské meno po úspešnom odoslaní. 8. Implementujte nový komponent SignupSuccess. Mal by byť zobrazený namiesto registračného formulára. 9. Implementujte serverovú validáciu pre príslušné polia. --- Kód z mock.ts: ```typescript const fakeResponse = (userName) => ({ code: 200, user: { id: 42, userName, }, }); let a = 0; const api = { '/signup': function (userName: string, email: string, password: string) { a++; return new Promise((resolve, reject) => { setTimeout(() => { if (a % 2 === 0) { return resolve(fakeResponse(userName)); } else { return reject( new Error( `Používateľské meno "${userName}" je už obsadené. Skúste iné.` ) ); } }, 500); }); }, }; export default api; ```

Implementujte tipizáciu TypeScript pre funkciu customMap, ktorá prijíma pole akéhokoľvek typu a transformačnú funkciu, ktorá vracia iný typ. Transformačná funkcia by mala prijímať tri argumenty (ako callback v Array.map).

Ako boli vydávané verzie, ako boli testované, ako často vychádzali?

S akými rámcami alebo nástrojmi pracujete? Používate AI nástroje vo svojej práci?

#React registračný formulár 1. Vysvetlite, ako funguje StateProvider, podeľte sa o svoje myšlienky s tazateľom. 2. Pozrite si /src/api/mock, vysvetlite, ako to funguje. 3. Skontrolujte farbu SubmitButton a opravte ju. 4. Implementujte klientskú validáciu formulára v komponentu Signup. (* ) Majte na pamäti číslo úlohy 9. Pravidlá: - Polia Používateľské meno, E-mail, Heslo, Opakovať heslo by mali mať najmenej 6 znakov; - Heslo by malo zodpovedať Opakovať heslo; - Validácia by mala byť vykonaná po kliknutí na tlačidlo "Zaregistrovať sa"; - Polia s neplatnými hodnotami by mali byť označené (props error a helperText); 6. Odpoveď API môže obsahovať chybu, ktorá by mala byť zobrazená používateľovi v blízkosti príslušného poľa. 7. Uistite sa, že komponenta UserName zobrazuje nové používateľské meno po úspešnom odoslaní. 8. Implementujte nový komponent SignupSuccess. Mal by byť zobrazený namiesto registračného formulára. 9. Implementujte serverovú validáciu pre príslušné polia.

Máme veľmi veľký frontend v monorepo, na ktorom pracuje veľa rôznych tímov súčasne. Nemôžeme prejsť na mikro-frontendy. Ako minimalizovať riziko, že rôzne tímy budú ovplyvňovať prácu ostatných?

Čo zvyčajne robíš, ak cítiš, že vývoj prebieha a trochu zaostávaš za termínmi? Je stanovený dátum vydania, ale rozumieš, že nestihneš dokončiť úlohu včas.

Kako sploh izvveš nekaj novega o programiranju in kaj ti je zadnje ostalo v spominu?

Implementujte funkciu promiseWithResolver (odložené sľub), ktorá vracia objekt s poľami resolve a promise.

Pozrite si ta kúsok kódu — pochopte, čo robí, a napíšte jednoduchý príklad použitia. V lodash je tiež podobný helper.