25 populārākie tīmekļa izstrādātāju intervijas jautājumi un atbildes

Tīmekļa izstrādātāji joprojām ir pieprasīti, jo internets turpina augt. Tomēr, lai iegūtu darbu, vispirms ir jāpiemēro darba devēja intervijas sesija.

Lai gan lielākām komandām ir tendence īpaši nolīgt priekšgala vai aizmugures izstrādātājus, mazākas komandas un jaunizveidotie uzņēmumi bieži vien izvēlas pilnas grupas izstrādātājus. Tāpēc ir noderīgi zināt pēc iespējas vairāk.

Tālāk ir sniegts saraksts ar 25 populārākajiem tīmekļa izstrādātāju interviju jautājumiem un to atbildēm, lai palīdzētu jums sagatavoties.

1. Kādas ir HTML, JavaScript un CSS lomas tīmekļa izstrādē?

HTML apzīmē hiperteksta iezīmēšanas valodu, un tā ir standarta valoda dokumentu izstrādei, lai tos publicētu tīmeklī. JavaScript un CSS ir ekstras.

JavaScript sākotnēji tika izstrādāts kā klienta puses programmēšanas valoda, tā tiek izpildīta pārlūkprogrammā, lai tīmekļa lapā nodrošinātu vairāk funkcionalitātes. CSS apzīmē Cascading Style Sheets un tiek izmantots elementu attēlošanai ekrānā.

2. Kas ir adaptīvais tīmekļa dizains

Responsīvs tīmekļa dizains ir tīmekļa izstrādes pieeja, kuras mērķis ir radīt lietotājam vislabāko pieredzi, pielāgojot vietnes izskatu, pamatojoties uz šī lietotāja ierīci vai vidi.

Mērķis ir, lai vietne labi izskatītos visās ierīcēs, un tas ietver dinamiskas izmaiņas, kas vai nu samazinās, palielinoties lodziņu izmēram un līdzinājumam, pamatojoties uz ierīces ekrāna izmēru vai orientāciju.

3. Kādas ir ietvara izmantošanas priekšrocības?

Ietvara izmantošanai tīmekļa lietojumprogrammas izstrādē ir daudz priekšrocību. Galvenās no tām ir šādas:

1. Vienkāršāks izstrādes process ar labāko praksi.
2. Ātrāka izstrāde ar starta projektiem ietaupa laiku.
3. Pārbaudīta koda izmantošana.
4. Bieži vien nodrošina labāku drošību.
5. Ietaupa izmaksas, īpaši lielākiem projektiem.

4. Kas ir JavaScript atzvanīšana?

JavaScript atzvanīšana ir funkcija, kas jāizpilda pēc citas funkcijas. Atzvanīšanas funkcijas nosaukumu un argumentus var nodot kā argumentus pirmajai funkcijai, turklāt pirmā funkcija var arī nodot argumentus iekšēji atzvanīšanas funkcijai, kas ir tās aprēķinu rezultāts.

Atzvanīšanas funkcijas vislabāk izmantot ar asinhronām funkcijām, kurām jāgaida, līdz citas funkcijas vispirms pabeigs izpildi.

5. Izskaidrojiet vietējo un globālo darbības jomu JavaScript

Definētie mainīgie ir rakstīti vārdos, un tiem ir nozīme tikai pareizajā kontekstā. Vietējā un globālā darbības joma attiecas uz šo definēto mainīgo kontekstu. Globālais mainīgais ir jādefinē ārpus funkcijas, savukārt lokālie mainīgie ir definēti funkcijas iekšpusē.

Tādējādi globālajam mainīgajam ir globāls apjoms, kas nozīmē, ka tam var piekļūt no jebkuras programmas vietas. Tomēr vietējam mainīgajam ir lokāls darbības joma, un tas nozīmē, ka tam var piekļūt tikai no funkcijas iekšpuses.

6. Izskaidrojiet Z-indeksu CSS

Z-indekss ir elementa rekvizīts, ko izmanto, lai definētu elementa steka secību. Kaudzīšu secība attiecas uz elementa spēju atrasties aiz citiem elementiem vai to priekšā tāpat kā kāršu kaudzei.

Elementi ar augstāku steku secību parādās pirms elementiem ar zemāku steku secību. Šajā kontekstā, piešķirot elementam skursteņa secību 2 vai 100, tiek garantēts, ka tas tiks parādīts lapā virs visiem pārējiem. Līdzīgi lapā bez noteiktiem skursteņu secībām apakšējie elementi no avota tiks sakārtoti augstāk nekā augšējie.

7. Kas ir Marquee HTML?

Marque ir konteinera tags HTML, ko izmanto ritināma teksta attēlošanai. Tas ļauj kontrolēt ritināšanas virzienu, kā arī ātrumu. Tomēr Marquee HTML5 ir novecojis, un tā vietā ieteicams izmantot CSS.

Piemērs ritināšanai ar telti:

Marquee ritināšanas teksts

8. Uzskaitiet galvenos veidus, kā samazināt lapas ielādes laiku

Izstrādātājs var veikt daudzas darbības, lai uzlabotu lapas ielādes laiku. Galvenās no tām ir:

• Optimizējiet attēlus un samaziniet to izmērus
• Atbrīvojieties no nevajadzīgiem logrīkiem
• Samaziniet meklēšanu līdz minimumam
• Uzstādiet vietni pienācīgā resursdatorā
• Izmantojiet Accelerated Mobile Pages vai statiskas vietnes
• Slinkas ielādes attēli
• Samaziniet savu kodu

9. Kādas ir atšķirības starp Canvas un SVG?

SVG nozīmē Scalable Vector Graphics un tags ir konteinera elements, lai izveidotu grafiku, piemēram, apli, lodziņu, elipsi utt. Varat modificēt SVG, izmantojot CSS vai JavaScript, un tā mērogojamība nozīmē, ka tas labi darbojas augstas izšķirtspējas izvadēm.

The no otras puses, konteiners ir balstīts uz rastra un nav mērogojams. To izmanto arī grafikas veidošanai, bet to var mainīt tikai ar JavaScript. Tomēr tas ir efektīvāks, apstrādājot lielāku skaitu objektu.

10. Kā darbojas Null Atšķiras no Undefined?

Null ir attēlojums bez vērtības. To parasti izmanto kā izvietojuma turētāju, lai inicializētu definētu mainīgo, kam nav piešķirta reāla vērtība. No otras puses, nedefinēts attiecas uz definētu mainīgo, kas nav inicializēts.

JavaScript:

mainīgaisA;

mainīgaisB = null;

brīdinājums(mainīgaisA); //rāda nedefinētu

brīdinājums(mainīgaisB); //rāda nulli

11. Kā ID atšķiras no klases?

ID un klase ir divas metodes, kā identificēt un apstrādāt elementus HTML dokumentā. Tomēr galvenā atšķirība starp abiem ir tā, ka ID ir jābūt unikālam. Citiem vārdiem sakot, diviem elementiem nevar būt viens un tas pats ID, bet diviem vai vairākiem elementiem var būt viena un tā pati klase.

ID tiek izmantots konkrētu elementu apstrādei, savukārt klase tiek izmantota, lai apstrādātu elementu grupu, kam ir viena vai vairākas kopīgas iezīmes.

12. Kā uzlabot vietnes drošības līdzekļus?

Dažas darbības, ko varat veikt, lai uzlabotu vietnes drošību, ir šādas:

1. Stingras paroļu politikas ieviešana. Tas nozīmē, ka ir jāpārbauda, ​​vai atlasītajā parolē ir vairāk nekā 8 rakstzīmes un vai tajā ir cipari, speciālās rakstzīmes un lielie un mazie burti.
2. Captcha vai jebkura anti-bot pasākuma izmantošana.
3. Vajadzības gadījumā tiek izmantotas 2 faktoru vai daudzfaktoru autentifikācijas metodes, piemēram, vienreizējās paroles (One-Time-Passwords) un aparatūras sargspraudņi.
4. Izmantojot saimniekdatoru ar DDoS aizsardzību un automātiskās dublēšanas funkcijām.

13. Kā localStorage atšķiras no sessionStorage?

Sistēmas localStorage un sessionStorage ļauj izstrādātājam saglabāt datus tīmekļa pārlūkprogrammā. Tomēr localStoarage ir noturīgs, savukārt sessionStorage nav. Citiem vārdiem sakot, vietējā krātuvē saglabātie dati būs pieejami pārlūkprogrammā vairāku sesiju laikā, savukārt sesijāStorage saglabātie dati tiks dzēsti, tiklīdz pārlūkprogrammas cilne tiek aizvērta.

14. Uzskaitiet HTTP2.0 uzlabojumus salīdzinājumā ar HTTP 1.1

HTTP/2 protokols tika publicēts 2015. gadā un piedāvā ievērojamus uzlabojumus, piemēram:

1. Labāka drošība, izmantojot bināro, nevis tekstu.
2. Labāks sniegums.
3. Zemāks latentums.
4. Labāka kļūdu apstrāde.
5. Zemākas pieskaitāmās izmaksas.

15. Kāda ir atšķirība starp Git Pull un Git Merge?

Komanda git pull ļauj lejupielādēt saturu no attālās repozitorija, pēc tam tā atjaunina jūsu vietējo repozitoriju ar lejupielādēto saturu.

No otras puses, komanda git merge ļauj apvienot viena projekta divas atsevišķi izstrādātas filiāles. Apvienošanas komanda ir jāizpilda no filiāles, kurā vēlaties sapludināt, un tā parasti ir galvenā filiāle.

16. Kā GET atšķiras no POST un PUT?

HTML GET metodi pārlūkprogramma izmanto, lai pieprasītu informāciju no servera, savukārt metodes POST un PUT izmanto, lai nosūtītu informāciju no pārlūkprogrammas uz serveri.

Bet, lai gan POST pieprasījums var vienkārši pievienot datus servera resursam, PUT pieprasījums tiek izmantots, lai pilnībā aizstātu resursu, izmantojot pieprasījuma lietderīgo slodzi.

17. Uzskaitiet populārākos datu apmaiņas formātus

Šeit ir līdz šim populārākie datu apmaiņas formāti:

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

18. Uzskaitiet 3 uznirstošo lodziņu veidus

JavaScript uznirstošie lodziņi tiek izmantoti, lai lietotājam parādītu ziņojumus, pieprasītu ievadi un dažreiz veiktu abus. Šeit ir 3 veidu JavaScript uznirstošie logi:

1. Brīdinājuma lodziņš – Tiek parādīts jūsu ziņojums un poga “OK”.
2. Apstiprināt lodziņu – Šajā dialoglodziņā ir gan pogas “OK”, gan “Atcelt”, kas var ietekmēt kodu.
3. Uzvednes lodziņš – Šajā lodziņā ir teksta ievades lodziņš informācijas apkopošanai no lietotāja.

19. Nosauciet dažādus veidus, kā iekļaut CSS kodu

Ir 3 veidi, kā iekļaut CSS HTML dokumentā. Tie ir:

1. Ārējais CSS – Jūs iekļaujat .css dokumentu, izmantojot dokumenta iekšpusē tagus.
2. Iegultais CSS - Jūs iekļaujat CSS kodu iekšpusē tagus jebkurā dokumenta vietā.
3. Iekļauts CSS – Jūs izmantojat pāri style=”CSS-property: value” savos HTML tagos, piemēram, PSquare!

20. Kā darbojas window.onload Vai atšķiras no document.onload?

Window.onload tiek izmantots, lai izpildītu JavaScript kodu, kad pārlūkprogramma ir ielādējusi lapas DOM koku un citus pamatus, tostarp attēlus, CSS kodu un skriptus.

Lai gan document.onload tiek izpildīts uzreiz pēc tam, kad DOM ir gatavs, tas var nozīmēt pat pirms attēlu un ārējo bibliotēku ielādes.

21. Kā paslēpt elementu, izmantojot CSS?

Jūs varat paslēpt HTML elementu, izmantojot 3 CSS metodes, tās ir:

1. Displejs: nav; – Elements netiek ne renderēts, ne parādīts.
2. Redzamība: slēpta; – Elements tiek renderēts, bet netiek parādīts.
3. Pozīcija: Absolūts; – Elements tiek renderēts un parādīts, bet novietots ārpus displeja apgabala.

22. Kādi ir Ajax labākie lietojumi?

Ajax ir metode datu ielādei no servera fonā, izmantojot JavaScript. Tam ir daudz lietojumu, piemēram, datu validācija, tērzēšanas lietotnes, komentāri, datu filtrēšana, vizuālā rediģēšana, aptaujas un tā tālāk.

23. Uzskaitiet dažas jaunas CSS3 funkcijas

CSS3 ietver daudzas modernas un noderīgas funkcijas salīdzinājumā ar CSS2, piemēram:

1. Noapaļoti stūri kastītēm un attēliem.
2. Objektu animācija.
3. Deklarāciju mainīgie un funkcijas.
4. Grid & Flexbox atsaucīgam dizainam.
5. Fona krāsu gradienti.
6. Necaurredzamības kontrole, izmantojot rgba.
7. Ēnu efekts kastēm un tekstiem.
8. Pārejas kursora novietošanai un fokusēšanai uz elementiem.

24. Kuri jauni ievades veidi tika ieviesti HTML5?

Ievades veids ir vērtība, ko piešķirat ievades elementam HTML dokumentā.

Piemērs ir:

or

Jaunie HTML5 ievades veidi ietver:

1. datums
2. Krāsa
3. E-pasts
4. Meklēt
5. Tel
6. MĒNESĪ
7. Ciparu diapazons
8. MĒNESĪ
9. URL
10. Datums un laiks-vietējais

25. Aprakstiet HTML5 multivides elementus

HTML5 ietver vairāk elementu tagu, lai apstrādātu multivides veidus un avotus. Tie ir:

• – MP4, WebM un Ogg videoklipiem.
• – definēt vairākus avotus dažādos formātos.
• – MP3, Ogg un WAV audio.
• – konteiners ārējo resursu iekļaušanai no attēliem līdz video un tīmekļa lapām.
• – lai norādītu subtitru celiņus videoklipiem.

Secinājumi

Sasniedzot mūsu 25 populārāko tīmekļa izstrādātāju interviju jautājumu saraksta beigas, jūs varat redzēt, ka ir nepieciešama diezgan daudz tehnoloģiju kombinācija, lai būtu pilnvērtīgs izstrādātājs.

Lai gan šis ir ceļvedis, kas skar dažādus darba aspektus, tas nekādā gadījumā nav izsmeļošs. Tātad, jums ir jānosaka jomas, kuras jums nav skaidras, un pēc tam jāapgūst.