Top 25 Spørgsmål og svar til webudviklerinterview, der skal kendes

Webudviklere er fortsat efterspurgte, da internettet fortsætter med at vokse. For at få jobbet skal du dog først skalere arbejdsgiverens interviewsession.

Selvom større teams har en tendens til at ansætte enten front-end- eller back-end-udviklere specifikt, vil mindre teams og startups ofte gå efter full-stack-udviklere. Så det er nyttigt at vide så meget som muligt.

Følgende er en liste over de 25 bedste interviewspørgsmål til webudviklere, der skal kendes, og deres svar for at hjælpe dig med at blive klar.

1. Hvad er rollerne for HTML, JavaScript og CSS i webudvikling?

HTML står for HyperText Markup Language, og det er standardsproget til udvikling af dokumenter til udgivelse på nettet. JavaScript og CSS er ekstraudstyr.

JavaScript blev oprindeligt designet som et programmeringssprog på klientsiden, det udføres i browseren for at producere mere funktionalitet på websiden. CSS står for Cascading Style Sheets og bruges til at præsentere elementer på skærmen.

2. Hvad er responsivt webdesign

Responsivt webdesign er en webudviklingstilgang, der har til formål at skabe den bedste oplevelse for en bruger ved at tilpasse hjemmesidens udseende baseret på den pågældende brugers enhed eller miljø.

Målet er, at hjemmesiden skal se godt ud på alle enheder, og dette medfører dynamiske ændringer, der enten reducerer ved at øge boksstørrelser og justering baseret på enhedens skærmstørrelse eller orientering.

3. Hvad er fordelene ved at bruge en ramme?

Der er mange fordele ved at bruge et framework til at udvikle en webapplikation. De vigtigste er som følger:

1. Lettere udviklingsproces med bedste praksis.
2. Hurtigere udvikling med startprojekter sparer tid.
3. Brug af afprøvet kode.
4. Giver ofte bedre sikkerhed.
5. Sparer omkostninger, især ved større projekter.

4. Hvad er et JavaScript-tilbagekald?

Et JavaScript-callback er en funktion, der skal udføres efter en anden funktion. Callback-funktionens navn og argumenter kan overføres som argumenter til den første funktion, plus den første funktion kan også videregive argumenter internt til callback-funktionen, som er et resultat af dens beregninger.

Tilbagekaldsfunktioner bruges bedst med asynkrone funktioner, der skal vente på, at andre funktioner først afslutter udførelsen.

5. Forklar lokalt vs globalt omfang i JavaScript

Definerede variabler er skrevet med ord, og disse er kun meningsfulde i den rigtige sammenhæng. Lokalt og globalt omfang refererer til denne kontekst af definerede variable. En global variabel skal defineres uden for en funktion, mens lokale variable er defineret inde i en funktion.

En global variabel har således globalt omfang, hvilket betyder, at den kan tilgås fra hvor som helst i programmet. En lokal variabel har dog lokalt omfang, og det betyder, at den kun kan tilgås inde fra funktionen.

6. Forklar Z-Index i CSS

Z-indekset er en elementegenskab, der bruges til at definere elementets stakrækkefølge. Stakrækkefølge refererer til et elements evne til enten at være bag eller foran andre elementer ligesom en stak kort.

Elementer med højere stakrækkefølge vises foran elementer med lavere stakrækkefølge. I denne sammenhæng, at give et element en stakrækkefølge på 2 eller 100 garantier, vil det blive vist oven på alle andre på en side. På samme måde vil en side uden specificerede stakrækkefølger stable bundelementer fra kilden højere end de øverste.

7. Hvad er Marquee i HTML?

Marque er et container-tag i HTML, som bruges til at vise rulletekst. Det lader dig styre rulleretningen såvel som hastigheden. Marquee er dog forældet i HTML5, og du rådes til at bruge CSS i stedet.

Eksempel på rulning med markeringsramme:

Markeringsrulningstekst

8. Liste over de vigtigste måder at reducere sideindlæsningstiden på

Der er mange trin, som en udvikler kan tage for at forbedre en sides indlæsningstid, de vigtigste er:

• Optimer billeder og reducer deres størrelse
• Slip af med unødvendige widgets
• Reducer opslag til et absolut minimum
• Host webstedet på en anstændig vært
• Brug Accelerated Mobile Pages eller statiske websteder
• Lazy load billeder
• Formindsk din kode

9. Hvad er forskellene mellem Canvas og SVG?

SVG står for Scalable Vector Graphics og tag er et containerelement til at skabe grafik, såsom en cirkel, en boks, en ellipse og så videre. Du kan ændre SVG ved hjælp af CSS eller JavaScript, og at være skalerbar betyder, at det fungerer godt til højopløselige output.

De container er på den anden side rasterbaseret og ikke skalerbar. Det bruges også til at skabe grafik, men kan kun ændres af JavaScript. Det er dog mere effektivt til at håndtere et større antal genstande.

10. Hvordan virker det? Null Afvige fra Udefineret?

Null er en repræsentation uden værdi. Det bruges generelt som en placeringsindehaver til at initialisere en defineret variabel, der ikke er blevet tildelt en reel værdi. Udefineret henviser på den anden side til en defineret variabel, der ikke er blevet initialiseret.

I JavaScript:

var variabelA;

var variabelB = null;

alarm(variabelA); //viser udefineret

advarsel(variabelB); //viser null

11. Hvordan adskiller ID sig fra klasse?

ID og klasse er to metoder til at identificere og håndtere elementer i et HTML-dokument. Den største forskel mellem de to er dog, at ID skal være unikt. Med andre ord kan to elementer ikke dele det samme ID, men to eller flere elementer kan dele den samme klasse.

Et ID bruges til at håndtere specifikke elementer, mens en klasse bruges til at håndtere en gruppe af elementer, der deler et eller flere fælles træk.

12. Hvordan forbedrer du et websteds sikkerhedsfunktioner?

De få skridt, du kan tage for at forbedre et websteds sikkerhed, omfatter:

1. Håndhævelse af en stærk adgangskodepolitik. Det betyder at kontrollere, at en valgt adgangskode har over 8 tegn og indeholder tal, specialtegn og store og små bogstaver.
2. Brug af captcha eller en hvilken som helst anti-bot-foranstaltning.
3. Anvendelse af 2-faktor eller multi-faktor autentificeringsmetoder såsom OTP'er (One-Time-Passwords) og hardware-dongles, hvor det er nødvendigt.
4. Brug af en vært med DDoS-beskyttelse og automatiske sikkerhedskopieringsfunktioner.

13. Hvordan adskiller localStorage sig fra sessionStorage?

LocalStorage- og sessionStorage-systemerne lader begge en udvikler gemme data i en webbrowser. LocalStoarage er dog vedvarende, mens sessionStorage ikke er det. Med andre ord vil data gemt i localStorage være tilgængelige i browseren over flere sessioner, mens data gemt i sessionStorage bliver slettet, når browserfanen lukkes.

14. Liste HTTP2.0-forbedringer over HTTP 1.1

HTTP/2-protokollen blev offentliggjort i 2015 og tilbyder betydelige forbedringer, såsom:

1. Bedre sikkerhed ved at bruge binær over tekst.
2. Bedre præstation.
3. Lavere latens.
4. Bedre fejlhåndtering.
5. Sænk overhead.

15. Hvad er forskellen mellem Git Pull og Git Merge?

Git pull-kommandoen lader dig downloade indhold fra et fjernlager, og derefter opdaterer det dit lokale lager med det downloadede indhold.

Git merge-kommandoen lader dig på den anden side kombinere to separat udviklede grene af det samme projekt. Fletkommandoen skal udføres fra den gren du vil flette ind i, og det er normalt hovedgrenen.

16. Hvordan adskiller GET sig fra POST og PUT?

HTML GET-metoden bruges af en browser til at anmode om information fra en server, mens POST- og PUT-metoderne bruges til at sende information fra browseren til en server.

Men mens en POST-anmodning blot kan tilføje data til en serverressource, bruges en PUT-anmodning til at erstatte ressourcen fuldstændigt ved hjælp af anmodningens nyttelast.

17. Liste over de mest populære dataudvekslingsformater

Her er de mest populære dataudvekslingsformater til dato:

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

18. List de 3 typer popup-bokse

Popup-bokse i JavaScript bruges til at vise meddelelser til brugeren, til at anmode om input og nogle gange til at gøre begge dele. Her er de 3 typer JavaScript-popups:

1. Advarselsboks – Dette viser din besked plus en 'OK'-knap.
2. Bekræft boks – Denne dialogboks indeholder både 'OK' og 'Annuller' knapper, der kan påvirke koden.
3. Promptboks – Denne boks indeholder en tekstindtastningsboks til indsamling af oplysninger fra brugeren.

19. Nævn de forskellige måder at inkludere CSS-kode på

Der er 3 måder at inkludere CSS i et HTML-dokument. De er:

1. Ekstern CSS – Du inkluderer et .css-dokument ved hjælp af inde i dokumentets tags.
2. Indlejret CSS – Du inkluderer CSS-koden i tags, hvor som helst i dokumentet.
3. Integreret CSS – Du bruger style=”CSS-property: value”-parret inde i dine HTML-tags, f.eks. PSquare!

20. Hvordan virker det? window.onload Afvige fra document.onload?

Window.onload bruges til at udføre JavaScript-kode, når browseren har indlæst sidens DOM-træ og andre grundlæggende funktioner, herunder billeder, CSS-kode og scripts.

Mens document.onload udføres umiddelbart efter DOM er klar, kan dette betyde, selv før billeder og eksterne biblioteker er indlæst.

21. Hvordan skjuler du et element ved hjælp af CSS?

Du kan skjule et HTML-element ved hjælp af 3 CSS-metoder, de er:

1. Display: ingen; – Elementet hverken gengives eller vises.
2. Synlighed: skjult; – Elementet gengives, men vises ikke.
3. Stilling: Absolut; – Elementet gengives og vises, men placeres uden for visningsområdet.

22. Hvad er den bedste anvendelse for Ajax?

Ajax er en metode til at indlæse data fra en server i baggrunden ved hjælp af JavaScript. Det har masser af anvendelser, såsom datavalidering, chat-apps, kommentarer, datafiltrering, visuel redigering, afstemninger og så videre.

23. List nogle nye funktioner i CSS3

CSS3 indeholder mange moderne og nyttige funktioner over CSS2, såsom:

1. Afrundede hjørner til kasser og billeder.
2. Animation af objekter.
3. Variabler & funktioner til deklarationer.
4. Grid & Flexbox for responsivt design.
5. Gradienter til baggrundsfarver.
6. Opacitetskontrol ved hjælp af rgba.
7. Skyggeeffekt til bokse og tekster.
8. Overgange for Hover og Fokus på elementer.

24. Hvilke nye inputtyper blev introduceret i HTML5?

Inputtypen er den værdi, du giver et inputelement i et HTML-dokument.

Et eksempel er:

or

De nye HTML5-inputtyper omfatter:

1. Dato
2. Farve
3. E-mail
4. Søg
5. Sådanne
6. Måned
7. Nummerinterval
8. Måned
9. URL
10. Datotid-lokal

25. Beskriv HTML5-medieelementerne

HTML5 indeholder flere element-tags til at håndtere medietyper og kilder. De er:

• – til MP4-, WebM- og Ogg-videoer.
• – at definere flere kilder i forskellige formater.
• – til MP3-, Ogg- og WAV-lyd.
• – en beholder til at inkludere eksterne ressourcer fra billeder til video og websider.
• – for at angive undertekstspor til videoer.

Konklusion

Når du når slutningen af ​​vores liste over de 25 bedste interviewspørgsmål til webudviklere, du skal kende, kan du se, at det kræver en hel kombination af teknologier for at være en fuld-stack-udvikler.

Selvom dette er en guide, der berører de forskellige aspekter af jobbet, er den på ingen måde udtømmende. Så det er op til dig at identificere de områder, du ikke er klar over, og derefter lære.