25 suosituinta verkkokehittäjähaastattelun kysymystä ja vastausta

Verkkokehittäjillä on edelleen kysyntää Internetin kasvaessa. Työpaikan saamiseksi sinun on kuitenkin ensin skaalattava työnantajan haastatteluistunto.

Vaikka suuremmat tiimit palkkaavat yleensä joko etu- tai taustakehittäjiä, pienemmät tiimit ja startups menee usein täyden pinon kehittäjille. Joten on hyödyllistä tietää niin paljon kuin mahdollista.

Seuraavassa on luettelo 25 suosituimmista verkkokehittäjien haastattelukysymyksistä ja niiden vastaukset, jotka auttavat sinua valmistautumaan.

1. Mitkä ovat HTML:n, JavaScriptin ja CSS:n roolit verkkokehityksessä?

HTML on lyhenne sanoista HyperText Markup Language, ja se on vakiokieli verkossa julkaistavien asiakirjojen kehittämisessä. JavaScript ja CSS ovat lisävarusteita.

JavaScript suunniteltiin alun perin asiakaspuolen ohjelmointikieleksi, ja se suoritetaan selaimessa tuottamaan lisää toimintoja verkkosivulle. CSS on lyhenne sanoista Cascading Style Sheets ja sitä käytetään elementtien esittämiseen näytöllä.

2. Mitä on responsiivinen web-suunnittelu?

Responsiivinen web-suunnittelu on verkkokehitystapa, jonka tavoitteena on luoda käyttäjälle paras käyttökokemus mukauttamalla verkkosivuston ulkoasua käyttäjän laitteen tai ympäristön mukaan.

Tavoitteena on, että verkkosivusto näyttää hyvältä kaikilla laitteilla, ja tämä sisältää dynaamisia muutoksia, jotka joko pienentävät laatikoiden kokoa ja kohdistusta kasvatettaessa laitteen näytön koon tai suunnan perusteella.

3. Mitä etuja viitekehyksen käytöstä on?

Kehyksen käyttämisestä verkkosovelluksen kehittämisessä on monia etuja. Tärkeimmät ovat seuraavat:

1. Helpompi kehitysprosessi parhaiden käytäntöjen avulla.
2. Aloitusprojektien nopeampi kehitys säästää aikaa.
3. Kokeillun koodin käyttö.
4. Usein tarjoaa parempaa turvallisuus.
5. Säästää kustannuksia varsinkin suuremmissa projekteissa.

4. Mikä on JavaScript-takaisinsoitto?

JavaScript-takaisinkutsu on funktio, joka tulee suorittaa toisen funktion jälkeen. Takaisinsoittofunktion nimi ja argumentit voidaan välittää argumentteina ensimmäiselle funktiolle, ja ensimmäinen funktio voi myös välittää takaisinkutsun funktiolle argumentteja, jotka ovat tulosta sen laskelmista.

Takaisinsoittotoimintoja käytetään parhaiten asynkronisten funktioiden kanssa, joiden on odotettava muiden toimintojen suorittamista loppuun.

5. Selitä paikallinen vs globaali laajuus JavaScriptissä

Määritellyt muuttujat kirjoitetaan sanoilla ja niillä on merkitystä vain oikeassa kontekstissa. Paikallinen ja globaali laajuus viittaa tähän määriteltyjen muuttujien kontekstiin. Globaali muuttuja on määritettävä funktion ulkopuolella, kun taas paikalliset muuttujat määritellään funktion sisällä.

Näin ollen globaalilla muuttujalla on globaali laajuus, mikä tarkoittaa, että sitä voidaan käyttää mistä tahansa ohjelmasta. Paikallisella muuttujalla on kuitenkin paikallinen laajuus, mikä tarkoittaa, että siihen pääsee käsiksi vain funktion sisältä.

6. Selitä Z-indeksi CSS:ssä

Z-indeksi on elementin ominaisuus, jota käytetään määrittämään elementin pinojärjestys. Pinojärjestys viittaa elementin kykyyn olla muiden elementtien takana tai edessä aivan kuten korttipino.

Elementit, joilla on korkeampi pinojärjestys, näkyvät pienempien pinojärjestyksen elementtien edessä. Tässä yhteydessä elementin pinojärjestys 2 tai 100 takaa sen, että se näkyy sivulla kaikkien muiden yläpuolella. Vastaavasti sivu, jolla ei ole määritettyjä pinojärjestystä, pinoaa lähteen alimmat elementit korkeammalle kuin ylimmät.

7. Mikä on Marquee HTML:ssä?

Marque on HTML:n säilötunniste, jota käytetään vierivän tekstin näyttämiseen. Sen avulla voit hallita vierityssuuntaa ja nopeutta. Marquee on kuitenkin vanhentunut HTML5:ssä, ja sinun on suositeltavaa käyttää sen sijaan CSS:ää.

Esimerkki rullauksesta valintateltan kanssa:

Merkkivieritysteksti

8. Luettele tärkeimmät tavat lyhentää sivun latausaikaa

Kehittäjä voi tehdä monia vaiheita parantaakseen sivun latausaikaa, joista tärkeimmät ovat:

• Optimoi kuvat ja pienennä niiden kokoa
• Päästä eroon tarpeettomista widgeteistä
• Vähennä hakuja minimiin
• Isännöi verkkosivusto kunnon isännällä
• Käytä Accelerated Mobile Pages -palvelua tai staattiset sivustot
• Laiska lataus kuvat
• Pienennä koodisi

9. Mitä eroja on Canvasin ja SVG:n välillä?

SVG tulee sanoista Scalable Vector Graphics ja tag on säiliöelementti grafiikan, kuten ympyrän, laatikon, ellipsin ja niin edelleen, luomiseen. Voit muokata SVG:tä CSS:n tai JavaScriptin avulla, ja koska se on skaalautuva, se toimii hyvin korkearesoluutioisille tulosteille.

The kontti sen sijaan on rasteripohjainen eikä skaalautuva. Sitä käytetään myös grafiikan luomiseen, mutta sitä voi muokata vain JavaScriptillä. Se on kuitenkin tehokkaampi käsittelemään suurempia kohteita.

10. Kuinka Null Erota Määrittelemätön?

Null on arvoton esitys. Sitä käytetään yleensä sijoittelun haltijana määritellyn muuttujan alustamiseen, jolle ei ole määritetty todellista arvoa. Undefined puolestaan ​​viittaa määritettyyn muuttujaan, jota ei ole alustettu.

JavaScriptissä:

muuttuja muuttujaA;

muuttuja B = nolla;

hälytys(muuttujaA); //näyttää määrittelemättömän

hälytys(muuttujaB); //näyttää nollan

11. Miten tunnus eroaa luokasta?

Tunnus ja luokka ovat kaksi tapaa tunnistaa ja käsitellä elementtejä HTML-dokumentissa. Suurin ero näiden kahden välillä on kuitenkin se, että tunnuksen on oltava yksilöllinen. Toisin sanoen kahdella elementillä ei voi olla samaa tunnusta, mutta kahdella tai useammalla elementillä voi olla sama luokka.

Tunnusta käytetään käsittelemään tiettyjä elementtejä, kun taas luokkaa käytetään käsittelemään elementtiryhmää, jolla on yksi tai useampi yhteinen piirre.

12. Kuinka parannat verkkosivuston suojausominaisuuksia?

Muutamat vaiheet, joilla voit parantaa verkkosivuston turvallisuutta, ovat:

1. Vahvan salasanapolitiikan täytäntöönpano. Tämä tarkoittaa, että on tarkistettava, että valitussa salasanassa on yli 8 merkkiä ja että se sisältää numeroita, erikoismerkkejä sekä isoja ja pieniä kirjaimia.
2. Captchan tai minkä tahansa robotin vastaisen toimenpiteen käyttö.
3. Tarvittaessa käytetään kaksi- tai monitekijätodennusmenetelmiä, kuten OTP:itä (One-Time-Passwords) ja laitteistosanoja.
4. Isäntäkone, jossa on DDoS-suojaus ja automaattinen varmuuskopiointi.

13. Miten localStorage eroaa sessionStoragesta?

LocalStorage- ja sessionStorage-järjestelmät antavat kehittäjän tallentaa tietoja verkkoselaimeen. LocalStoarage on kuitenkin pysyvä, kun taas sessionStorage ei. Toisin sanoen localStorageen tallennetut tiedot ovat käytettävissä selaimessa useiden istuntojen ajan, kun taas sessionStorageen tallennetut tiedot poistetaan, kun selaimen välilehti suljetaan.

14. Listaa HTTP2.0:n parannukset HTTP 1.1:een verrattuna

HTTP/2-protokolla julkaistiin vuonna 2015 ja tarjoaa merkittäviä parannuksia, kuten:

1. Parempi tietoturva käyttämällä binääriä tekstin sijaan.
2. Parempi suorituskyky.
3. Pienempi latenssi.
4. Parempi virheiden käsittely.
5. Matala yläpuolella.

15. Mitä eroa on Git Pullilla ja Git Mergella?

Git pull -komennon avulla voit ladata sisältöä etävarastosta, minkä jälkeen se päivittää paikallisen arkiston ladatulla sisällöllä.

Git merge -komento puolestaan ​​antaa sinun yhdistää kaksi erikseen kehitettyä saman haaraa projekti. Yhdistämiskomento on suoritettava haarasta, johon haluat yhdistää, ja tämä on yleensä päähaara.

16. Miten GET eroaa POST- ja PUT-lähetyksestä?

Selain käyttää HTML GET -menetelmää tietojen pyytämiseen palvelimelta, kun taas POST- ja PUT-menetelmiä käytetään tietojen lähettämiseen selaimesta palvelimelle.

Mutta vaikka POST-pyyntö voi yksinkertaisesti lisätä tietoja palvelinresurssiin, PUT-pyyntöä käytetään korvaamaan resurssi kokonaan pyynnön hyötykuormalla.

17. Listaa suosituimmat tiedonsiirtomuodot

Tässä ovat tähän mennessä suosituimmat tiedonsiirtomuodot:

1. XML
2. YAML
3. CSV
4. JSON
5. HTTP
6. SQL

18. Listaa 3 tyyppiä ponnahdusruutuja

JavaScriptin ponnahdusikkunoita käytetään viestien näyttämiseen käyttäjälle, syötteiden pyytämiseen ja joskus molempien tekemiseen. Tässä on 3 tyyppiä JavaScript-ponnahdusikkunoita:

1. Ilmoituslaatikko – Tämä näyttää viestisi sekä 'OK'-painikkeen.
2. Vahvista laatikko – Tämä valintaikkuna sisältää sekä OK- että Peruuta-painikkeet, jotka voivat vaikuttaa koodiin.
3. Kehotuslaatikko – Tämä laatikko sisältää tekstinsyöttöruudun tietojen keräämistä varten käyttäjältä.

19. Nimeä eri tapoja sisällyttää CSS-koodi

On kolme tapaa sisällyttää CSS HTML-dokumenttiin. He ovat:

1. Ulkoinen CSS – Sisällytät .css-asiakirjan käyttämällä asiakirjan sisällä tunnisteet.
2. Sulautettu CSS – Sisällytät CSS-koodin tunnisteet missä tahansa asiakirjassa.
3. Sisäinen CSS – Käytät style=”CSS-property: value” -paria HTML-tunnisteiden sisällä, esim. PSquare!

20. Kuinka window.onload Eroaa tiedostosta document.onload?

Window.onloada käytetään JavaScript-koodin suorittamiseen, kun selain on ladannut sivun DOM-puun ja muut perustiedot, mukaan lukien kuvat, CSS-koodin ja skriptit.

Vaikka document.onload suoritetaan heti, kun DOM on valmis, tämä voi tarkoittaa jopa ennen kuvien ja ulkoisten kirjastojen lataamista.

21. Kuinka piilotat elementin CSS:n avulla?

Voit piilottaa HTML-elementin kolmella CSS-menetelmällä, jotka ovat:

1. Näyttö: ei mitään; – Elementtiä ei hahmonneta eikä näytetä.
2. Näkyvyys: piilotettu; – Elementti renderöidään, mutta sitä ei näytetä.
3. Asema: Absoluuttinen; – Elementti renderöidään ja näytetään, mutta sijoitetaan näyttöalueen ulkopuolelle.

22. Mitkä ovat Ajaxin parhaat käyttötavat?

Ajax on tapa ladata tietoja palvelimelta taustalla JavaScriptin avulla. Sillä on monia käyttötarkoituksia, kuten tietojen validointi, chat-sovellukset, kommentit, tietojen suodatus, visuaalinen muokkaus, kyselyt ja niin edelleen.

23. Listaa joitakin CSS3:n uusia ominaisuuksia

CSS3 sisältää monia moderneja ja hyödyllisiä ominaisuuksia CSS2:n lisäksi, kuten:

1. Pyöristetyt kulmat laatikoille ja kuville.
2. Esineiden animaatio.
3. Muuttujat ja funktiot ilmoituksille.
4. Grid & Flexbox reagoivaan suunnitteluun.
5. Gradientit taustaväreille.
6. Opasiteetin hallinta rgba:lla.
7. Varjotehoste laatikoihin ja teksteihin.
8. Siirtymät kohteelle Hover ja Focus on elements.

24. Mitä uusia syöttötyyppejä otettiin käyttöön HTML5:ssä?

Syöttötyyppi on arvo, jonka annat syöttöelementille HTML-dokumentissa.

Esimerkki on:

or

Uusia HTML5-syöttötyyppejä ovat:

1. Päivämäärä
2. Väri
3. Sähköposti
4. Haku
5. Puh
6. Kuukausi
7. Lukumäärä
8. Kuukausi
9. URL
10. Päivämäärä-aika-paikallinen

25. Kuvaile HTML5-mediaelementtejä

HTML5 sisältää enemmän elementtitageja mediatyyppien ja -lähteiden käsittelemiseksi. He ovat:

• – MP4-, WebM- ja Ogg-videoille.
• – määrittää useita lähteitä eri muodoissa.
• – MP3-, Ogg- ja WAV-äänelle.
• – Säiliö ulkoisten resurssien sisällyttämiseen kuvista videoihin ja verkkosivuille.
• – määrittää tekstitysraidat videoille.

Yhteenveto

Saavuttuamme 25 suosituimman verkkokehittäjähaastattelukysymyksen luettelomme loppuun, huomaat, että täyden pinon kehittäjänä tarvitaan melkoinen yhdistelmä tekniikoita.

Vaikka tämä on työn eri puolia käsittelevä opas, se ei suinkaan ole tyhjentävä. Joten sinun on tunnistettava alueet, joista et ole selvillä, ja sitten oppia.