25 parimat veebiarendaja intervjuu küsimust ja vastust, mida peab teadma

Veebiarendajad on jätkuvalt nõutud, kuna Internet kasvab jätkuvalt. Töökoha leidmiseks peate esmalt suurendama tööandja intervjuu seanssi.

Kuigi suuremad meeskonnad kipuvad palkama kas esi- või tagaosa arendajaid, valivad väiksemad meeskonnad ja idufirmad sageli täiskomplekti arendajaid. Seega on kasulik teada nii palju kui võimalik.

Järgmine on nimekiri 25 parimast veebiarendaja intervjuu küsimusest ja nende vastustest, mis aitavad teil valmistuda.

1. Millised on HTML-i, JavaScripti ja CSS-i rollid veebiarenduses?

HTML tähistab hüperteksti märgistuskeelt ja see on standardkeel veebis avaldatavate dokumentide arendamiseks. JavaScript ja CSS on lisad.

JavaScript loodi algselt kliendipoolse programmeerimiskeelena, see käivitatakse brauseris, et luua veebilehel rohkem funktsioone. CSS tähistab Cascading Style Sheets'i ja seda kasutatakse elementide kuvamiseks ekraanil.

2. Mis on tundlik veebidisain?

Responsive veebidisain on veebiarenduslähenemine, mille eesmärk on luua kasutajale parim kogemus, kohandades veebilehe välimust vastavalt selle kasutaja seadmele või keskkonnale.

Eesmärk on, et veebisait näeks hea välja kõikides seadmetes ja sellega kaasnevad dünaamilised muudatused, mis kas vähendavad kasti suurust ja joondust vastavalt seadme ekraani suurusele või orientatsioonile.

3. Mis kasu on raamistiku kasutamisest?

Raamistiku kasutamisel veebirakenduse arendamisel on palju eeliseid. Peamised on järgmised:

1. Lihtsam arendusprotsess parimate tavadega.
2. Stardiprojektidega kiirem arendus säästab aega.
3. Proovitud koodi kasutamine.
4. Tagab sageli parema turvalisuse.
5. Säästab kulusid, eriti suuremate projektide puhul.

4. Mis on JavaScripti tagasihelistamine?

JavaScripti tagasikutse on funktsioon, mis tuleks käivitada pärast mõnda muud funktsiooni. Tagasihelistamisfunktsiooni nime ja argumendid saab edastada argumentidena esimesele funktsioonile, lisaks saab esimene funktsioon edastada tagasihelistamise funktsioonile sisemiselt argumente, mis on selle arvutuste tulemus.

Tagasihelistamise funktsioone on kõige parem kasutada asünkroonsete funktsioonidega, mis peavad ootama, kuni teised funktsioonid esmalt täitmise lõpetavad.

5. Selgitage JavaScriptis kohalikku vs globaalset ulatust

Määratletud muutujad kirjutatakse sõnadega ja need on tähendusrikkad ainult õiges kontekstis. Kohalik ja globaalne ulatus viitab sellele määratletud muutujate kontekstile. Globaalne muutuja tuleb määratleda väljaspool funktsiooni, samas kui kohalikud muutujad on määratletud funktsiooni sees.

Seega on globaalsel muutujal globaalne ulatus, mis tähendab, et sellele pääseb juurde kõikjalt programmis. Kohalikul muutujal on aga lokaalne ulatus ja see tähendab, et sellele pääseb juurde ainult funktsiooni seest.

6. Selgitage Z-indeksit CSS-is

Z-indeks on elemendi atribuut, mida kasutatakse elemendi virna järjekorra määratlemiseks. Virna järjekord viitab elemendi võimele olla teiste elementide taga või ees, nagu kaardivirn.

Kõrgema virna järjestusega elemendid kuvatakse madalama virna järjestusega elementide ette. Selles kontekstis tagab elemendile virna järjekorra andmine 2 või 100, et see kuvatakse lehel kõigi teiste kohal. Samamoodi virnastab leht ilma määratud virnakorralduseta allika alumised elemendid kõrgemale kui ülemised.

7. Mis on Marquee HTML-is?

Marque on HTML-i konteineri silt, mida kasutatakse keritava teksti kuvamiseks. See võimaldab teil juhtida kerimissuunda ja ka kiirust. Marquee on aga HTML5-s aegunud ja teil on soovitatav selle asemel kasutada CSS-i.

Telgiga kerimise näide:

Marquee'i kerimistekst

8. Loetlege peamised viisid lehe laadimisaja vähendamiseks

Lehe laadimisaja parandamiseks saab arendaja astuda palju samme, millest peamised on järgmised.

• Optimeerige pilte ja vähendage nende suurust
• Vabane tarbetutest vidinatest
• Vähendage otsinguid miinimumini
• Hoiustage veebisait korralikul hostil
• Kasutage Accelerated Mobile Pages või staatilisi saite
• Laisa laadimise pildid
• Minimeerige oma kood

9. Mis vahe on lõuendil ja SVG-l?

SVG tähistab Scalable Vector Graphics ja silt on konteinerelement graafika loomiseks, nagu ring, kast, ellips jne. Saate SVG-d muuta CSS-i või JavaScripti abil ja skaleeritavus tähendab, et see töötab hästi kõrge eraldusvõimega väljundite jaoks.

The konteiner seevastu on rastripõhine ega ole skaleeritav. Seda kasutatakse ka graafika loomiseks, kuid seda saab muuta ainult JavaScriptiga. Siiski on see tõhusam suurema hulga objektide käsitlemisel.

10. Kuidas NULL Erinevus Defineerimata?

Null on väärtusetu esitus. Tavaliselt kasutatakse seda paigutuse hoidjana määratletud muutuja lähtestamiseks, millele pole määratud tegelikku väärtust. Undefined seevastu viitab määratletud muutujale, mida pole initsialiseeritud.

JavaScriptis:

muutuja muutujaA;

muutujaB = null;

hoiatus(muutujaA); //näitab määramata

hoiatus(muutujaB); //näitab nulli

11. Mille poolest erineb ID klassist?

ID ja klass on kaks meetodit HTML-dokumendi elementide tuvastamiseks ja käsitlemiseks. Peamine erinevus nende kahe vahel on aga see, et ID peab olema kordumatu. Teisisõnu, kaks elementi ei saa jagada sama ID-d, kuid kaks või enam elementi võivad jagada sama klassi.

ID-d kasutatakse konkreetsete elementide käsitlemiseks, klassi aga elementide rühma, millel on üks või mitu ühist tunnust, käsitlemiseks.

12. Kuidas parandada veebisaidi turvaelemente?

Mõned sammud, mida saate veebisaidi turvalisuse parandamiseks teha, on järgmised:

1. Tugeva paroolipoliitika jõustamine. See tähendab, et tuleb kontrollida, kas valitud parool on üle 8 tähemärgi ja sisaldab numbreid, erimärke ning suuri ja väikeseid tähti.
2. Captcha või mis tahes robotivastase meetme kasutamine.
3. Vajadusel kahe- või mitmefaktorilise autentimismeetodi kasutamine, nagu ühekordsed paroolid (One-Time-Passwords) ja riistvaradonglid.
4. DDoS-kaitse ja automaatsete varundusfunktsioonidega hosti kasutamine.

13. Mille poolest localStorage erineb sessionStorage'ist?

Süsteemid LocalStorage ja sessionStorage võimaldavad arendajal andmeid veebibrauserisse salvestada. LocalStoarage on siiski püsiv, sessionStorage aga mitte. Teisisõnu on localStorage'i salvestatud andmed saadaval brauseris mitme seansi jooksul, samas kui sessiooniStorage'is salvestatud andmed kustutatakse pärast brauseri vahekaardi sulgemist.

14. Loetlege HTTP2.0 täiustused HTTP 1.1-ga võrreldes

HTTP/2 protokoll avaldati 2015. aastal ja pakub olulisi täiustusi, näiteks:

1. Parem turvalisus, kasutades binaarsõnumit teksti asemel.
2. Parem jõudlus.
3. Madalam latentsusaeg.
4. Parem vigade käsitlemine.
5. Madalam üldkulud.

15. Mis vahe on Git Pullil ja Git Merge'il?

Git pull käsk võimaldab teil sisu kaughoidlast alla laadida, seejärel värskendab see teie kohalikku hoidlat allalaaditud sisuga.

Git merge käsk seevastu võimaldab teil ühendada sama projekti kaks eraldi arendatud haru. Ühendamiskäsk tuleb sooritada harust, kuhu soovid liita, ja see on tavaliselt põhiharu.

16. Mille poolest GET erineb postitamisest ja laskmisest?

HTML GET-meetodit kasutab brauser serverilt teabe küsimiseks, POST- ja PUT-meetodeid aga teabe saatmiseks brauserist serverisse.

Kuid kuigi POST-päring võib lihtsalt serveriressurssi andmeid lisada, kasutatakse PUT-päringut ressursi täielikuks asendamiseks, kasutades päringu kasulikku koormust.

17. Loetlege kõige populaarsemad andmevahetusvormingud

Siin on seni populaarseimad andmevahetusvormingud:

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

18. Loetlege 3 tüüpi hüpikakne

JavaScripti hüpikakne kasutatakse kasutajale sõnumite kuvamiseks, sisendi taotlemiseks ja mõnikord mõlema tegemiseks. Siin on 3 tüüpi JavaScripti hüpikaknaid:

1. Hoiatuskast – See kuvab teie sõnumi ja nupu „OK”.
2. Kinnitage kast – See dialoogiboks sisaldab nii nuppe „OK” kui ka „Tühista”, mis võivad koodi mõjutada.
3. Kiire kast – See kast sisaldab tekstisisestuskasti kasutajalt teabe kogumiseks.

19. Nimetage erinevad viisid CSS-koodi kaasamiseks

CSS-i lisamiseks HTML-dokumenti on kolm võimalust. Need on:

1. Väline CSS – Lisate .css-dokumendi kasutades dokumendi sees sildid.
2. Manustatud CSS - Lisate CSS-koodi sisse märgendid, kõikjal dokumendis.
3. Reas CSS – Kasutate oma HTML-märgendite sees paari style=”CSS-property: value”, nt. PSquare!

20. Kuidas window.onload Kas erineb dokumendist document.onload?

Window.onloadi kasutatakse JavaScripti koodi käivitamiseks, kui brauser on laadinud lehe DOM-puu ja muud põhielemendid, sealhulgas pildid, CSS-kood ja skriptid.

Kuigi document.onload käivitub kohe pärast DOM-i valmimist, võib see tähendada isegi enne piltide ja väliste teekide laadimist.

21. Kuidas peita elementi CSS-i abil?

Saate peita HTML-i elemendi kolme CSS-meetodi abil. Need on järgmised:

1. Kuva: puudub; – elementi ei renderdata ega kuvata.
2. Nähtavus: peidetud; – element renderdatakse, kuid seda ei kuvata.
3. Asend: absoluutne; – Element renderdatakse ja kuvatakse, kuid paigutatakse kuvaalast väljapoole.

22. Millised on Ajaxi parimad kasutusvõimalused?

Ajax on meetod andmete laadimiseks serverist taustal JavaScripti abil. Sellel on palju kasutusvõimalusi, näiteks andmete valideerimine, vestlusrakendused, kommentaarid, andmete filtreerimine, visuaalne redigeerimine, küsitlused ja nii edasi.

23. Loetlege mõned CSS3 uued funktsioonid

CSS3 sisaldab CSS2 kõrval palju kaasaegseid ja kasulikke funktsioone, näiteks:

1. Ümardatud nurgad kastide ja piltide jaoks.
2. Objektide animatsioon.
3. Muutujad ja funktsioonid deklaratsioonide jaoks.
4. Grid & Flexbox tundlikuks disainiks.
5. Taustavärvide gradiendid.
6. Läbipaistmatuse juhtimine rgba abil.
7. Varjuefekt kastide ja tekstide jaoks.
8. Üleminekud hõljutamiseks ja elementidele keskendumiseks.

24. Milliseid uusi sisestustüüpe HTML5-s kasutusele võeti?

Sisendtüüp on väärtus, mille annate HTML-dokumendis sisendelemendile.

Näide on järgmine:

or

Uued HTML5 sisestustüübid hõlmavad järgmist:

1. kuupäev
2. Värvilised
3. E-POST
4. Otsing
5. Selline
6. kuu
7. Arvude vahemik
8. kuu
9. URL
10. Kuupäev-kellaaeg-kohalik

25. Kirjeldage HTML5 meediaelemente

HTML5 sisaldab meediumitüüpide ja allikate käsitlemiseks rohkem elementmärgendeid. Need on:

• – MP4, WebM ja Ogg videote jaoks.
• – mitme allika määratlemiseks erinevates vormingutes.
• – MP3-, Ogg- ja WAV-heli jaoks.
• – konteiner väliste ressursside lisamiseks piltidest videoni ja veebilehtedeni.
• – videote subtiitrite määramiseks.

Järeldus

Jõudes meie 25 parima veebiarendaja intervjuu küsimuse loendi lõppu, näete, et täielikuks arendajaks on vaja üsna palju tehnoloogiaid.

Kuigi see on juhend, mis puudutab töö erinevaid aspekte, pole see sugugi ammendav. Seega on teie ülesanne tuvastada valdkonnad, milles te pole selge, ja seejärel õppida.