De 25 bästa intervjufrågorna och svaren för webbutvecklare

Webbutvecklare fortsätter att vara efterfrågade när Internet fortsätter att växa. För att få jobbet måste du dock först skala arbetsgivarens intervjusession.

Även om större team tenderar att anställa antingen front-end- eller back-end-utvecklare specifikt, kommer mindre team och startups ofta att gå efter full-stack-utvecklare. Så det är bra att veta så mycket du kan.

Följande är en lista över de 25 bästa intervjufrågorna för webbutvecklare och deras svar för att hjälpa dig att bli redo.

1. Vilka roller har HTML, JavaScript och CSS i webbutveckling?

HTML står för HyperText Markup Language och det är standardspråket för att utveckla dokument för att publicera på webben. JavaScript och CSS är extrafunktioner.

JavaScript designades ursprungligen som ett programmeringsspråk på klientsidan, det körs i webbläsaren för att skapa mer funktionalitet på webbsidan. CSS står för Cascading Style Sheets och används för att presentera element på skärmen.

2. Vad är responsiv webbdesign

Responsiv webbdesign är en webbutvecklingsmetod som syftar till att skapa den bästa upplevelsen för en användare genom att anpassa webbplatsens utseende utifrån den användarens enhet eller miljö.

Målet är att webbplatsen ska se bra ut på alla enheter och detta innebär dynamiska förändringar som antingen minskar vid ökade boxstorlekar och justering baserat på enhetens skärmstorlek eller orientering.

3. Vilka är fördelarna med att använda ett ramverk?

Det finns många fördelar med att använda ett ramverk för att utveckla en webbapplikation. De viktigaste är följande:

1. Enklare utvecklingsprocess med bästa praxis.
2. Snabbare utveckling med startprojekt sparar tid.
3. Användning av beprövad kod.
4. Ger ofta bättre säkerhet.
5. Sparar kostnader, speciellt vid större projekt.

4. Vad är en JavaScript-återuppringning?

En JavaScript-återuppringning är en funktion som ska köras efter en annan funktion. Callback-funktionens namn och argument kan skickas som argument till den första funktionen, plus att den första funktionen även kan skicka argument internt till callback-funktionen som är ett resultat av dess beräkningar.

Återuppringningsfunktioner används bäst med asynkrona funktioner som måste vänta på att andra funktioner först avslutar exekveringen.

5. Förklara lokalt kontra globalt omfattning i JavaScript

Definierade variabler skrivs i ord och dessa är bara meningsfulla i rätt sammanhang. Lokal och global räckvidd avser detta sammanhang av definierade variabler. En global variabel måste definieras utanför en funktion, medan lokala variabler definieras inuti en funktion.

Således har en global variabel global omfattning, vilket innebär att den kan nås från var som helst i programmet. En lokal variabel har dock lokalt omfång och det betyder att den bara kan nås inifrån funktionen.

6. Förklara Z-Index i CSS

Z-index är en elementegenskap som används för att definiera elementets stackordning. Stackordning hänvisar till förmågan hos ett element att antingen vara bakom eller framför andra element precis som en bunt kort.

Element med högre stapelordning visas framför element med lägre stapelordning. I detta sammanhang, om du ger ett element en stackorder på 2 eller 100 garantier, kommer det att visas ovanpå alla andra på en sida. På liknande sätt kommer en sida utan specificerade stackorder att stapla bottenelement från källan högre än de översta.

7. Vad är Marquee i HTML?

Marque är en containertagg i HTML, som används för att visa rullande text. Den låter dig styra rullningsriktningen och hastigheten. Marquee är dock föråldrat i HTML5, och du rekommenderas att använda CSS istället.

Exempel på rullning med markeringsram:

Marquee rullningstext

8. Lista viktiga sätt att minska sidladdningstiden

Det finns många steg som en utvecklare kan ta för att förbättra en sidas laddningstid, de viktigaste är:

• Optimera bilder och minska deras storlek
• Bli av med onödiga widgets
• Minska uppslagningar till ett minimum
• Host webbplatsen på en anständig värd
• Använd Accelerated Mobile Pages eller statiska webbplatser
• Lata ladda bilder
• Förminska din kod

9. Vilka är skillnaderna mellan Canvas och SVG?

SVG står för Scalable Vector Graphics and the taggen är ett behållarelement för att skapa grafik, till exempel en cirkel, en ruta, en ellips och så vidare. Du kan modifiera SVG med CSS eller JavaScript och att vara skalbar betyder att det fungerar bra för högupplösta utdata.

De container, å andra sidan, är rasterbaserad och inte skalbar. Det används också för att skapa grafik men kan endast ändras med JavaScript. Det är dock mer effektivt att hantera ett större antal objekt.

10. Hur fungerar det? Null Skiljer sig från Odefinierad?

Null är en representation utan värde. Den används vanligtvis som en placeringsinnehavare för att initiera en definierad variabel som inte har tilldelats ett verkligt värde. Odefinierad, å andra sidan, hänvisar till en definierad variabel som inte har initierats.

I JavaScript:

var variabelA;

var variabelB = null;

alert(variabelA); //visar odefinierat

alert(variabelB); //visar null

11. Hur skiljer sig ID från klass?

ID och klass är två metoder för att identifiera och hantera element i ett HTML-dokument. Den stora skillnaden mellan de två är dock att ID måste vara unikt. Med andra ord kan två element inte dela samma ID, men två eller flera element kan dela samma klass.

Ett ID används för att hantera specifika element, medan en klass används för att hantera en grupp av element som delar en eller flera gemensamma egenskaper.

12. Hur förbättrar du en webbplatss säkerhetsfunktioner?

De få steg som du kan vidta för att förbättra en webbplatss säkerhet inkluderar:

1. Genomför en policy för starkt lösenord. Detta innebär att kontrollera att ett valt lösenord har över 8 tecken och innehåller siffror, specialtecken och versaler och gemener.
2. Användning av captcha eller någon anti-bot-åtgärd.
3. Använda 2-faktor eller multi-factor autentiseringsmetoder som OTP:er (One-Time-Passwords) och hårdvarudonglar, vid behov.
4. Använda en värd med DDoS-skydd och automatiska säkerhetskopieringsfunktioner.

13. Hur skiljer sig localStorage från sessionStorage?

LocalStorage- och sessionStorage-systemen låter båda en utvecklare lagra data i en webbläsare. LocalStoarage är dock beständig, medan sessionStorage inte är det. Med andra ord kommer data som lagras i localStorage att vara tillgänglig i webbläsaren över flera sessioner, medan data som lagras i sessionStorage raderas när webbläsarfliken stängs.

14. Lista HTTP2.0-förbättringar över HTTP 1.1

HTTP/2-protokollet publicerades 2015 och erbjuder betydande förbättringar, såsom:

1. Bättre säkerhet med binär över text.
2. Bättre prestanda.
3. Lägre latens.
4. Bättre felhantering.
5. Sänk över huvudet.

15. Vad är skillnaden mellan Git Pull och Git Merge?

Git pull-kommandot låter dig ladda ner innehåll från ett fjärrlager, sedan uppdaterar det ditt lokala arkiv med det nedladdade innehållet.

Kommandot git merge, å andra sidan, låter dig kombinera två separat utvecklade grenar av samma projekt. Sammanfogningskommandot måste utföras från den gren du vill slå samman till, och detta är vanligtvis huvudgrenen.

16. Hur skiljer sig GET från POST och PUT?

HTML GET-metoden används av en webbläsare för att begära information från en server, medan POST- och PUT-metoderna används för att skicka information från webbläsaren till en server.

Men medan en POST-begäran helt enkelt kan lägga till data till en serverresurs, används en PUT-begäran för att ersätta resursen helt med hjälp av begärans nyttolast.

17. Lista de mest populära datautbytesformaten

Här är de mest populära datautbytesformaten hittills:

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

18. Lista de 3 typerna av popup-rutor

Popup-rutor i JavaScript används för att visa meddelanden för användaren, för att begära input och ibland för att göra både och. Här är de tre typerna av JavaScript-popups:

1. Varningslåda – Detta visar ditt meddelande plus en 'OK'-knapp.
2. Bekräfta ruta – Den här dialogrutan innehåller både 'OK' och 'Avbryt'-knappar som kan påverka koden.
3. Snabblåda – Den här rutan innehåller en textinmatningsruta för att samla in information från användaren.

19. Namnge de olika sätten att inkludera CSS-kod

Det finns tre sätt att inkludera CSS i ett HTML-dokument. De är:

1. Extern CSS – Du inkluderar ett .css-dokument med hjälp av inuti dokumentet taggar.
2. Inbäddad CSS – Du inkluderar CSS-koden i taggar, var som helst i dokumentet.
3. Inbyggd CSS – Du använder paret style=”CSS-property: value” inuti dina HTML-taggar, t.ex. PSquare!

20. Hur fungerar det? fönster. ladda ner Skiljer sig från document.onload?

Window.onload används för att köra JavaScript-kod när webbläsaren har laddat sidans DOM-träd och andra grunder, inklusive bilder, CSS-kod och skript.

Medan document.onload körs omedelbart efter att DOM är klart, kan detta betyda även innan bilder och externa bibliotek laddas.

21. Hur döljer du ett element med CSS?

Du kan dölja ett HTML-element med tre CSS-metoder, de är:

1. Display: ingen; – Elementet varken renderas eller visas.
2. Synlighet: dold; – Elementet renderas men visas inte.
3. Position: Absolut; – Elementet renderas och visas, men placeras utanför visningsområdet.

22. Vilka är de bästa användningsområdena för Ajax?

Ajax är en metod för att ladda data från en server i bakgrunden med hjälp av JavaScript. Den har många användningsområden, såsom datavalidering, chattappar, kommentarer, datafiltrering, visuell redigering, omröstningar och så vidare.

23. Lista några nya funktioner i CSS3

CSS3 innehåller många moderna och användbara funktioner över CSS2, till exempel:

1. Rundade hörn för lådor och bilder.
2. Animation av objekt.
3. Variabler & funktioner för deklarationer.
4. Grid & Flexbox för responsiv design.
5. Gradienter för bakgrundsfärger.
6. Opacitetskontroll med rgba.
7. Skuggeffekt för rutor och texter.
8. Övergångar för Hover och Fokus på element.

24. Vilka nya inmatningstyper introducerades i HTML5?

Inmatningstypen är det värde du ger ett inmatningselement i ett HTML-dokument.

Ett exempel är:

or

De nya HTML5-inmatningstyperna inkluderar:

1. Datum
2. Färg
3. E-post
4. Sök
5. Sådana
6. Månad
7. Nummerintervall
8. Månad
9. URL
10. Datumtid-lokal

25. Beskriv HTML5-medieelementen

HTML5 innehåller fler elementtaggar för att hantera mediatyper och källor. De är:

• – för MP4-, WebM- och Ogg-videor.
• – för att definiera flera källor i olika format.
• – för MP3-, Ogg- och WAV-ljud.
• – en behållare för att inkludera externa resurser från bilder till video och webbsidor.
• – för att ange undertextspår för videor.

Slutsats

När du når slutet av vår lista över de 25 bästa intervjufrågorna för webbutvecklare som du måste känna till, kan du se att det krävs en hel kombination av teknologier för att vara en fullstack-utvecklare.

Även om detta är en guide som berör de olika aspekterna av jobbet, är den inte på något sätt uttömmande. Så det är upp till dig att identifiera de områden som du inte är tydlig med och sedan lära dig.