Top 25+ Interviewspørgsmål og svar til webudviklere

top 25 web developer interview questions

Denne tutorial giver et sæt ofte stillede spørgsmål Webudvikler Interview Spørgsmål og svar til junior og senior-frontend webudviklere:

Det er vigtigt for marketingteamet at opbygge en pålidelig tilstedeværelse på nettet, annoncere deres produkter og tjenester til deres potentielle kunder, holde styr på og levere eftersalgsservice til eksisterende kunder.

Webapplikationer er bygget med det formål at være tilgængelige globalt, blive anerkendt og tilbyde deres produkter og tjenester på tværs af det internationale marked.

dobbeltkoblet liste c ++ kode

Til opbygning af webbaserede applikationer er det obligatorisk at have indgående kendskab til markup-sprog som HTML5, Cascading Style Sheet CSS3, JavaScript og JS-biblioteker til brugerinteraktioner, til håndtering af DOM-elementer, til validering af klientindgange og til at gøre dynamisk og lydhøre websider.

Hvad du vil lære:

• Hvad er webudvikling
• Ofte stillede spørgsmål om webudviklerinterview
• Konklusion
  • Anbefalet læsning

Hvad er webudvikling

Webudvikling henviser til arbejdet med at opbygge og vedligeholde websteder og webbaserede applikationer som online e-handelswebsteder, Amazon, Flipkart, eBay osv. Og sociale netværkssider som Facebook, LinkedIn, Instagram og Twitter.

Dette inkluderer også arbejdet med at opbygge websteder til jernbaner, banker, alle større offentlige websteder for at udsende information og skabe opmærksomhed.

Generer offentlighedens bevidsthed og sørg for uddannelse via nyhedskanaler ved hjælp af webkonferencesoftware Skype, Zoom, GoToMeeting. Tilbyder online underholdning via webserier som Netflix, Amazon Prime, MX-afspiller osv. Uddann studerende, afhold møder for at henvende sig til kunder og teams på tværs af geografiske grænser.

Lad os nu gå videre til de mest almindelige spørgsmål om webudviklerinterview for både junior- og seniorinterviews.

Ofte stillede spørgsmål om webudviklerinterview

Q # 1) Forklar funktionerne i en browser.

Svar: Browser tilbyder forskellige funktioner. Disse er som følger:

• Det hjælper med at få adgang til HTML-sider og alle webelementer, der bruges i webbaserede applikationer samt websteder, og vise svar fra andre websteder som svar på anmodningerne.
• Tillader websøgning efter det sted, du har interesse for, ved at indtaste URL eller webadresse i adresselinjen og få vist svar ved hjælp af en af ​​søgemaskinerne.
• Navigationskontroller bruges til at gå tilbage til for nylig åbnede sider ved at klikke på tilbage-knappen og næste knap for at komme videre.
• Historik holder styr på de besøgte steder i kronologisk rækkefølge. Det gør det muligt at huske eller bogmærke websteder af din interesse for at henvise eller udforske på et senere tidspunkt. Det gemmer også tidligere besøgte websteder i form af cache og gør besøgende anerkendt af websteder, hvilket gør adgang til disse websteder hurtigere.
• Administrerer adgangskoder til ofte anvendte websteder, der kræver godkendelse, og holder i de fleste tilfælde brugere allerede logget ind på kontoen.
• Giver adgang til forskellige websteder, udveksling af oplysninger via API-opkald, kommunikation via e-mail, data og mediefildelingssoftware.

Eksempel på browsere: Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari.

Q # 2) Forklar HTML 5, CSS3, JavaScript og deres betydning i webudvikling.

Svar:

• HTML er et platform- og browseruafhængigt markup-sprog med en række tags, der giver strukturen til en webside.
• CSS forbedrer sidelayout og dets indhold med stil.
• JavaScript styrer webelementers opførsel og gør dermed dit websted interaktivt / responsivt, validerer brugerinputværdier, indfanger webstedsbesøgendes oplysninger og genkender tidligere besøgende, hjælper med at analysere procentdelen af ​​klikfrekvensen for besøgende på blogindlæg.

Spørgsmål nr. 3) Hvad forstår du ved Framework?

Svar: Framework er en struktur, der giver en platform til oprettelse af applikationer. Det er en samling af lignende typer filer placeret på en sådan måde, at de er konfigureret til at oprette forbindelse / integrere med hinanden internt.

Eksempel: API-ramme, der indeholder velafprøvede, forudskrevne og kompilerede klasser for at udføre almindelige funktioner som uploadfilfunktion, læse filindhold, rapporter i PDF og lignende formater integreret med deres webapplikation.

Spørgsmål nr. 4) Hvad er et bibliotek med kontekst til webudvikling?

Svar: Et bibliotek er en samling af kode, der er forprøvet og designet til forventede funktionaliteter udviklet af udviklere og er tilgængelige i arkiver. Webudviklere kan integrere disse biblioteker og udnytte deres funktionalitet i stedet for at genopfinde koden for at opnå den samme funktionalitet fra starten.

Du kan bruge iText og Apache FOP-biblioteker i din applikation til at hjælpe med at eksportere dine data i filer i pdf-format.

Spørgsmål nr. 5) Hvad er årsagerne til problemet med browserfrysning?

Svar: Følg nedenstående trin for at identificere grundårsagen og for at løse det hyppige problem med browserfrysning:

Her overvejer vi Google Chrome som standardbrowser.

1. Kontroller ethvert problem relateret til Internettet: Klik på Vinduesikon (Start) -> Vælg Kontrolpanel -> Under Netværk og Internet -> Klik på Vis netværksstatus og opgaver -> Kontroller Vis dit aktive netværk - klik på tilslut eller afbryd -> Det skal vise internetforbindelse for den valgte netværk.
2. Chrome er ikke lukket ordentligt: I det yderste til højre hjørne skal du højreklikke og vælge start task manager, hvis du finder flere chrome.exe under fanen processer, skal du højreklikke på den post og vælge Afslut proces. Dette frigør RAM-plads. Genstart derefter Chrome igen.
3. Deaktiver Chrome-udvidelser: Åbn Chrome-browseren, og skriv adresselinjen -> chrome: // extensions / og tryk på Enter. Deaktiver alle aktive udvidelser, og genstart Chrome-browseren igen. Gå til Chrome-udvidelser, og aktiver alle udvidelser.
4. Scan computeren for malware: Start Chrome og naviger til indstillinger. Klik på Avanceret, find Nulstil og Ryd op. Klik på Opryd computer.
5. Nulstil Chrome-indstillinger: Start Chrome, gå til indstillinger, klik på Avanceret, find Nulstil og ryd op, og klik på Gendan indstillinger til deres oprindelige standardindstillinger.
6. Fjern inkompatible applikationer: Hvis Chrome under en scanning registrerer et inkompatibelt program, skal du klikke på opdater eller fjerne inkompatible applikationer.
7. Endelig, hvis problemet stadig vedvarer, skal du afinstallere Chrome-versionen og installere den nyeste version.

Spørgsmål nr. 6) Hvordan forbedres brugeroplevelsen for brugere, der besøger dit websted?

Svar: Følgende er forslagene til forbedring af brugeroplevelsen:

• Dit websted / din applikation skal køre 24 × 7.
• Den skal håndtere flere brugeradgangsbelastninger i spidsbelastningstid eller sæson.
• Det skal være brugervenligt og let at navigere til de funktioner, som den besøgende leder efter.
• Bør have engagerende videoer til at introducere dine produktfunktioner.
• Webstedet skal søges fra søgemaskiner baseret på indtastede nøgleord.
• Webstedet skal integreres med en betalingsgateway med alle mulige alternativer til transaktioner.
• Bør have gratis at bruge funktioner til rådighed for brugerne til at beslutte at købe dit produkt.
• Brugerdata skal sikres, mens du går ind på webstedet.
• Sessioner og cache-funktioner skal genkende tilbagevendende besøgende.

Spørgsmål nr. 7) Hvad er videoformaterne, der bruges i webudvikling?

Svar: Nogle videoformater, der understøttes og bruges i webudvikling, er anført nedenfor:

• AVI fra Microsoft
• FLV Adobe flash videoafspiller
• WMV understøttet af Windows medieafspiller
• MOV af QuickTime-afspiller
• MP4 understøttet af mobiltelefoner og andre platforme

Spørgsmål nr. 8) Hvordan vil du inkludere tilgængelighedsfunktioner på dit websted?

Svar: Tilgængelighed er en vigtig funktion, der kræves for at blive implementeret på dit websted for at give besøgende med særlige behov, handicap adgang til og udforske dit websted.

• Webstedet skal være tastaturvenligt, dvs. alle funktioner skal være tilgængelige uden brug af en mus.
• Brugere skal være i stand til at deaktivere dynamisk og flytende indhold, såsom GIF-filer, animationer, videofiler. Dette indhold kan påvirke epileptiske brugere negativt.
• Udskrifter / billedtekster til at se videoer. For døve brugere er det ikke nok at se en video med undertekster, funktioner som billedtekster skal vises under videokørslen.
• Stemmehjælpefunktion og tagging af fotos, grafik og knapper til synshandicappede besøgende er afgørende for at følge trin som beskrevet for at udforske og bruge funktioner, der tilbydes på webstedet
• Udfyld automatisk funktioner i søgefeltet og let at finde funktioner til besøgende med forsinket eller dårlig motorik.
• Forøg størrelsen på det klikbare område. Brug subtile farver til besøgende, der har farveblindhed.

Spørgsmål nr. 9) Hvornår vil du anvende AJAX i din webapplikation?

Svar: AJAX opdaterer sektionen af ​​sideindholdet uden at genindlæse hele siden. Denne funktion er vigtig, når brugeren har brug for hurtige resultater uden nogen forsinkelse med at vente på anmodningen sendt ved at klikke på knappen Send og vente på svaret. Serverbelastningen kan reduceres ved at anvende AJAX med færre antal anmodninger, hvilket sparer båndbredde.

Du kan bruge AJAX til formvalidering. I stedet for pop op-vinduer kan lysboksen bruges til at sortere og filtrere indholdet i tabelformat, vise resultater eller stemmer ved hjælp af chatapplikationen og genindlæse captcha til godkendelseskontrol.

Spørgsmål nr. 10) Hvordan kan vi implementere webservices i webbaserede applikationer?

Svar: Webapplikation sender anmodninger til en webservice ved hjælp af HTTP-protokollen. På en given URL behandler webservicen anmodningen og returnerer svaret tilbage til applikationen. SOAP og RESTful er to typer webtjenester.

Spørgsmål nr. 11) Hvordan og hvilke sikkerhedsfunktioner kan du anvende på dit websted?

Svar: For at beskytte dit websted mod datatyveri skal du forbedre sikkerheden for dit websted, f.eks

• Håndhæv en stærk adgangskodepolitik, så adgangskoden kan have mindst 10 tegn og skal indeholde øvre, nedre, specialtegn og tal.
• En vært, der installerer dit websted, skal have en sikkerhedskopieringsfacilitet, installeret antivirus og firewall for at sikre dit indhold.
• Login-siden skal have Captcha, OTP-funktioner, blokere konto-funktion (i tilfælde af indtastning af 3 forkerte adgangskoder) osv. For at forhindre uautoriseret besøgende i at få adgang til din konto.

Spørgsmål nr. 12) Hvilken konfiguration og opsætning er påkrævet for at sende e-mails via dit websted?

Svar: Ideelt set kan du konfigurere din SMTP på en enkelt server ved hjælp af en tredjepartstjeneste som Gmail SMTP eller bruge elastisk e-mail ved hjælp af værtsnavn, port, brugernavn og adgangskode.

Spørgsmål nr. 13) Hvad ville du opbygge et responsivt websted til?

Svar: Responsivt webdesign hjælper automatisk med at ændre størrelsen på browserbredden og -højden baseret på desktops, tablets og mobilenheder med hensyn til desktop- eller laptop-skærmstørrelse.

Spørgsmål nr. 14) Hvad er formaterne til dataudveksling?

Svar: Forskellige dataudvekslingsformater er XML-, CSV-, JSON- og tekstformater.

Spørgsmål nr. 15) Hvad mener du med protokol?

Svar: I netværksterminologi er protokollen et sæt regler til format og behandling af data. For at kommunikere skal begge enheder have den samme protokol. Internetprotokol (IP) er en netværkslagsprotokol og er ansvarlig for routing. Transmission Control Protocol (TCP) overfører datapakker på tværs af netværk.

HyperText Transfer Protocol (HTTP) er et lag 7, der bruges på Internettet og overfører data mellem enheder. User Datagram Protocol (UDP) bruges i hurtige dataudvekslingsapplikationer som videostreaming og spil.

Spørgsmål nr. 16) Hvilke teknikker vil du anvende for at reducere sidens indlæsningstid?

Svar: For at reducere sidens indlæsningstid og forbedre ydeevnen kan følgende teknikker anvendes:

• Anvend de nyeste versioner af webbygningsteknologier som CSS3 og HTML5
• Brug JavaScript og Style Sheets til et minimum
• Prøv at undgå brugen af ​​omdirigeringer
• Brug den lille størrelse af billederne
• Inkluder kode fra Content Delivery Network (CDN)
• Anvend AJAX til hurtige og responsive webapplikationer

Q # 17) Angiv forskellene mellem HTTP 1.1 og 2.0?

hvordan man skriver testcases i Excel

Svar: Forskellene mellem HTTP 1.1 og HTTP 2 er angivet i nedenstående tabel:

Spørgsmål nr. 18) Hvilke prioriteter vil du overveje, når du bygger en webapplikation?

Svar: Følgende prioriteter skal holdes i tankerne, når du bygger webapplikationer:

• Webstedsider skal testes for ydeevne, da de skal indlæses så hurtigt som muligt.
• Applikationssider bør ikke have nogen ødelagte links.
• Applikationen skal være kompatibel med alle større browsere som Mozilla Firefox, Google Chrome, Internet Explorer og Opera.
• Webstedet skal indeholde nøgleord, der er tilgængelige for søgemaskiner.
• Der skal være problemfri forbindelse med databasen.
• Databaseenheder såsom lagrede procedurer skal testes grundigt med gyldigt input.
• Bagendeborde skal være sikret, manipulationssikkert.
• Dataindsættelse skal valideres af begrænsninger på kolonne- og rækkeniveauer.
• Indsættelse af data i DB-tabeller og visning af dem i brugergrænsefladeprocessen skal ske så hurtigt som muligt.
• Den ramme, der bruges til at integrere sider, skal være enkel og skal testes uden kompilering.
• Brugerinputsider skal designes med minimale input fra brugeren, de anvendte elementer skal være brugervenlige at få adgang til.
• Brug af HTTP2 til hurtigt at indlæse sideindhold.
• Brug af JavaScript skal være mindst muligt.
• Tilgængelighedsbestemmelser, såsom en højttaler til at læse teksten, større skriftstørrelse, skærmadgangsadgang skal gives, så folk med fysiske begrænsninger også let kan få adgang til hjemmesiden.
• Bør integrere mediefiler som lyd og video, der kan åbnes uden at stole på lokal software til at udføre disse filer.
• Websider skal være lydhøre over for mobilskærme.

Spørgsmål nr. 19) Hvad er de nye funktioner, der introduceres i HTML5?

Svar: Nye semantiske, grafiske, multimedieelementer blev introduceret i HTML5, forskellige attributter til elementer blev tilføjet, mens få elementer blev fjernet.

Det tilføjede vigtige nye funktioner som multimedieelementer video og lyd, geolokaliserings-API, API'er på weblagring, webstik, JS-webarbejder, Canvas og Drag-n-Drop blev også introduceret.

Q # 20) Forklar med eksempler forskelle mellem Canvas og SVG.

Svar: Canvas og SVG begge containere bruges til at gemme grafik på HTML-siden, men de har følgende forskelle imellem dem.

Q # 21) Hvad er DOM-elementet og dets hierarki?

Svar: Dokumentobjekt er et HTML-dokument, der vises i et browservindue, når vi åbner websiden. DOM eller dokumentobjektmodel er den måde, hvorpå dette dokument åbnes eller ændres.

Vinduesobjektet er en forælder til alle elementerne efterfulgt af et dokumentobjekt, der viser sideindhold, så kommer Form objekt , som er identificeret ved tags.

Formkontrolelementer: Alle inputelementer som tekstfelter, knapper, radioknapper, afkrydsningsfelter, lister osv. Findes i formobjektet.

Spørgsmål nr. 22) Hvornår skal du bruge id og klassevælger?

Svar: ID som en vælger er defineret til entydigt at identificere det som et element, og der bør derfor ikke være det samme ID, der anvendes på noget andet element på samme side. Hvorimod klassevælgere er typer af CSS-vælgere, der anvendes for at tilføje stil til dette element, til eksempel, skrifttypefamilie, skriftstørrelse eller farve, og derfor kan klassevalg vælges på flere elementer.

I JavaScript har vi getElementById () metode, der returnerer det første element, der findes i kildekoden, hvorimod getElementsByClassName () metode returnerer samling af elementer med bestemt klassenavn.

Q # 23) Forklar API'er introduceret af HTML5.

Svar: HTML 5 har introduceret følgende API-metoder:

• API med høj opløsningstid: Det giver den aktuelle tid i opløsning til sub-millisekunder, uafhængig af systemets urskævhed eller justeringer.
• API til brugertiming: Dette muliggør nøjagtig måling af JavaScript-kodens ydeevne.
• API til navigationstiming: Det hjælper med vurderingen af ​​time-lapse-log under forsinkelse af sideindlæsning og tager hensyn til sideomdirigering, DNS-opslag og tid til at konstruere DOM, TCP-forbindelsesforsinkelser osv.
• Network Information API: Det hjælper med at identificere webbesøgendes forbindelsestype og status for hele båndbreddeloggen.
• Vibrations-API: Det kan stimulere reaktion under visse begivenheder i spilapplikationer ved at vibrere brugerenheder (mobiltelefon), der giver den ultimative brugeroplevelse.
• API til batteristatus: Det giver information om enhedens batteritilstand såsom opladning, resterende sekunder, indtil den er helt afladet osv.
• Sidesynlighed API: Det giver detaljer om sidesynlighedsstatus som minimeret, aktuelt fokuseret, hvilket giver beslutninger om at stoppe forbrug af CPU eller båndbredde.
• Fuldskærms-API: Det muliggør en fuldskærmsvisning fra brugeren baseret på specifikationen af ​​applikationen.
• getUserMedia API: Det giver adgang til multimediestrømme som video, lyd eller begge indlejret i en webside.
• WebSocket API: Det opretholder en vedvarende forbindelse mellem browser og server.
• API til geolokalisering: Dette hjælper med at spore den geografiske placering af stedet og mennesker via Global Positioning System (GPS) og henter breddegrad og længdegrad og derved plottes realtidsposition på kortet.

Spørgsmål nr. 24) Hvad er forskellen mellem nul, tom og udefineret værdi, og hvordan kan du håndtere hver?

Svar: Tom streng, Null og Undefined er ens i typen, men adskiller sig fra hinanden.

Udefineret: Når vi bare erklærer en variabel, men ikke har tildelt nogen værdi. ELLER variabel findes ikke eller erklæres ikke. Eksempel: værdi; console.log (værdi); ==> udefineret

Nul: Identifikatorer eller navne givet til funktioner, variabler findes, men har ingen værdi. dvs. værdi er nul. Eksempel: val = null

Tom streng: Når en variabel med strengdatatypen ikke indeholder tegndata. Eksempel: a = '';

Q # 25) Forklar forskellige pop op-vinduer, der bruges i JavaScript.

Svar: Der er hovedsageligt tre typer pop op-bokse i JavaScript, nemlig. Advarsel, bekræft og bed.

Alert er et pop op-vindue, der giver oplysninger til brugeren med knappen Ok. Brugere kan læse beskeden og klikke på knappen Ok for at lukke dette vindue.

Syntaksen, der bruges til alarm i JavaScript:

Bekræfte er et pop op-vindue, som brugerne kan vælge og vælge en af ​​mulighederne fra OK og Annuller.

• For at være enig i meddelelsen som Vil du? , kan brugeren klikke på OK for at bekræfte beslutningen.
• For at være uenig med meddelelsen kan brugeren klikke på Annuller og fravælge beslutningen.

Hurtig er en type pop-up, hvor brugeren rådes til at indtaste en værdi som navn eller alder, og når den klikker på OK-knappen, accepterer den den indtastede værdi. Eksempel: yourage = prompt ('Indtast din gyldige alder');

Q # 26) Beskriv brugen af ​​CSS-animation med et eksempel.

Svar: Du kan tilføje animation (gradvist skifte fra en stil til en anden) til HTML-elementer uden brug af JavaScript eller Flash ved hjælp af CSS-animationer.

Keyframes er angivet, der indeholder, hvilke stilarter elementet vil blive ændret på bestemte tidspunkter.

Et eksempel er som angivet i nedenstående skærmbillede:

Eksempel på CSS-animation farveændring fra rød til vand

Q # 27) Forklar formålet med hver af de HTTP-anmodningstyper, der understøttes af RESTful Web-tjenester

Svar: I RESTful-webservice har hver HTTP-anmodningstype et specifikt formål. Disse forklares nedenfor:

• FÅ er en type anmodning, der henter data fra serveren.
• STOLPE er en type anmodning, der bruges til at indsende nye dataformularoplysninger og derefter uploade en fil.
• SÆTTE er en anmodning svarende til POST, men anvendes til opdatering af en eksisterende enhed.
• SLET er en anmodning svarende til PUT og bruges til at slette ressourcen fra serveren.
• SPOR bruges til at validere indhold modtaget sammen med netværket under en anmodning.
• HOVED svarer til GET, men modtager svaroverskrifter under anmodningen.

Spørgsmål nr. 28) Hvad er forskellen mellem Span og Div-tag i HTML5?

Svar: Div og Span bruges begge til at repræsentere et bestemt afsnit på websiden, men begge adskiller sig fra hinanden som forklaret i nedenstående tabel:

Q # 29) Forklar Pseudo-klasse i CSS med eksempler.

Svar: Pseudoklasse i cascading-stilark er et nøgleord, der anvendes på HTML-elementets vælgere, for at tilføje speciel stil til HTML-begivenheder som onblur, onclick, onchange, onhover osv., Med henvisning til eksterne faktorer som tidligere webstedsbesøg fra navigationshistorik, position eller bevægelse af musen, formelementets indholdsstatus.

Syntaksen for Pseudo-klassen:

Eksempel:

CSS pseudoklasse i HTML-side:

bedste cpu og gpu overvågningssoftware

Hold musen over forskellige elementer og viser effekter af pseudoklasse.

Konklusion

I denne vejledning har vi således diskuteret interviewspørgsmål relateret til udvikling og vedligeholdelse af websteder og webbaserede applikationer. Det er vigtigt at have en god forståelse og praktisk viden om at integrere nye teknologier, front-end scripting sprogbiblioteker, HTML5 API'er, CSS3 og sprog som Java, ASP, PHP. Vi skal også vide at konfigurere applikationer på webservere og database, håndtering af SEO-nøgleord, websikkerhed og browserkompatibilitet.

Du skal være velbevandret med netværksviden såsom protokol, webtjenester, brugeroplevelse, problemløsning og innovationer inden for web- og mobilapplikationer samt funktioner til sikkerhed, sessionhåndtering og tilgængelighed.

Alt det bedste med dit kommende interview med Webudvikler.

Anbefalet læsning

• Test af webapplikation komplet guide (Sådan testes et websted)
• 25 bedste spørgsmål og svar til interview med Agile Testing
• Top 30+ populære CSS-spørgsmål og svar
• 25+ mest populære ADO.NET interviewspørgsmål og svar
• Top 20+ .NET Interview Spørgsmål og svar
• 30 Top HTML-interviewspørgsmål og -svar (2021 LIST)
• Top 25 Java Web Services Interview Spørgsmål og svar
• Top 20 vigtigste API-test Interviewspørgsmål og svar