A 17 legjobb webfejlesztői interjú kérdés és válasz

Webfejlesztési interjúkérdések

Íme a webfejlesztési interjúk kérdései és válaszai a kezdőknek, valamint a tapasztalt webfejlesztő jelölteknek, hogy megszerezzék álmaik állását.

---

1) Magyarázza el, melyek a webfejlesztő fő feladatai?

• Programteszt és hibakeresés minden webalkalmazásban
• Webalkalmazások tervezése, fejlesztése, tesztelése és üzembe helyezése
• Webhelyek feltöltése a szerverre és regisztrálása különböző keresőmotorokhoz
• Együttműködés más tervezőkkel és programozókkal a webes projektek fejlesztéséhez
• Hibajavítás, hibaelhárítás és problémák megoldása
• Rendszerhiba esetén indítson időszakos tesztelést és hajtson végre készenléti terveket
• Megfelelő kódstruktúrák kidolgozása meghatározott feladatok megoldásához
• Támogassa és segítse a karbantartást és karbantartás webhelyek közül
• Vállalja a kód tulajdonjogát az előkészítés, a fejlesztés, a tesztelés és a gyártás során

Ingyenes PDF letöltés: Webfejlesztői interjúkérdések

---

2) Mit kell tudnia a webfejlesztőknek?

Egy jó webfejlesztőnek tudnia kell

• HTML
• CSS
• SQL
• PHP/Ruby/Python
• JQuery
• JavaScript

---

3) Magyarázza el, mi az a CORS? Hogyan működik?

(CORS) A Cross-Origin Resource Sharing egy olyan mechanizmus, amely lehetővé teszi, hogy egy weboldalon számos erőforrást (pl. JavaScript, betűtípusok stb.) lekérjenek egy másik, azon a tartományon kívüli tartományból, amelyből az erőforrás származik. Ez egy támogatott mechanizmus HTML5, amely az XMLHttpRequest hozzáférést egy másik tartományhoz kezeli.

---

4) Sorolja fel a HTTP/2 előnyeit a HTTP 1.1-hez képest?

A HTTP/2 előnye a HTTP/1.1-hez képest az

• HTTP-fejlécek adattömörítése
• Szerver push technológiák
• Egyetlen TCP kapcsolaton keresztül oldalelemek párhuzamos betöltése
• A kérés prioritása

---

5) Magyarázza el, mi az az ETag, és hogyan működik?

Az ETag egy átlátszatlan azonosító, amelyet egy webszerver rendel egy URL-en található erőforrás egy adott verziójához. Az ETag a HTTP része, a világháló protokollja, és amikor a szerver beolvassa az ETag-et a kliens kéréséből, a szerver meg tudja mondani, hogy küldje-e el a fájlt (HTTP 200), vagy csak azt mondja az ügyfélnek, hogy használja a helyi másolatát. (HTTP 304).

---

6) Magyarázza el, mi az a hosszú szavazás?

A hosszú lekérdezés egy webalkalmazás-fejlesztési minta, amelyet az adatok kiszolgálóról a kliens felé történő átküldésére használnak. A hosszú lekérdezés használatakor a kliens kérést küld a szervernek, és a kapcsolat érintetlen marad mindaddig, amíg a szerver készen áll arra, hogy adatokat küldjön a kliensnek. A kapcsolat csak az adatok kliensnek való visszaküldése vagy a kapcsolat időtúllépése után szakad meg.

---

7) Magyarázza el, mi az a DTD (Dokumentumtípus-nyilatkozat)? Említse meg, mi a különbség a CDATA és a PCDATA között DTD-ben?

A DTD dokumentumtípus-meghatározást (DTD) jelent, amely meghatározza egy dokumentum szerkezetét, jogi elemeit és attribútumait. XML dokumentumot.

• PCDATA: A PCDATA egy elemzett karakteradat. Az XML-elemzők általában az XML-dokumentumban lévő összes szöveget elemzik.
• CDATA: Míg a CDATA egy nem értelmezett karakteradat, a CDATA kifejezés olyan szöveges adatokra vonatkozik, amelyeket nem szabad az XML-elemzőnek elemeznie.

---

8) Említsen néhány tippet, amelyek segítségével csökkentheti az Ön által írt webalkalmazások betöltési idejét?

Egy webalkalmazás betöltési idejének csökkentéséhez kövesse az alábbi tippeket

• Optimalizálja a képeket legfeljebb képernyőfelbontásra, és mentse el tömörített fájlként
• Távolítsa el az összes JavaScript-fájlt, hogy csökkentse az átvihető adatok mennyiségét
• Összes összevonás és kicsinyítés CSS és JS, és hívja meg őket a láblécben
• A JS-fájlok elhalasztása vagy aszinkronizálása

---

9) Említse meg, mi a helyes módja a JavaScript beillesztésének a HTML-kódjába?

A JavaScript beillesztésének helyes módja a soron belüli eseménykezelők vagy soron belüli kód használata.

---

10) Magyarázza el CSS-ben, hogyan változtathatja meg egy űrlapelem háttérszínét, amikor a felhasználó szöveget ír be? Ez minden böngészőben működik?

Igen, megváltoztathatja az űrlapelemek alapértelmezett megjelenését a HTML-címkéik stílusával: beviteli, kijelölési és szöveges terület, de ez nem működik minden böngészőben.

---

11) Magyarázza el, mi a különbség a cookie-k és a helyi tárhely között?

---

12) A HTML-ben milyen címke használható többsoros szövegbeviteli vezérléshez?

Többsoros szövegbeviteli vezérléshez használhatja a „textarea tag”-et.

---

13) Magyarázza el, hogyan hivatkozhat CSS fájlra a weboldalon?

A weboldalon található .CSS fájlt a következő használatával tekintheti meg címke. között kell tartani címke. Például <linkhref=”/css/mystyle.css” type=”text/css” rel=”stylesheet”/>

---

14) Soroljon fel néhány módszert, amellyel csökkentheti az oldal betöltési idejét?

A következő lépéseket teheti az oldal betöltési idejének csökkentése érdekében

• Csökkentse a kép méretét
• Távolítsa el a felesleges widgeteket
• HTTP tömörítés
• Helyezze el a CSS-t felül, és a parancsfájl hivatkozását az alján vagy a külső fájlokban
• Csökkentse a kereséseket
• Minimalizálja az átirányításokat
• Gyorsítótár,

---

15) A HTML-ben említse meg a különbséget és ?

A különbség és az a

Keret	Div
A keretekkel egynél több HTML-dokumentumot is megjeleníthet ugyanabban a böngészőablakban	A címke egy felosztást vagy szakaszt határoz meg egy HTML dokumentumban
A frame tag egy adott ablakot deklarál egy keretkészleten belül	A blokkelemek csoportosítására szolgál, hogy stílusokkal formázzuk őket
A keretek más erőforrásokat is betölthetnek HTML használatával	Másrészt az oldal a részlegek a keretek módjára kiszolgálhatnak helyi tartalmat, de ez a tartalom nem független az oldaltól

---

16) Miben különbözik az XHTML a HTML-től?

• Az XHTML megköveteli, hogy minden címkét kisbetűvel kell írni
• Az XHTML megköveteli, hogy minden címkét megfelelően le kell zárni
• Az XHTML megköveteli, hogy minden attribútum dupla idézőjelbe legyen foglalva
• Az XHTML tiltja, hogy a soron belüli elemek blokk szintű elemeket tartalmazzanak

---

17) Sorolja fel a HTML 5 szabvány által biztosított új API-kat?

• A HTML 5 számos új API-val érkezik
• Média API
• Text track API
• Application Cache API
• Adatátviteli API
• Felhasználói interakció
• Command API
• Constraint Validation API
• Előzmények API

Ezek az interjúkérdések a viva-ban is segítenek.