Topp 25 nettutviklerintervjuspørsmål og svar du må vite

Nettutviklere fortsetter å være etterspurt ettersom Internett fortsetter å vokse. For å få jobben må du først skalere arbeidsgiverens intervjuøkt.

Selv om større team har en tendens til å ansette enten front-end eller back-end utviklere spesifikt, vil mindre team og startups ofte gå for full-stack utviklere. Så det er nyttig å vite så mye du kan.

Følgende er en liste over de 25 beste webutviklerintervjuspørsmålene du må vite og svarene deres for å hjelpe deg med å bli klar.

1. Hva er rollene til HTML, JavaScript og CSS i webutvikling?

HTML står for HyperText Markup Language og er standardspråket for å utvikle dokumenter som skal publiseres på nettet. JavaScript og CSS er tillegg.

JavaScript ble opprinnelig designet som et programmeringsspråk på klientsiden, det kjøres i nettleseren for å produsere mer funksjonalitet på nettsiden. CSS står for Cascading Style Sheets og brukes til å presentere elementer på skjermen.

2. Hva er responsiv webdesign

Responsivt webdesign er en nettutviklingstilnærming som har som mål å skape den beste opplevelsen for en bruker ved å tilpasse nettstedets utseende basert på den brukerens enhet eller miljø.

Målet er at nettsiden skal se bra ut på alle enheter og dette innebærer dynamiske endringer som enten reduserer ved å øke boksstørrelser og justering basert på enhetens skjermstørrelse eller orientering.

3. Hva er fordelene ved å bruke et rammeverk?

Det er mange fordeler med å bruke et rammeverk for å utvikle en nettapplikasjon. De viktigste er som følger:

1. Enklere utviklingsprosess med beste praksis.
2. Raskere utvikling med startprosjekter sparer tid.
3. Bruk av utprøvd kode.
4. Gir ofte bedre sikkerhet.
5. Sparer kostnader, spesielt ved større prosjekter.

4. Hva er en JavaScript tilbakeringing?

En JavaScript-callback er en funksjon som skal utføres etter en annen funksjon. Tilbakeringingsfunksjonens navn og argumenter kan sendes som argumenter til den første funksjonen, pluss at den første funksjonen også kan sende argumenter internt til tilbakeringingsfunksjonen som er et resultat av dens beregninger.

Tilbakeringingsfunksjoner brukes best med asynkrone funksjoner som må vente på at andre funksjoner først fullføres.

5. Forklar lokalt vs globalt omfang i JavaScript

Definerte variabler er skrevet med ord og disse er kun meningsfulle i riktig kontekst. Lokalt og globalt omfang refererer til denne konteksten av definerte variabler. En global variabel må defineres utenfor en funksjon, mens lokale variabler er definert inne i en funksjon.

Dermed har en global variabel globalt omfang, noe som betyr at den kan nås fra hvor som helst i programmet. En lokal variabel har imidlertid lokalt omfang, og dette betyr at den kun kan få tilgang fra funksjonen.

6. Forklar Z-Index i CSS

Z-indeksen er en elementegenskap som brukes til å definere elementets stabelrekkefølge. Stabelrekkefølge refererer til evnen til et element til enten å være bak eller foran andre elementer, akkurat som en bunke med kort.

Elementer med høyere stabelrekkefølge vises foran elementer med lavere stabelrekkefølge. I denne sammenheng, gir et element en stabelrekkefølge på 2 eller 100 garantier at det vil vises på toppen av alle andre på en side. På samme måte vil en side uten spesifiserte stabelrekkefølger stable bunnelementer fra kilden høyere enn de øverste.

7. Hva er Marquee i HTML?

Marque er en container-tag i HTML, som brukes til å vise rullende tekst. Den lar deg kontrollere rulleretning, samt hastighet. Marquee er imidlertid utdatert i HTML5, og du anbefales å bruke CSS i stedet.

Eksempel på rulling med markeringsramme:

Rulletekst for markeringsramme

8. Liste over viktige måter å redusere sideinnlastingstiden på

Det er mange trinn som en utvikler kan ta for å forbedre en sides lastetid, de viktigste er:

• Optimaliser bilder og reduser størrelsen
• Bli kvitt unødvendige widgets
• Reduser oppslag til et minimum
• Host nettstedet på en anstendig vert
• Bruk Accelerated Mobile Pages eller statiske nettsteder
• Lazy load bilder
• Reduser koden din

9. Hva er forskjellene mellom Canvas og SVG?

SVG står for Scalable Vector Graphics og tag er et beholderelement for å lage grafikk, for eksempel en sirkel, en boks, en ellipse og så videre. Du kan endre SVG ved å bruke CSS eller JavaScript, og skalerbar betyr at det fungerer bra for høyoppløselige utdata.

De container, på den annen side, er rasterbasert og ikke skalerbar. Den brukes også til å lage grafikk, men kan bare endres med JavaScript. Det er imidlertid mer effektivt til å håndtere et større antall objekter.

10. Hvordan gjør Null Skille seg fra Udefinert?

Null er en representasjon uten verdi. Den brukes vanligvis som en plasseringsholder for å initialisere en definert variabel som ikke har blitt tildelt en reell verdi. Udefinert, derimot, refererer til en definert variabel som ikke er initialisert.

I JavaScript:

var variabelA;

var variabelB = null;

alert(variabelA); //viser udefinert

varsling(variabelB); //viser null

11. Hvordan skiller ID fra klasse?

ID og klasse er to metoder for å identifisere og håndtere elementer i et HTML-dokument. Den største forskjellen mellom de to er imidlertid at ID må være unik. Med andre ord kan ikke to elementer dele samme ID, men to eller flere elementer kan dele samme klasse.

En ID brukes til å håndtere spesifikke elementer, mens en klasse brukes til å håndtere en gruppe elementer som deler ett eller flere fellestrekk.

12. Hvordan forbedrer du et nettsteds sikkerhetsfunksjoner?

De få trinnene du kan ta for å forbedre sikkerheten til et nettsted inkluderer:

1. Håndheve en sterk passordpolicy. Dette betyr å sjekke at et valgt passord har over 8 tegn og inneholder tall, spesialtegn og store og små bokstaver.
2. Bruk av captcha eller et annet anti-bot-tiltak.
3. Bruk av 2-faktor eller multi-faktor autentiseringsmetoder som OTP-er (One-Time-Passwords) og maskinvaredongler, der det er nødvendig.
4. Bruke en vert med DDoS-beskyttelse og automatiske sikkerhetskopieringsfunksjoner.

13. Hvordan skiller localStorage seg fra sessionStorage?

LocalStorage- og sessionStorage-systemene lar begge en utvikler lagre data i en nettleser. LocalStoarage er imidlertid vedvarende, mens sessionStorage ikke er det. Med andre ord, data lagret i localStorage vil være tilgjengelig i nettleseren over flere økter, mens data som er lagret i sessionStorage blir slettet når nettleserfanen lukkes.

14. List HTTP2.0-forbedringer over HTTP 1.1

HTTP/2-protokollen ble publisert i 2015 og tilbyr betydelige forbedringer, for eksempel:

1. Bedre sikkerhet ved bruk av binær over tekst.
2. Bedre ytelse.
3. Lavere latens.
4. Bedre feilhåndtering.
5. Senk overhead.

15. Hva er forskjellen mellom Git Pull og Git Merge?

Git pull-kommandoen lar deg laste ned innhold fra et eksternt depot, deretter oppdaterer det ditt lokale depot med det nedlastede innholdet.

Git merge-kommandoen, derimot, lar deg kombinere to separat utviklede grener av det samme prosjektet. Merge-kommandoen må utføres fra grenen du ønsker å flette inn i, og dette er vanligvis hovedgrenen.

16. Hvordan skiller GET seg fra POST og PUT?

HTML GET-metoden brukes av en nettleser for å be om informasjon fra en server, mens POST- og PUT-metodene brukes til å sende informasjon fra nettleseren til en server.

Men mens en POST-forespørsel ganske enkelt kan legge til data til en serverressurs, brukes en PUT-forespørsel til å erstatte ressursen helt ved å bruke forespørselens nyttelast.

17. List de mest populære datautvekslingsformatene

Her er de mest populære datautvekslingsformatene til dags dato:

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

18. List de 3 typene popup-bokser

Popup-bokser i JavaScript brukes til å vise meldinger til brukeren, for å be om input, og noen ganger for å gjøre begge deler. Her er de tre typene JavaScript-popup-vinduer:

1. Varslingsboks – Dette viser meldingen din pluss en 'OK'-knapp.
2. Bekreft boks – Denne dialogboksen inneholder både 'OK' og 'Avbryt'-knapper som kan påvirke koden.
3. Spørreboks – Denne boksen inneholder en tekstinntastingsboks for å samle informasjon fra brukeren.

19. Nevn de forskjellige måtene å inkludere CSS-kode på

Det er tre måter å inkludere CSS i et HTML-dokument. De er:

1. Ekstern CSS – Du inkluderer et .css-dokument ved å bruke inne i dokumentet tagger.
2. Innebygd CSS – Du inkluderer CSS-koden i koder, hvor som helst i dokumentet.
3. Innebygd CSS – Du bruker style=”CSS-property: value”-paret inne i HTML-taggene dine, f.eks. PSquare!

20. Hvordan gjør window.onload Forskjellig fra document.onload?

Window.onload brukes til å kjøre JavaScript-kode når nettleseren har lastet inn sidens DOM-tre og annet grunnleggende, inkludert bilder, CSS-kode og skript.

Mens document.onload kjøres umiddelbart etter at DOM er klar, kan dette bety før bilder og eksterne biblioteker er lastet.

21. Hvordan skjuler du et element ved hjelp av CSS?

Du kan skjule et HTML-element ved å bruke 3 CSS-metoder, de er:

1. Display: ingen; – Elementet blir verken gjengitt eller vist.
2. Synlighet: skjult; – Elementet gjengis, men vises ikke.
3. Stilling: Absolutt; – Elementet gjengis og vises, men plasseres utenfor visningsområdet.

22. Hva er de beste bruksområdene for Ajax?

Ajax er en metode for å laste data fra en server i bakgrunnen ved hjelp av JavaScript. Den har mange bruksområder, for eksempel datavalidering, chat-apper, kommentarer, datafiltrering, visuell redigering, avstemninger og så videre.

23. List noen nye funksjoner i CSS3

CSS3 inkluderer mange moderne og nyttige funksjoner over CSS2, for eksempel:

1. Avrundede hjørner for bokser og bilder.
2. Animasjon av objekter.
3. Variabler og funksjoner for deklarasjoner.
4. Grid & Flexbox for responsiv design.
5. Gradienter for bakgrunnsfarger.
6. Opasitetskontroll ved hjelp av rgba.
7. Skyggeeffekt for bokser og tekster.
8. Overganger for Hover og Fokus på elementer.

24. Hvilke nye inputtyper ble introdusert i HTML5?

Inndatatypen er verdien du gir et input-element i et HTML-dokument.

Et eksempel er:

or

De nye HTML5-inndatatypene inkluderer:

1. Dato
2. FARGE
3. Epost
4. Søk
5. Tel
6. Måned
7. Nummerintervall
8. Måned
9. URL
10. Datotid-lokal

25. Beskriv HTML5-medieelementene

HTML5 inkluderer flere elementkoder for å håndtere medietyper og kilder. De er:

• – for MP4-, WebM- og Ogg-videoer.
• – for å definere flere kilder i forskjellige formater.
• – for MP3-, Ogg- og WAV-lyd.
• – en beholder for å inkludere eksterne ressurser fra bilder til video og nettsider.
• – for å spesifisere undertekstspor for videoer.

Konklusjon

Når du når slutten av listen vår over de 25 beste intervjuspørsmålene for webutviklere du må vite, kan du se at det krever en ganske kombinasjon av teknologier for å være en fullstack-utvikler.

Selv om dette er en veiledning som berører de ulike aspektene ved jobben, er den på ingen måte uttømmende. Så det er opp til deg å identifisere områdene du ikke er klar over og deretter lære.