Frontend

Mit használtak a többdimenziós űrlapokkal való munkához — az érvényesítéshez, milyen problémákat tapasztaltak, hogyan tesztelték?

Hogyan oldja meg a kliens oldali redundáns adatlekérdezés problémáját, amikor az adatok már betöltődtek a szerverre SSR-en keresztül?

Említette a Docker-t, CI/CD-t, GitHub Actions-t, GitLab-ot — el tudná magyarázni, pontosan mit csináltál, milyen pipeline-ok voltak, mi volt a konténerekben?

Hogyan optimalizálható a képek betöltése a viewportban látható kártyákon? Hogyan oldható meg a race condition probléma gyors tartalomváltás esetén (pl. YouTube Shorts)?

Az oldalon van egy lejátszó. Úgy kellene megvalósítani, hogy amikor egy fülön megnyomják a stop gombot, a lejátszás megálljon egy másik fülön is. Hogyan valósítanád meg a fülök közötti kommunikációt?

Valósítsa meg a szerveroldali validációt a megfelelő mezőkhöz.

Hogyan lehet az adatokat a szerveren cache-elni a felhasználók betöltésének gyorsítása érdekében?

Hogyan cserélődtek a fájlok a chatben — egyszerűen POST-kéréssel vagy nagy fájlok voltak?

Hogyan működik a lista virtualizálása? Hogyan valósul meg technikailag JavaScript segítségével?

Készítse el a STOP jelet (piros kör fehér csíkkal és dupla kerettel) csak egy div és CSS segítségével (pseudo-elemék engedélyezettek).

#React regisztrációs űrlap 1. Magyarázza el, hogyan működik a StateProvider, ossza meg gondolatait az interjúztatóval. 2. Nézze meg a /src/api/mock-ot, magyarázza el, hogyan működik. 3. Ellenőrizze a SubmitButton színét, és javítsa ki. 4. Valósítsa meg az ügyféloldali űrlap-ellenőrzést a Signup komponensben. (\*) Tartsa szem előtt a 9. feladatot. Szabályok: - A Felhasználónév, Email, Jelszó és Ismételje meg a jelszót mezőknek legalább 6 karakter hosszúnak kell lenniük; - A Jelszónak egyeznie kell az Ismételje meg a jelszóval; - Az ellenőrzést a "SignUp" gomb kattintásakor kell végrehajtani; - A hibás értékekkel rendelkező mezőket meg kell jelölni (error és helperText props); 6. Az API válaszában lehet hiba, amelyet a felhasználónak a megfelelő mező közelében kell megjeleníteni. 7. Győződjön meg arról, hogy a UserName komponens a sikeres küldés után megjeleníti az új felhasználónevet. 8. Valósítsa meg az új SignupSuccess komponenst. Ez a regisztrációs űrlap helyett jelenjen meg. 9. Valósítsa meg a szerveroldali validálást a megfelelő mezőkhöz. --- Kód a mock.ts-ből: ```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( `Felhasználónév "${userName}" már foglalt. Kérjük, próbáljon másikat.` ) ); } }, 500); }); }, }; export default api; ```

Implementáld a TypeScript típusokat a customMap függvényhez, amely bármilyen típusú tömböt és egy másik típusú eredményt adó transzformációs függvényt fogad. A transzformációs függvénynek három argumentumot kell fogadnia (mint az Array.map callbackje).

Milyen keretrendszerekkel vagy eszközökkel dolgozol? Használsz AI-eszközöket a munkádban?

Hogyan szállították a kiadásokat, hogyan tesztelték, milyen gyakran jelentek meg?

#React regisztrációs űrlap 1. Magyarázd el, hogyan működik a StateProvider, oszd meg gondolataidat az interjúztatóval. 2. Nézd meg a /src/api/mock-ot, magyarázd el, hogyan működik. 3. Ellenőrizd a SubmitButton színét és javítsd ki. 4. Valósíts meg kliensoldali űrlap-ellenőrzést a Signup komponensben. (* ) Tartsd szem előtt a 9-es feladat számát. Szabályok: - A Felhasználónév, Email, Jelszó, Ismételje meg a jelszót mezőknek legalább 6 karakter hosszúnak kell lenniük; - A jelszónak egyeznie kell az Ismételje meg a jelszót mezővel; - Az ellenőrzést a "Regisztrálok" gombra kattintáskor kell végrehajtani; - A hibás értékekkel rendelkező mezőket jelölni kell (error és helperText props); 6. Az API válaszában lehet hiba, amit a felhasználónak a megfelelő mező közelében kell megjeleníteni. 7. Győződj meg arról, hogy a UserName komponens a sikeres küldés után megjeleníti az új felhasználónevet. 8. Valósíts meg egy új SignupSuccess komponenst. Ez a regisztrációs űrlap helyett jelenjen meg. 9. Valósíts meg szerveroldali validációt a megfelelő mezőkhöz.

Nagyon nagy front-endünk van monorepo-ban, amin sok különböző csapat dolgozik egyszerre. Nem tudunk áttérni mikro-frontendre. Hogyan minimalizálhatjuk annak kockázatát, hogy különböző csapatok befolyásolják egymás munkáját?

Valósítsa meg a promiseWithResolver (késleltetett ígéret) függvényt, amely egy olyan objektumot ad vissza, amelynek resolve és promise mezői vannak.

Mit szoktál általában tenni, ha úgy érzed, hogy a fejlesztés folyamatban van, és kicsit le vagy maradva a határidőktől? Van egy kiadási dátum, de érted, hogy nem fogod tudni befejezni a feladatot időben.

Hogyan szerzel általában új tudást a programozásról, és mi az, ami legutóbb megmaradt benned?

Nézd meg ezt a kódrészletet — értsd meg, mit csinál, és írj egy egyszerű példát a használatra. Van egy hasonló helper a lodash-ban.