17 suosituinta verkkokehittäjähaastattelun kysymystä ja vastausta

Web-kehityksen haastattelukysymykset

Tässä on Web Development -haastattelukysymyksiä ja vastauksia fuksilaisille sekä kokeneille Web Developer -ehdokkaille saadakseen unelmatyönsä.

---

1) Selitä, mitkä ovat verkkokehittäjän tärkeimmät vastuut?

• Ohjelma testaa ja korjaa kaikki verkkosovellukset
• Suunnittele, kehitä, testaa ja ota käyttöön verkkosovelluksia
• Sivujen lataaminen palvelimelle ja rekisteröinti eri hakukoneisiin
• Tee yhteistyötä muiden suunnittelijoiden ja ohjelmoijien kanssa verkkoprojektien kehittämiseksi
• Korjaa vikoja, tee vianmääritys ja ratkaise ongelmat
• Jos järjestelmä epäonnistuu, aloita säännöllinen testaus ja toteuta varasuunnitelmat
• Kehitä sopivat koodirakenteet tiettyjen tehtävien ratkaisemiseksi
• Tukea ja avustaa ylläpidossa ja huolto verkkosivustoista
• Ottaa koodin omistukseen koko vaiheistuksen, kehityksen, testauksen ja tuotannon ajan

Ilmainen PDF-lataus: Web-kehittäjien haastattelukysymykset

---

2) Mitä verkkokehittäjän tulisi tietää?

Hyvän verkkokehittäjän pitäisi tietää

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

---

3) Selitä mikä on CORS? Miten se toimii?

(CORS) Cross-Origin Resource Sharing on mekanismi, jonka avulla monet verkkosivun resurssit (esim. JavaScript, kirjasimet jne.) voidaan pyytää toiselta verkkotunnukselta sen toimialueen ulkopuolelta, josta resurssi on peräisin. Se on tuettu mekanismi HTML5, joka hallitsee XMLHttpRequest-pääsyä eri verkkotunnukseen.

---

4) Luettele HTTP/2:n edut verrattuna HTTP 1.1:een?

HTTP/2:n etu HTTP/1.1:een verrattuna on

• HTTP-otsikoiden tietojen pakkaus
• Palvelimen push-tekniikat
• Sivuelementtien rinnakkaislataus yhden TCP-yhteyden kautta
• Pyynnön priorisointi

---

5) Selitä mikä on ETag ja miten se toimii?

ETag on läpinäkymätön tunniste, jonka verkkopalvelin osoittaa URL-osoitteesta löytyvän resurssin tietylle versiolle. ETag on osa HTTP:tä, World Wide Webin protokollaa ja kun palvelin lukee ETag:n asiakkaan pyynnöstä, palvelin voi sitten kertoa, lähettääkö tiedosto (HTTP 200) vai käskee asiakasta käyttämään vain paikallista kopiota. (HTTP 304).

---

6) Selitä mikä on pitkä kysely?

Pitkä kysely on verkkosovelluskehitysmalli, jota käytetään emuloimaan tietojen työntämistä palvelimelta asiakkaalle. Pitkää kyselyä käytettäessä asiakas lähettää pyynnön palvelimelle ja yhteys säilyy, kunnes palvelin on valmis lähettämään tietoja asiakkaalle. Yhteys katkaistaan ​​vasta, kun tiedot on lähetetty takaisin asiakkaalle tai yhteyden aikakatkaisu tapahtuu.

---

7) Selitä mikä on DTD (Document Type Declaration)? Mainitse mitä eroa on CDATA:lla ja PCDATA:lla DTD:ssä?

DTD tarkoittaa asiakirjatyypin määritelmää (DTD), joka määrittää asiakirjan rakenteen, juridiset elementit ja attribuutit. XML asiakirja.

• PCDATA: PCDATA on jäsennetty merkkitieto. XML-jäsentimet jäsentävät yleensä kaiken XML-dokumentin tekstin.
• CDATA: Vaikka CDATA on jäsentämätön merkkitieto, termiä CDATA käytetään tekstitiedoista, joita XML-jäsennin ei saa jäsentää.

---

8) Mainitse joitain vinkkejä, joiden avulla voit lyhentää kirjoittamasi verkkosovelluksen latausaikaa?

Voit lyhentää verkkosovelluksen latausaikaa noudattamalla seuraavia vinkkejä

• Optimoi kuvat enintään näytön resoluutioon ja tallenna ne pakattuna tiedostona
• Poista kaikki JavaScript-tiedostot siirrettävien tietojen määrän vähentämiseksi
• Yhdistä ja pienennä kaikki CSS ja JS ja kutsu niitä alatunnisteessa
• Lykkää tai synkronoi JS-tiedostot

---

9) Mainitse mikä on oikea tapa sisällyttää JavaScript HTML-koodiisi?

Oikea tapa sisällyttää JavaScript HTML-koodiin on käyttää upotettuja tapahtumakäsittelijöitä tai sisäistä koodia.

---

10) Selitä CSS:ssä, kuinka voit saada lomakeelementin taustavärin muuttumaan, kun käyttäjä kirjoittaa tekstiä? Toimiiko tämä kaikissa selaimissa?

Kyllä, voit muuttaa lomakeelementtien oletusulkoasua muokkaamalla niiden HTML-tunnisteita: syöttö-, valinta- ja tekstialue, mutta se ei toimi kaikissa selaimissa.

---

11) Selitä, mitä eroa on evästeiden ja paikallisen tallennustilan välillä?

---

12) Mitä tagia HTML:ssä voidaan käyttää moniriviseen tekstinsyötön ohjaukseen?

Moniriviseen tekstinsyötön ohjaukseen voit käyttää tekstialuetunnistetta.

---

13) Selitä, kuinka voit viitata CSS-tiedostoon verkkosivulla?

Voit katsoa verkkosivun .CSS-tiedostoa käyttämällä tag. Se tulee säilyttää välillä tag. Esimerkiksi <linkhref=”/css/mystyle.css” type=”text/css” rel=”stylesheet”/>

---

14) Luettele muutamia tapoja, joilla voit lyhentää sivun latausaikaa?

Voit lyhentää sivun latausaikaa tekemällä seuraavat toimet

• Pienennä kuvan kokoa
• Poista tarpeettomat widgetit
• HTTP-pakkaus
• CSS:n sijoittaminen yläreunaan ja komentosarjaviittauksen alareunaan tai ulkoisiin tiedostoihin
• Vähennä hakuja
• Minimoi uudelleenohjaukset
• Välimuisti,

---

15) Mainitse HTML:ssä ero ja ?

Ero välillä ja onko tuo a

kehys	Toin
Kehysten avulla voit näyttää useamman kuin yhden HTML-asiakirjan samassa selainikkunassa	The -tunniste määrittää jaon tai osan HTML-dokumentissa
Kehystunniste ilmoittaa yhden tietyn ikkunan kehysjoukon sisällä	The käytetään lohkoelementtien ryhmittelyyn niiden muotoilemiseksi tyyleillä
Kehykset voivat ladata muita resursseja HTML:n avulla	Toisaalta sivu jaostot voivat palvella paikallista sisältöä kehysten tapaan, mutta sisältö ei ole sivusta riippumaton.

---

16) Miten XHTML eroaa HTML:stä?

• XHTML edellyttää, että kaikki tagit on kirjoitettava pienillä kirjaimilla
• XHTML edellyttää, että kaikki tagit on suljettava kunnolla
• XHTML edellyttää, että kaikki attribuutit on suljettu lainausmerkkeihin
• XHTML kieltää tekstin sisäisiä elementtejä sisältämästä lohkotason elementtejä

---

17) Luettele HTML 5 -standardin tarjoamat uudet API:t?

• HTML 5 sisältää useita uusia sovellusliittymiä
• Media API
• Tekstiraidan API
• Sovellusvälimuistin API
• Tiedonsiirron API
• Käyttäjän vuorovaikutus
• Command API
• Constraint Validation API
• History API

Nämä haastattelukysymykset auttavat myös vivassasi (suullinen)