Frontend

Mida kasutati mitmemõõtmeliste vormidega töötamiseks — valideerimiseks, milliseid probleeme kohtas, kuidas testis?

Kuidas lahendada kliendi poolelt liigsete andmepäringute probleem, kui andmed on juba serverisse laaditud SSR kaudu?

Kuidas optimeerida piltide laadimist vaadeldavates kaartides? Kuidas lahendada race condition probleem kiire sisu vahetamise ajal (näiteks YouTube Shorts)?

Sa mainisite Docker, CI/CD, GitHub Actions, GitLab — kas täpsemalt tegi, millised pipeline'id, mis oli konteinerites?

Rakenda vastavust serveripoolt vastavatele väljadele.

Kuidas saab serveris andmeid vahemällu salvestada, et kasutajate laadimist kiirendada?

Rakenda TypeScript-tüüpi funktsioonile customMap, mis võtab vastu mis tahes tüüpi massiivi ja teisendusfunktsiooni, mis tagastab teise tüübi. Teisendusfunktsioon peab võtma vastu kolm argumenti (nagu callback `Array.map`-is).

Kuidas töötab loendi virtualiseerimine? Kuidas see tehniliselt JavaScripti kaudu rakendub?

#React registreerimisvorm 1. Selgitage, kuidas töötab StateProvider, jagage oma mõtteid intervjueerijaga. 2. Vaadake /src/api/mock, selgitage, kuidas see töötab. 3. Kontrollige SubmitButtoni värvi ja parandage see. 4. Rakendage klientpoolsed vormi valideerimine Signup komponendis. (\*) Pidage meeles ülesande number 9. Reeglid: - Kasutajanimi, E-post, Parool ja Korda Parool väljad peaksid olema vähemalt 6 tähemärki; - Parool peaks vastama Korda Paroolile; - Valideerimine peaks toimuma "SignUp" nupule klõpsamisel; - Väljad, mille väärtused on kehtetud, tuleks märkida (props error ja helperText); 6. API vastus võib sisaldada viga, mida tuleks kasutajale näidata vastava välja lähedal. 7. Veenduge, et UserName komponent kuvab uue kasutajanime pärast edukat saatmist. 8. Rakendage uus SignupSuccess komponent. See peaks olema näidatud reegistratsioonivormi asemel. 9. Rakendage serveripoolne valideerimine sobivatele väljadele. --- Kood mock.ts-st: ```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( `Kasutajanimi "${userName}" on juba võetud. Palun proovige teist.` ) ); } }, 500); }); }, }; export default api; ```

Lehel on mängija. Tuleks teha nii, et kui ühe vahekaardi peal vajutatakse stop, siis mängimine peatub ka teisel vahekaardil. Kuidas saaksid teostada suhtluse vahelehtede vahel?

Milliste raamistikute või tööriistadega tegelete? Kas kasutate oma töös AI-tööriistu?

Kuidas vahetati faile chatis — lihtsalt POST-päringuga või olid suured failid?

Kuidas tarniti välja, kuidas testiti, kui sageli välja anti?

#React registreerimisvorm 1. Selgitage, kuidas töötab StateProvider, jagage oma mõtteid intervjueerijaga. 2. Vaadake /src/api/mock, selgitage, kuidas see töötab. 3. Kontrollige SubmitButtoni värvi ja parandage see. 4. Rakendage klientide vormi valideerimine Signup komponendis. (* ) Pidage meeles ülesande number 9. Reeglid: - Kasutajanimi, E-posti, Parooli, Parooli uuesti väljad peaksid olema vähemalt 6 tähemärki; - Parool peaks vastama Parooli uuesti; - Valideerimine peaks toimuma "Registreeru" nupule klikkides; - Väljad, mille väärtused on kehtetud, tuleks märkida (props error ja helperText); 6. API vastus võib sisaldada viga, mida tuleks kasutajale näidata vastava välja lähedal. 7. Veenduge, et UserName komponent kuvab uue kasutajanime pärast edukat saatmist. 8. Rakendage uus SignupSuccess komponent. See peaks olema registreerimisvormi asemel näidatud. 9. Rakendage serveripoolne valideerimine sobivatele väljadele.

Meil on väga suur frontend monorepos, mille kallal töötab korraga palju erinevaid meeskondi. Me ei saa üle minna mikro-frontendidele. Kuidas minimeerida risk, et erinevad meeskonnad mõjutavad üksteise tööd?

Loo STOP-märk (punane ring valge triibu ja topeltäärisega) kasutades ainult ühte div-i ja CSS-i (pseudoelemendid on lubatud).

Mida sa tavaliselt teed, kui tunned, et arendus on käimas ja sa oled natuke ajast maha jäänud? On väljaandmise kuupäev, kuid sa mõistad, et sa ei jõua ülesannet õigeaegselt lõpetada.

Rakenda promiseWithResolver (viivitusega lubadus) funktsiooni, mis tagastab objekti koos väljadega resolve ja promise.

Kuidas sa üldse õpid midagi uut programmeerimise kohta ja mis on see, mis sulle viimati meelde jäi?

Kas on kunagi juhtunud, et ühes toote funktsioonis tagastatakse palju välju, teises aga ainult kaks?