25 najpomembnejših vprašanj in odgovorov za intervju s spletnimi razvijalci, ki jih morate poznati

Spletni razvijalci so še naprej povpraševani, saj internet še naprej raste. Če želite dobiti službo, morate najprej opraviti razgovor z delodajalcem.

Čeprav večje ekipe običajno najemajo bodisi front-end ali back-end razvijalce posebej, bodo manjše ekipe in startupi pogosto izbrali full-stack razvijalce. Zato je koristno vedeti čim več.

Sledi seznam 25 najpomembnejših vprašanj za intervju s spletnim razvijalcem, ki jih morate poznati, in odgovori nanje, ki vam bodo v pomoč pri pripravi.

1. Kakšne so vloge HTML, JavaScript in CSS pri spletnem razvoju?

HTML je kratica za HyperText Markup Language in je standardni jezik za razvijanje dokumentov za objavo v spletu. JavaScript in CSS sta dodatka.

JavaScript je bil prvotno zasnovan kot programski jezik na strani odjemalca in se izvaja v brskalniku, da ustvari več funkcionalnosti na spletni strani. CSS je kratica za Cascading Style Sheets in se uporablja za predstavitev elementov na zaslonu.

2. Kaj je odzivno spletno oblikovanje

Odzivno spletno oblikovanje je pristop spletnega razvoja, katerega cilj je ustvariti najboljšo izkušnjo za uporabnika s prilagajanjem videza spletnega mesta glede na uporabnikovo napravo ali okolje.

Cilj je, da spletno mesto izgleda dobro v vseh napravah, kar vključuje dinamične spremembe, ki bodisi zmanjšajo ob povečanju velikosti polj in poravnavo glede na velikost ali orientacijo zaslona naprave.

3. Kakšne so prednosti uporabe ogrodja?

Uporaba ogrodja pri razvoju spletne aplikacije ima številne prednosti. Glavni so naslednji:

1. Lažji razvojni proces z najboljšimi praksami.
2. Hitrejši razvoj z začetnimi projekti prihrani čas.
3. Uporaba preizkušene kode.
4. Pogosto zagotavlja boljšo varnost.
5. Prihrani stroške, zlasti pri večjih projektih.

4. Kaj je povratni klic JavaScript?

Povratni klic JavaScript je funkcija, ki se mora izvesti za drugo funkcijo. Ime in argumente funkcije povratnega klica je mogoče posredovati kot argumente prvi funkciji, poleg tega pa lahko prva funkcija interno posreduje argumente funkciji povratnega klica, ki so rezultat njenih izračunov.

Funkcije povratnega klica se najbolje uporabljajo z asinhronimi funkcijami, ki morajo počakati, da druge funkcije najprej končajo izvajanje.

5. Razložite lokalni in globalni obseg v JavaScriptu

Definirane spremenljivke so zapisane z besedami in te so pomembne le v pravem kontekstu. Lokalni in globalni obseg se nanašata na ta kontekst definiranih spremenljivk. Globalna spremenljivka mora biti definirana zunaj funkcije, medtem ko so lokalne spremenljivke definirane znotraj funkcije.

Tako ima globalna spremenljivka globalni obseg, kar pomeni, da je do nje mogoče dostopati od koder koli v programu. Lokalna spremenljivka pa ima lokalni obseg, kar pomeni, da je do nje mogoče dostopati le znotraj funkcije.

6. Razložite Z-indeks v CSS

Z-index je lastnost elementa, ki se uporablja za definiranje vrstnega reda skladov elementa. Vrstni red sklada se nanaša na zmožnost elementa, da je bodisi za ali pred drugimi elementi, tako kot kup kart.

Elementi z višjim vrstnim redom sklada se prikažejo pred elementi z nižjim vrstnim redom sklada. V tem kontekstu, če elementu dodelite vrstni red skladov 2 ali 100, zagotovite, da bo prikazan na vrhu vseh drugih na strani. Podobno bo stran brez določenega vrstnega reda skladov zložila spodnje elemente iz vira višje od zgornjih.

7. Kaj je Marquee v HTML?

Marque je oznaka vsebnika v HTML, ki se uporablja za prikaz drsnega besedila. Omogoča vam nadzor smeri drsenja in hitrosti. Marquee je v HTML5 opuščen, zato vam svetujemo, da namesto tega uporabite CSS.

Primer drsenja z oznako:

Besedilo za pomikanje po oznaki

8. Naštejte glavne načine za skrajšanje časa nalaganja strani

Obstaja veliko korakov, ki jih lahko razvijalec sprejme za izboljšanje časa nalaganja strani, glavni pa so:

• Optimizirajte slike in zmanjšajte njihovo velikost
• Znebite se nepotrebnih pripomočkov
• Zmanjšajte iskanje na minimum
• Spletno mesto gostite na spodobnem gostitelju
• Uporabite pospešene mobilne strani ali statična spletna mesta
• Leno nalaganje slik
• Zmanjšajte kodo

9. Kakšne so razlike med Canvas in SVG?

SVG je kratica za Scalable Vector Graphics in tag je vsebniški element za ustvarjanje grafike, kot so krog, okvir, elipsa itd. SVG lahko spreminjate s pomočjo CSS ali JavaScript, razširljivost pa pomeni, da dobro deluje pri izhodih visoke ločljivosti.

The vsebnik po drugi strani temelji na rastru in ni razširljiv. Uporablja se tudi za ustvarjanje grafike, vendar ga je mogoče spreminjati samo z JavaScriptom. Je pa bolj učinkovit pri rokovanju z večjim številom predmetov.

10. Kako Null Razlikuje se od Nedoločeno?

Null je predstavitev brez vrednosti. Na splošno se uporablja kot imetnik umestitve za inicializacijo definirane spremenljivke, ki ji ni bila dodeljena realna vrednost. Nedefinirano pa se nanaša na definirano spremenljivko, ki ni bila inicializirana.

V JavaScriptu:

var spremenljivkaA;

var spremenljivkaB = nič;

opozorilo(spremenljivkaA); //prikaže nedefinirano

opozorilo(spremenljivkaB); //prikaže nič

11. Kako se ID razlikuje od razreda?

ID in razred sta dva načina prepoznavanja in ravnanja z elementi v dokumentu HTML. Glavna razlika med obema pa je, da mora biti ID edinstven. Z drugimi besedami, dva elementa ne moreta deliti istega ID-ja, vendar lahko dva ali več elementov deli isti razred.

ID se uporablja za obravnavo določenih elementov, medtem ko se razred uporablja za obravnavo skupine elementov, ki imajo eno ali več skupnih lastnosti.

12. Kako izboljšate varnostne funkcije spletnega mesta?

Nekaj ​​korakov, ki jih lahko naredite za izboljšanje varnosti spletnega mesta, vključuje:

1. Uveljavljanje politike močnih gesel. To pomeni preverjanje, ali ima izbrano geslo več kot 8 znakov in vsebuje številke, posebne znake ter velike in male črke.
2. Uporaba captcha ali katerega koli ukrepa proti botom.
3. Uporaba dvofaktorskih ali večfaktorskih metod preverjanja pristnosti, kot so OTP (enkratna gesla) in strojni ključki, kjer je to potrebno.
4. Uporaba gostitelja z zaščito proti DDoS in funkcijami samodejnega varnostnega kopiranja.

13. Kako se localStorage razlikuje od sessionStorage?

Sistema localStorage in sessionStorage omogočata razvijalcu shranjevanje podatkov v spletnem brskalniku. Vendar je localStoarage obstojen, medtem ko sessionStorage ni. Z drugimi besedami, podatki, shranjeni v localStorage, bodo na voljo v brskalniku v več sejah, medtem ko se podatki, shranjeni v sessionStorage, izbrišejo, ko se zavihek brskalnika zapre.

14. Seznam izboljšav HTTP2.0 nad HTTP 1.1

Protokol HTTP/2 je bil objavljen leta 2015 in ponuja pomembne izboljšave, kot so:

1. Boljša varnost z uporabo dvojiškega zapisa namesto besedila.
2. Boljša učinkovitost.
3. Nižja latenca.
4. Boljše obravnavanje napak.
5. Nižje nad glavo.

15. Kakšna je razlika med Git Pull in Git Merge?

Ukaz git pull vam omogoča prenos vsebine iz oddaljenega repozitorija, nato pa posodobi vaš lokalni repozitorij s preneseno vsebino.

Po drugi strani pa ukaz git merge omogoča združevanje dveh ločeno razvitih vej istega projekta. Ukaz spajanja je treba izvesti iz veje, v katero se želite združiti, in to je običajno glavna veja.

16. Kako se GET razlikuje od POST in PUT?

Metodo HTML GET brskalnik uporablja za zahtevanje informacij od strežnika, medtem ko se metodi POST in PUT uporabljata za pošiljanje informacij iz brskalnika v strežnik.

Toda medtem ko lahko zahteva POST preprosto doda podatke strežniškemu sredstvu, se zahteva PUT uporabi za v celoti nadomestitev vira z uporabo koristne obremenitve zahteve.

17. Seznam najbolj priljubljenih formatov za izmenjavo podatkov

Tukaj so najbolj priljubljeni formati izmenjave podatkov do danes:

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

18. Seznam 3 vrst pojavnih oken

Pojavna okna v JavaScriptu se uporabljajo za prikazovanje sporočil uporabniku, za zahtevanje vnosa in včasih za oboje. Tukaj so 3 vrste pojavnih oken JavaScript:

1. Opozorilno polje – To prikaže vaše sporočilo in gumb »V redu«.
2. Potrdi polje – To pogovorno okno vključuje gumba »V redu« in »Prekliči«, ki lahko vplivata na kodo.
3. Prompt Box – To polje vključuje polje za vnos besedila za zbiranje informacij od uporabnika.

19. Poimenujte različne načine vključitve kode CSS

Obstajajo 3 načini za vključitev CSS v dokument HTML. To so:

1. Zunanji CSS – Vključite dokument .css z uporabo znotraj dokumenta oznake.
2. Vdelan CSS – Vključite kodo CSS znotraj oznake, kjer koli v dokumentu.
3. Vstavljeni CSS – V svojih oznakah HTML uporabljate par style=»CSS-property: value«, npr. PSquare!

20. Kako window.onload Se razlikuje od document.onload?

Window.onload se uporablja za izvajanje kode JavaScript, ko brskalnik naloži drevo DOM strani in druge osnove, vključno s slikami, kodo CSS in skripti.

Medtem ko se document.onload izvede takoj, ko je DOM pripravljen, to lahko pomeni celo preden se naložijo slike in zunanje knjižnice.

21. Kako skrijete element z uporabo CSS?

Element HTML lahko skrijete s tremi metodami CSS, ki so:

1. Zaslon: brez; – Element ni niti upodobljen niti prikazan.
2. Vidljivost: skrita; – Element je upodobljen, vendar ni prikazan.
3. Položaj: absolutno; – Element je upodobljen in prikazan, vendar postavljen zunaj območja prikaza.

22. Kateri so najboljši načini uporabe Ajaxa?

Ajax je metoda nalaganja podatkov s strežnika v ozadju z uporabo JavaScripta. Ima veliko uporab, kot so preverjanje podatkov, aplikacije za klepet, komentarji, filtriranje podatkov, vizualno urejanje, ankete itd.

23. Naštejte nekaj novih funkcij CSS3

CSS3 vključuje številne sodobne in uporabne funkcije namesto CSS2, kot so:

1. Zaobljeni vogali za škatle in slike.
2. Animacija predmetov.
3. Spremenljivke in funkcije za deklaracije.
4. Grid & Flexbox za odzivno oblikovanje.
5. Gradienti za barve ozadja.
6. Nadzor motnosti z rgba.
7. Učinek sence za polja in besedila.
8. Prehodi za lebdenje in fokus na elemente.

24. Katere nove vrste vnosa so bile uvedene v HTML5?

Vrsta vnosa je vrednost, ki jo podate vhodnemu elementu v dokumentu HTML.

Primer je:

or

Nove vrste vnosa HTML5 vključujejo:

1. Datum
2. Barva
3. E-pošta
4. Iskalnik
5. Tak
6. mesec
7. Obseg številk
8. mesec
9. URL
10. Datum-ura-lokalno

25. Opišite medijske elemente HTML5

HTML5 vključuje več oznak elementov za obdelavo medijskih vrst in virov. To so:

• – za videoposnetke MP4, WebM in Ogg.
• – za določitev več virov v različnih formatih.
• – za zvok MP3, Ogg in WAV.
• – vsebnik za vključitev zunanjih virov od slik do videa in spletnih strani.
• – za določitev posnetkov podnapisov za videoposnetke.

zaključek

Ko pridete do konca našega seznama 25 najpomembnejših vprašanj za intervju s spletnim razvijalcem, ki jih morate poznati, lahko vidite, da potrebujete precejšnjo kombinacijo tehnologij, da postanete celovit razvijalec.

Čeprav je to vodnik, ki se dotika različnih vidikov dela, nikakor ni izčrpen. Torej, na vas je, da prepoznate področja, ki vam niso jasna, in se nato naučite.