Topp 25+ intervjufrågor och svar för webbutvecklare

top 25 web developer interview questions

Denna handledning ger en uppsättning vanliga frågor Webbutvecklarintervju Frågor och svar för junior- och seniornivå-webbutvecklare:

Det är viktigt för marknadsföringsteamet att bygga en pålitlig närvaro på nätet, marknadsföra sina produkter och tjänster till sina potentiella kunder, hålla koll på och tillhandahålla kundservice till befintliga kunder.

Webbapplikationer är byggda i syfte att vara tillgängliga globalt, erkännas och erbjuda sina produkter och tjänster över hela den internationella marknaden.

hur man förklarar lista i java

För att bygga webbaserade applikationer är det obligatoriskt att ha fördjupade kunskaper om markeringsspråk som HTML5, Cascading Style Sheet CSS3, JavaScript och JS-bibliotek för användarinteraktioner, för hantering av DOM-element, för att validera klientingångar och för att göra dynamisk och lyhörda webbsidor.

Vad du kommer att lära dig:

• Vad är webbutveckling
• Vanliga frågor om intervjuer med webbutvecklare
• Slutsats
  • Rekommenderad läsning

Vad är webbutveckling

Webbutveckling avser arbetet med att bygga och underhålla webbplatser och webbaserade applikationer som online-e-handelssajter, Amazon, Flipkart, eBay, etc och sociala nätverkssajter som Facebook, LinkedIn, Instagram och Twitter.

Detta inkluderar också arbetet med att bygga webbplatser för järnvägar, banker, alla större statliga webbplatser för att sända information och skapa medvetenhet.

Generera allmänhetens medvetenhet och ge utbildning via nyhetskanaler med webbkonferensprogramvara Skype, Zoom, GoToMeeting. Ge underhållning online via webbserier som Netflix, Amazon Prime, MX-spelare etc. Utbilda studenter, genomföra möten för att adressera kunder och team över geografiska gränser.

Låt oss nu gå vidare till de vanligaste intervjufrågorna för webbutvecklare för intervjuer på både junior och seniornivå.

Vanliga frågor om intervjuer med webbutvecklare

F # 1) Förklara en webbläsares funktionalitet.

Svar: Webbläsaren erbjuder olika funktioner. Dessa är som följer:

• Det hjälper till att komma åt HTML-sidor och alla webbelement som används i webbaserade applikationer, såväl som webbplatser, och visa svar från andra webbplatser som svar på förfrågningarna.
• Tillåter webbsökning efter den plats du är intresserad av genom att ange URL eller webbadress i adressfältet och visa svaret med hjälp av någon av sökmotorerna.
• Navigeringskontroller används för att gå tillbaka till nyligen öppnade sidor genom att klicka på bakåtknappen och nästa knapp för att gå framåt.
• Historiken håller reda på de besökta platserna i kronologisk ordning. Det gör det möjligt att komma ihåg eller bokmärka webbplatser av ditt intresse att hänvisa eller utforska i ett senare skede. Det sparar också tidigare besökta webbplatser i form av cache och gör besökare igenkända av webbplatser, vilket gör det snabbare att komma åt dessa webbplatser.
• Hanterar lösenord för ofta använda webbplatser som kräver autentisering och håller i de flesta fall redan inloggade på kontot.
• Tillåter åtkomst till olika webbplatser, utbyte av information via API-samtal, kommunikation via e-post, data och mediefildelningsprogramvara.

Exempel på webbläsare: Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari.

F # 2) Förklara HTML 5, CSS3, JavaScript och deras betydelse för webbutveckling.

Svar:

• HTML är ett plattforms- och webbläsaroberoende markeringsspråk med en serie taggar som ger strukturen för en webbsida.
• CSS förbättrar sidlayouten och dess innehåll med stil.
• JavaScript kontrollerar beteendet hos webbelement och gör därmed din webbplats interaktiv / lyhörd, validerar användarinmatningsvärden, fångar webbplatsbesöksinformation och känner igen tidigare besökare, hjälper till att analysera andelen klickfrekvens för besökare på blogginlägg.

F # 3) Vad förstår du av Framework?

Svar: Framework är en struktur som ger en plattform för att skapa applikationer. Det är en samling av liknande typer av filer placerade på ett sådant sätt att de är konfigurerade för att ansluta / integreras med varandra internt.

Exempel: API-ramverk, som innehåller väl testade, förskrivna och sammanställda klasser för att utföra vanliga funktioner som uppladdningsfilfunktion, läsa filinnehåll, rapporter i PDF och liknande format integrerade med deras webbapplikation.

F # 4) Vad är ett bibliotek med sammanhang för webbutveckling?

Svar: Ett bibliotek är en kodsamling som är förprovad och utformad för förväntade funktioner som utvecklats av utvecklare och finns i förvar. Webbutvecklare kan integrera dessa bibliotek och använda deras funktioner snarare än att uppfinna koden för att uppnå samma funktion från början.

Du kan använda iText- och Apache FOP-bibliotek i din applikation för att exportera dina data i filer i pdf-format.

F # 5) Vilka är anledningarna till att webbläsaren fryser?

Svar: Följ stegen nedan för att identifiera grundorsaken och för att lösa det vanliga problemet med webbläsarfrysning:

Här överväger vi Google Chrome som standardwebbläsare.

1. Kontrollera alla problem relaterade till Internet: Klicka på Window-ikonen (Start) -> Välj Kontrollpanelen -> Under Nätverk och Internet -> Klicka på Visa nätverksstatus och uppgifter -> Kontrollera Visa ditt aktiva nätverk - klicka på anslut eller koppla bort -> Det ska visa Internetanslutning för den valda nätverk.
2. Chrome är inte stängt ordentligt: Högerklicka på det extrema till det nedre högra hörnet och välj starta uppgiftshanteraren, om du hittar flera chrome.exe under fliken processer, högerklicka på posten och välj Avsluta processen. Detta frigör RAM-utrymme. Starta sedan om Chrome igen.
3. Inaktivera Chrome-tillägg: Öppna Chrome-webbläsaren och skriv in adressfältet -> chrome: // extensions / och tryck på Enter. Inaktivera alla aktiva tillägg och starta om Chrome-webbläsaren igen. Gå till Chrome-tillägg och aktivera alla tillägg.
4. Sök efter dator efter skadlig kod: Starta Chrome och navigera till inställningar. Klicka på Avancerat, hitta Återställ och städa upp. Klicka på Rensa upp dator.
5. Återställ Chrome-inställningar: Starta Chrome, gå till inställningar, klicka på Avancerat, hitta Återställ och rensa och klicka på Återställ inställningar till deras ursprungliga standardvärden.
6. Ta bort inkompatibla program: Om Chrome upptäcker något inkompatibelt program under en genomsökning, klicka på uppdatera eller ta bort inkompatibla program.
7. Slutligen, om problemet fortfarande kvarstår, avinstallera Chrome-versionen och installera den senaste versionen.

F # 6) Hur kan jag förbättra användarupplevelsen för användare som besöker din webbplats?

Svar: Följande är förslag för att förbättra användarupplevelsen:

• Din webbplats / applikation ska köras 24 × 7.
• Den ska hantera åtkomstbelastning för flera användare under högtid eller säsong.
• Det ska vara användarvänligt och enkelt att navigera till de funktioner som besökaren letar efter.
• Bör ha engagerande videor för att introducera dina produktfunktioner.
• Webbplatsen bör sökas från sökmotorer baserat på angivna nyckelord.
• Webbplatsen bör integreras med en betalningsport med alla möjliga alternativ för transaktioner.
• Bör ha gratis att använda funktioner som är tillgängliga för användare att bestämma sig för att köpa din produkt.
• Användardata ska skyddas när du besöker webbplatsen.
• Sessioner och cache-funktioner bör känna igen återkommande besökare.

F # 7) Vilka videoformat används vid webbutveckling?

Svar: Några videoformat som stöds och används i webbutveckling listas nedan:

• AVI av Microsoft
• FLV Adobe flash-videospelare
• WMV stöds av Windows mediaspelare
• MOV av QuickTime-spelare
• MP4 stöds av mobiler och andra plattformar

F # 8) Hur skulle du inkludera tillgänglighetsfunktioner på din webbplats?

Svar: Tillgänglighet är en viktig funktion som krävs för att kunna implementeras på din webbplats för att ge besökare med speciella behov, funktionshinder tillgång till och utforska din webbplats.

• Webbplatsen ska vara tangentbordsvänlig, det vill säga alla funktioner ska vara tillgängliga utan användning av en mus.
• Användare ska kunna stänga av dynamiskt och rörligt innehåll som GIF-filer, animationer, videofiler. Detta innehåll kan påverka epileptiska användare negativt.
• Avskrifter / bildtexter för att titta på videor. För döva användare är det inte tillräckligt att titta på en video med undertexter, funktioner som bildtexter bör visas under videokörningen.
• Röstassistansfunktion och märkning av foton, grafik och knappar för synskadade besökare är viktigt för att följa stegen enligt anvisningarna för att utforska och använda funktioner som erbjuds på webbplatsen
• Autofullständiga funktioner i sökfältet och lätt att hitta funktioner för besökare med försenad eller dålig motorik.
• Öka storleken på det klickbara området. Använd subtila färger för besökare som har färgblindhet.

F # 9) När skulle du tillämpa AJAX i din webbapplikation?

Svar: AJAX uppdaterar avsnittet med sidinnehåll, utan att ladda om hela sidan. Denna funktion är viktig när användaren behöver snabba resultat utan att vänta på begäran som skickas genom att klicka på knappen Skicka och vänta på svaret. Serverbelastningen kan minskas genom att använda AJAX med mindre antal förfrågningar vilket sparar bandbredd.

Du kan använda AJAX för formulärvalidering. Istället för popup-fönster kan ljusboxen användas, sortera och filtrera innehållet i tabellformat, visa resultat eller röster med hjälp av chattapplikationen, ladda om captcha för autentiseringskontroller.

F # 10) Hur kan vi implementera webbtjänster i webbaserade applikationer?

skillnad mellan rökprovning och sanitetstest

Svar: Webbapplikation skickar förfrågningar till en webbtjänst med hjälp av HTTP-protokollet. Vid en viss URL behandlar webbtjänsten begäran och returnerar svaret till applikationen. SOAP och RESTful är två typer av webbtjänster.

F # 11) Hur och vilka säkerhetsfunktioner kan du använda på din webbplats?

Svar: För att skydda din webbplats mot datastöld måste du förbättra säkerheten för din webbplats, t.ex.

• Tillämpa en stark lösenordspolicy, så att lösenordet kan innehålla minst tio tecken och bör innehålla övre, nedre, specialtecken och siffror.
• Värd som installerar din webbplats bör ha en säkerhetskopieringsanläggning, installerat antivirus och brandvägg för att säkra ditt innehåll.
• Inloggningssidan ska ha Captcha, OTP-funktioner, blockera konto-funktionen (om du anger 3 fel lösenord) etc. för att förhindra att obehörig besökare får åtkomst till ditt konto.

F # 12) Vilken konfiguration och installation krävs för att skicka e-post via din webbplats?

Svar: Helst kan du konfigurera din SMTP på en enda server med en tredjeparts tjänst som Gmail SMTP, eller använda elastisk e-post med värdnamn, port, användarnamn och lösenord.

F # 13) Vad skulle du bygga en responsiv webbplats för?

Svar: Responsiv webbdesign hjälper till att automatiskt ändra storlek på webbläsarens bredd och höjd baserat på stationära datorer, surfplattor och mobila enheter med avseende på skärmstorlek på stationär eller bärbar dator.

F # 14) Vilka är formaten för datautbyte?

Svar: Olika datautbytesformat är XML-, CSV-, JSON- och textformat.

F # 15) Vad menar du med protokoll?

Svar: I nätverksterminologi är protokollet en uppsättning regler för att formatera och bearbeta data. För att kommunicera bör båda enheterna ha samma protokoll. Internetprotokoll (IP) är ett nätverkslagerprotokoll och ansvarar för dirigering. Transmission Control Protocol (TCP) överför datapaket över nätverk.

HyperText Transfer Protocol (HTTP) är ett lager 7 som används på Internet och överför data mellan enheter. User Datagram Protocol (UDP) används i snabba datautbytesapplikationer som videostreaming och spel.

F # 16) Vilka tekniker skulle du använda för att minska sidens laddningstid?

Svar: För att minska sidens laddningstid och förbättra prestanda kan följande tekniker användas:

• Tillämpa senaste versionerna av webbbyggnadstekniker som CSS3 och HTML5
• Använd JavaScript och Style Sheets till ett minimum
• Försök att undvika att använda omdirigeringar
• Använd den lilla storleken på bilderna
• Inkludera kod från Content Delivery Network (CDN)
• Applicera AJAX för snabba och responsiva webbapplikationer

F # 17) Lista skillnaderna mellan HTTP 1.1 och 2.0?

Svar: Skillnaderna mellan HTTP 1.1 och HTTP 2 listas i nedanstående tabell:

F # 18) Vilka prioriteringar skulle du tänka på när du skapar en webbapplikation?

Svar: Följande prioriteringar bör hållas i åtanke när du bygger webbapplikationer:

• Webbplatsens sidor bör testas för prestanda eftersom de bör laddas så snabbt som möjligt.
• Applikationssidor bör inte ha några trasiga länkar.
• Applikationen ska vara kompatibel med alla större webbläsare som Mozilla Firefox, Google Chrome, Internet Explorer och Opera.
• Webbplatsen bör innehålla nyckelord som är tillgängliga för sökmotorer.
• Det bör finnas sömlös anslutning till databasen.
• Databasenheter som lagrade procedurer bör testas grundligt med giltig inmatning.
• Bakre bord bör vara säkrade, manipuleringssäkra.
• Datainsättning bör valideras med begränsningar på kolumn- och radnivåer.
• Att infoga data i DB-tabeller och visa dem i användargränssnittsprocessen bör ske så snabbt som möjligt.
• Ramverket som används för att integrera sidor bör vara enkelt och bör testas utan någon sammanställning.
• Användarinmatningssidor ska utformas med minimala inmatningar från användaren, element som används ska vara användarvänliga för åtkomst.
• Användning av HTTP2 för att snabbt ladda sidinnehåll.
• Användningen av JavaScript bör vara minst.
• Tillgänglighetsbestämmelser som en högtalare för att läsa texten, större teckenstorlek, skärmpekåtkomst bör tillhandahållas så att personer med fysiska begränsningar också kan komma åt webbplatsen med lätthet.
• Bör integrera mediefiler som ljud och video som kan öppnas utan att förlita sig på lokal programvara för att köra dessa filer.
• Webbsidor ska vara lyhörda för mobila skärmar.

F # 19) Vilka är de nya funktionerna som introduceras i HTML5?

Svar: Nya semantiska, grafiska, multimediaelement introducerades i HTML5, olika attribut till element lades till medan få element togs bort.

Det lade till viktiga nya funktioner som multimediaelement video och ljud, geolokaliserings-API, API: er på webblagring, webbuttag, JS-webbarbetare, Canvas och Drag-n-Drop introducerades också.

F # 20) Förklara med exempel skillnader mellan Canvas och SVG.

Svar: Canvas och SVG båda containrar används för att lagra grafik på HTML-sidan, men de har följande skillnader mellan dem.

F # 21) Vad är DOM-elementet och dess hierarki?

Svar: Dokumentobjekt är ett HTML-dokument som visas i ett webbläsarfönster när vi öppnar webbsidan. DOM- eller dokumentobjektmodell är det sätt som detta dokument öppnas eller ändras på.

Fönsterobjektet är en förälder till alla element följt av ett dokumentobjekt som visar sidinnehåll, sedan kommer Formobjekt , vilket identifieras med taggar.

Formkontrollelement: Alla inmatningselement som textfält, knappar, radioknappar, kryssrutor, listor etc. finns i formuläret.

F # 22) När ska du använda id och klassväljare?

Svar: ID som väljare definieras för att identifiera det som ett element unikt, därför bör det inte vara samma ID som tillämpas på något annat element inom samma sida. Medan klassväljare är typer av CSS-väljare som används för att lägga till stil till det elementet, för exempel, teckensnittsfamilj, teckensnittsstorlek eller färg, därför kan klassväljare tillämpas på flera element.

I JavaScript har vi getElementById () metod som returnerar det första elementet som finns i källkoden, medan getElementsByClassName () metoden returnerar samlingen av element med särskilt klassnamn.

F # 23) Förklara API: er introducerade av HTML5.

Svar: HTML 5 har introducerat följande API-metoder:

• API för högupplösningstid: Det ger den aktuella tiden i upplösning till millisekunder, oberoende av systemets klockförskjutning eller justeringar.
• API för användartiming: Detta möjliggör noggrann mätning av JavaScript-kodens prestanda.
• API för navigeringstiming: Det hjälper till vid bedömningen av tidsfördröjningsloggen under sidförlängningsfördröjningar och tar hänsyn till sidomdirigering, DNS-sökning och tid för att konstruera DOM-, TCP-anslutningsfördröjningar etc.
• API för nätverksinformation: Det hjälper till att identifiera webbbesökarens anslutningstyp och status för hela bandbreddsloggen.
• Vibrations-API: Det kan stimulera reaktionen under vissa händelser i spelapplikationer genom att vibrera användarenheter (mobiltelefon) vilket ger ultimat användarupplevelse.
• API för batteristatus: Den erbjuder information om enhetens batteriläge som laddning, återstående sekunder tills den är helt urladdad, etc.
• Sidans synlighet API: Det ger information om sidans synlighetsstatus som minimerad, för närvarande fokuserad, vilket ger beslut om att stoppa CPU- eller bandbreddförbrukning.
• API för helskärm: Det möjliggör en helskärmsvisning från användaren baserat på applikationens specifikation.
• getUserMedia API: Det ger åtkomst till multimedia-strömmar som video, ljud eller båda inbäddade i en webbsida.
• WebSocket API: Den upprätthåller en ihållande anslutning mellan webbläsare och server.
• API för geolocation: Detta hjälper till att spåra platsens och personernas geografiska läge via GPS (Global Positioning System) och hämtar latitud och longitud och plottar därmed realtidsposition på kartan.

F # 24) Vad är skillnaden mellan noll, tomt och odefinierat värde och hur kan du hantera var och en?

Svar: Tom sträng, noll och odefinierad har samma typ men skiljer sig från varandra.

Odefinierad: När vi bara deklarerar en variabel men inte har tilldelat något värde. ELLER-variabel finns inte eller deklareras inte. Exempel: värde; console.log (värde); ==> odefinierad

Null: Identifierare eller namn som ges till funktioner, variabler finns, men har inget värde. dvs. värdet är noll. Exempel: val = null

Tom sträng: När en variabel med strängdatatyp inte innehåller några teckendata. Exempel: a = '';

F # 25) Förklara olika popup-fönster som används i JavaScript.

Svar: Det finns huvudsakligen tre typer av popup-rutor i JavaScript, dvs. Varna, bekräfta och fråga.

Varna är ett popup-fönster för att ge information till användaren med Ok-knappen. Användare kan läsa meddelandet och klicka på Ok-knappen för att stänga det här fönstret.

Syntaxen som används för varning i JavaScript:

Bekräfta är ett popup-fönster där användarna kan välja och välja något av alternativen, från OK och Avbryt.

• För att komma överens med meddelandet som Vill du? kan användaren klicka på OK för att bekräfta beslutet.
• För att inte hålla med meddelandet kan användaren klicka på Avbryt och välja bort beslutet.

Prompt är en pop-up-typ där användaren uppmanas att ange något värde som namn eller ålder, och när den klickar på OK-knappen accepterar den det angivna värdet. Exempel: yourage = prompt ('Ange din giltiga ålder');

F # 26) Beskriv användningen av CSS-animering med exempel.

Svar: Du kan lägga till animering (gradvis byta från en stil till en annan) till HTML-element utan användning av JavaScript eller Flash, med CSS-animationer.

Keyframes anges som innehåller vilka stilar elementet kommer att ändras vid vissa tidpunkter.

Ett exempel är som ges på skärmen nedan:

CSS-animationsexempel på färgbyte från rött till vatten

F # 27) Förklara syftet med var och en av de HTTP-begäranstyper som stöds av RESTful Web-tjänster

Svar: I RESTful webbtjänst har varje HTTP-förfråganstyp ett specifikt syfte. Dessa förklaras nedan:

• SKAFFA SIG är en typ av begäran som hämtar data från servern.
• POSTA är en typ av förfrågan som används för att skicka information om nya uppgifter och sedan ladda upp en fil.
• SÄTTA är en begäran som liknar POST men tillämpas för uppdatering av en befintlig enhet.
• RADERA är en begäran som liknar PUT och används för att ta bort resursen från servern.
• SPÅR används för att validera innehåll som tas emot tillsammans med nätverket under en begäran.
• HUVUD liknar GET men tar emot svarsrubriker under begäran.

F # 28) Vilka är skillnaderna mellan Span och Div-taggen i HTML5?

Svar: Div och Span används båda för att representera ett visst avsnitt på webbsidan, men båda skiljer sig från varandra som förklaras i tabellen nedan:

F # 29) Förklara Pseudo-klass i CSS med exempel.

Svar: Pseudoklass i kaskadformatark är ett nyckelord som tillämpas på HTML-elementets väljare, för att lägga till särskild stil på HTML-händelser som onblur, onclick, onchange, onhover etc., med hänvisning till externa faktorer som tidigare webbplatsbesök från navigationshistorik, position eller rörelse av musen, formelementets innehållsstatus.

Syntaxen för Pseudo-klassen:

Exempel:

CSS-pseudoklass i HTML-sida:

testa intervjufrågor och svar för erfarna

Muspekaren över olika element visar effekter av pseudoklass.

Slutsats

Således har vi i denna handledning diskuterat intervjufrågor relaterade till utveckling och underhåll av webbplatser och webbaserade applikationer. Det är viktigt att ha en god förståelse och praktisk kunskap om att integrera ny teknik, front-end skriptspråkbibliotek, HTML5 API: er, CSS3 och språk som Java, ASP, PHP. Vi måste också veta att konfigurera applikationer på webbservrar och databas, hantering av SEO-nyckelord, webbsäkerhet och webbläsarkompatibilitet.

Du bör känna till nätverkskunskap som protokoll, webbtjänster, användarupplevelse, problemlösning och innovationer inom webb- och mobilapplikationer samt säkerhets-, sessionshantering och tillgänglighetsfunktioner.

Det bästa med din kommande webbutvecklarintervju.

Rekommenderad läsning

• Webbapplikationstestning Komplett guide (Hur man testar en webbplats)
• 25 bästa intervjuer och svar på Agile Testing
• Topp 30+ populära CSS-intervjufrågor och svar
• 25+ mest populära ADO.NET intervjufrågor och svar
• Topp 20+ .NET-intervjufrågor och svar
• 30 bästa HTML-intervjufrågor och svar (2021 LIST)
• Topp 25 Java Web Services Intervju Frågor och svar
• Topp 20 viktigaste API-testintervjuer och frågor