Topp 25+ intervjuspørsmål og svar for webutviklere

top 25 web developer interview questions

Denne opplæringen gir et sett med vanlige spørsmål Nettutviklerintervju Spørsmål og svar for nettutviklere på junior- og seniornivå:

Det er viktig for markedsføringsteamet å bygge en pålitelig tilstedeværelse på nettet, annonsere sine produkter og tjenester til potensielle kunder, holde styr på og tilby ettersalgstjenester til eksisterende kunder.

Nettapplikasjoner er bygget med det formål å være tilgjengelige globalt, bli anerkjent og tilby sine produkter og tjenester over det internasjonale markedet.

konvertere char * til int c ++

For å bygge nettbaserte applikasjoner er det obligatorisk å ha inngående kunnskap om markeringsspråk som HTML5, Cascading Style Sheet CSS3, JavaScript og JS-biblioteker for brukerinteraksjoner, for håndtering av DOM-elementer, for å validere klientinnganger og for å gjøre dynamiske og responsive websider.

Hva du vil lære:

• Hva er nettutvikling
• Ofte stilte spørsmål om webutviklerintervju
• Konklusjon
  • Anbefalt lesing

Hva er nettutvikling

Nettutvikling refererer til arbeidet som er involvert i å bygge og vedlikeholde nettsteder og nettbaserte applikasjoner som elektroniske e-handelssider, Amazon, Flipkart, eBay, etc og sosiale nettverkssider som Facebook, LinkedIn, Instagram og Twitter.

Dette inkluderer også arbeidet med å bygge nettsteder for jernbaner, banker, alle større offentlige nettsteder for å kringkaste informasjon og skape oppmerksomhet.

Generer offentlig bevissthet og gi opplæring via nyhetskanaler ved hjelp av programvare for webkonferanser Skype, Zoom, GoToMeeting. Gi online underholdning gjennom webserier som Netflix, Amazon Prime, MX-spiller osv. Utdann studenter, hold møter for å henvende seg til kunder og team på tvers av geografiske grenser.

La oss nå gå videre til de vanligste spørsmålene om webutviklerintervju for både junior- og seniornivåintervjuer.

Ofte stilte spørsmål om webutviklerintervju

Q # 1) Forklar funksjonaliteten til en nettleser.

Svar: Browser tilbyr forskjellige funksjoner. Disse er som følger:

• Det hjelper tilgang til HTML-sider og alle webelementer som brukes i nettbaserte applikasjoner, samt nettsteder, og viser svar fra andre nettsteder som svar på forespørslene.
• Tillater websøk etter nettstedet du er interessert i ved å skrive inn URL eller nettadresse i adressefeltet og se svar ved å bruke en av søkemotorene.
• Navigasjonskontroller brukes til å gå tilbake til nylig åpnede sider ved å klikke på tilbake-knappen og neste knapp for å gå videre.
• Historikken holder oversikt over de besøkte stedene i kronologisk rekkefølge. Det gjør det mulig å huske eller legge til bokmerker for nettsteder av interesse for å henvise eller utforske på et senere tidspunkt. Det lagrer også tidligere besøkte nettsteder i form av hurtigbuffer og gjør besøkende gjenkjent av nettsteder, noe som gir tilgang til disse nettstedene raskere.
• Behandler passord for ofte brukte nettsteder som krever godkjenning og holder i de fleste tilfeller brukere allerede logget på kontoen.
• Gir tilgang til forskjellige nettsteder, utveksling av informasjon via API-samtaler, kommunikasjon via e-post, data og mediefildelingsprogramvare.

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

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

Svar:

• HTML er et plattform- og nettleseruavhengig markeringsspråk med en serie koder som gir strukturen til en webside.
• CSS forbedrer sideoppsettet og innholdet med stil.
• JavaScript styrer oppførselen til webelementer, og derved gjør nettstedet ditt interaktivt / responsivt, validerer brukerinndataverdier, fanger besøkendes informasjon og gjenkjenner tidligere besøkende, hjelper til med å analysere prosentandelen av klikkfrekvensen for besøkende på blogginnlegg.

Spørsmål 3) Hva forstår du av Framework?

Svar: Framework er en struktur som gir en plattform for å lage applikasjoner. Det er en samling av lignende typer filer plassert på en slik måte at de er konfigurert til å koble / integrere med hverandre internt.

Eksempel: API-rammeverk, som inneholder godt testede, forhåndsskrevne og kompilerte klasser for å oppnå vanlige funksjoner som laste opp filfunksjon, lese filinnhold, rapporter i PDF og lignende formater integrert med webapplikasjonen.

Spørsmål 4) Hva er et bibliotek med kontekst til webutvikling?

Svar: Et bibliotek er en samling koder som er forhåndsprøvd og designet for forventede funksjoner utviklet av utviklere og som er tilgjengelige i repositorier. Nettutviklere kan integrere disse bibliotekene og bruke funksjonaliteten deres i stedet for å gjenoppfinne koden for å oppnå den samme funksjonaliteten fra begynnelsen.

Du kan bruke iText og Apache FOP-biblioteker i applikasjonen for å hjelpe deg med å eksportere dataene dine i pdf-formatfiler.

Spørsmål nr. 5) Hva er årsakene til at nettleseren fryser?

Svar: Følg trinnene nevnt nedenfor for å identifisere årsaken og løse det hyppige problemet med nettfrysing:

Her vurderer vi Google Chrome som standard nettleser.

1. Sjekk eventuelle problemer knyttet til Internett: Klikk på Window-ikonet (Start) -> Velg Kontrollpanel -> Under Nettverk og Internett -> Klikk på Vis nettverksstatus og oppgaver -> Sjekk Vis ditt aktive nettverk - klikk på koble til eller koble fra -> Det skal vise Internett-tilkobling for den valgte Nettverk.
2. Chrome er ikke lukket ordentlig: Høyreklikk og velg start oppgavebehandling ytterst til høyre i høyre hjørne, hvis du finner flere chrome.exe under prosessfanen, høyreklikker du på den posten og velger Avslutt prosess. Dette frigjør RAM-plass. Start Chrome deretter på nytt.
3. Deaktiver Chrome-utvidelser: Åpne Chrome-nettleseren og skriv inn adressefeltet -> chrome: // extensions / og trykk Enter. Deaktiver alle aktive utvidelser og start Chrome-nettleseren på nytt. Gå til Chrome-utvidelser og aktiver alle utvidelser.
4. Skann datamaskinen for skadelig programvare: Start Chrome og naviger til innstillinger. Klikk på Avansert, finn Tilbakestill og rydd opp. Klikk på Rydd opp datamaskinen.
5. Tilbakestill Chrome-innstillinger: Start Chrome, gå til innstillinger, klikk på Avansert, finn Tilbakestill og rydd opp, og klikk Gjenopprett innstillinger til de opprinnelige standardene.
6. Fjern inkompatible applikasjoner: Hvis Chrome under en skanning oppdager et inkompatibelt program, klikker du på oppdatering eller fjern inkompatible applikasjoner.
7. Til slutt, hvis problemet fortsatt vedvarer, avinstallerer du Chrome-versjonen og installerer den nyeste versjonen.

Sp # 6) Hvordan kan jeg forbedre brukeropplevelsen for brukere som besøker nettstedet ditt?

Svar: Følgende er forslagene for å forbedre brukeropplevelsen:

• Nettstedet ditt / applikasjonen din skal kjøre 24 × 7.
• Den skal håndtere tilgang til flere brukere under peak tid eller sesong.
• Det skal være brukervennlig og enkelt å navigere til funksjonene den besøkende leter etter.
• Bør ha engasjerende videoer for å introdusere produktfunksjonene dine.
• Nettstedet bør søkes fra søkemotorer basert på oppgitte nøkkelord.
• Nettstedet bør integreres med en betalingsportal med alle mulige alternativer for transaksjoner.
• Bør ha gratis bruk av funksjoner som er tilgjengelige for brukere å bestemme seg for å kjøpe produktet ditt.
• Brukerdata bør sikres mens du går inn på nettstedet.
• Økter og cache-funksjoner skal gjenkjenne besøkende som kommer tilbake.

Q # 7) Hva er videoformatene som brukes i nettutvikling?

Svar: Noen videoformater som støttes og brukes i nettutvikling, er oppført nedenfor:

• AVI av Microsoft
• FLV Adobe flash videospiller
• WMV støttet av Windows media player
• MOV av QuickTime-spiller
• MP4 støttet av mobiltelefoner og andre plattformer

Sp # 8) Hvordan vil du inkludere tilgjengelighetsfunksjoner på nettstedet ditt?

Svar: Tilgjengelighet er en viktig funksjon som kreves for å bli implementert på nettstedet ditt for å la besøkende med spesielle behov, funksjonshemninger få tilgang til og utforske nettstedet ditt.

• Nettstedet skal være tastaturvennlig, dvs. alle funksjonene skal være tilgjengelige uten bruk av mus.
• Brukere skal kunne slå av dynamisk og flyttende innhold, for eksempel GIF-filer, animasjoner, videofiler. Dette innholdet kan påvirke epileptiske brukere negativt.
• Transkripsjoner / bildetekster for å se på videoer. For døve brukere er det ikke nok å se på en video med undertekster, funksjoner som bildetekster skal vises under videokjøringen.
• Stemmeassistanse og merking av bilder, grafikk og knapper for synshemmede besøkende er viktig for å følge trinnene som beskrevet for å utforske og bruke funksjoner som tilbys på nettstedet.
• Autofullfør funksjoner i søkefeltet og lett å finne funksjoner for besøkende med forsinket eller dårlig motorikk.
• Øk størrelsen på det klikkbare området. Bruk subtile farger for besøkende som har fargeblindhet.

Sp # 9) Når vil du bruke AJAX i webapplikasjonen?

Svar: AJAX oppdaterer delen av sideinnholdet, uten å laste hele siden på nytt. Denne funksjonen er viktig når brukeren trenger raske resultater uten å vente på forespørselen sendt ved å klikke på send-knappen og vente på svaret. Serverbelastningen kan reduseres ved å bruke AJAX med mindre antall forespørsler som sparer båndbredde.

Du kan bruke AJAX for skjemavalidering. I stedet for popup-vinduer kan lysboksen brukes, sortere og filtrere innholdet i tabellformat, vise resultater eller stemmer ved hjelp av chat-applikasjonen, og laste captcha for autentiseringskontroller.

Sp # 10) Hvordan kan vi implementere nettjenester i nettbaserte applikasjoner?

Svar: Webapplikasjon sender forespørsler til en webtjeneste ved hjelp av HTTP-protokollen. På en gitt URL behandler nettjenesten forespørselen og returnerer svaret tilbake til applikasjonen. SOAP og RESTful er to typer nettjenester.

Spørsmål nr. 11) Hvordan og hvilke sikkerhetsfunksjoner kan du bruke på nettstedet ditt?

Svar: For å beskytte nettstedet ditt mot datatyveri, må du forbedre sikkerheten for nettstedet ditt, for eksempel

• Håndheve sterk passordpolicy, slik at passordet kan ha minst 10 tegn og skal inneholde øvre, nedre, spesialtegn og tall.
• Vert som installerer nettstedet ditt, bør ha et sikkerhetskopieringsanlegg, installert antivirus og brannmur for å sikre innholdet ditt.
• Påloggingssiden skal ha Captcha, OTP-funksjoner, blokkere kontofunksjon (i tilfelle du skriver inn 3 feil passord) osv. For å forhindre uautorisert besøkendes tilgang til kontoen din.

Q # 12) Hvilken konfigurasjon og oppsett kreves for å sende e-post via nettstedet ditt?

Svar: Ideelt sett kan du konfigurere SMTP på en enkelt server ved hjelp av en tredjepartstjeneste som Gmail SMTP, eller bruke elastisk e-post ved å bruke vertsnavn, port, brukernavn og passord.

Spørsmål nr. 13) Hva vil du bygge et responsivt nettsted for?

Svar: Responsiv webdesign hjelper deg automatisk med å endre størrelse på nettleserens bredde og høyde basert på stasjonære datamaskiner, nettbrett og mobil med hensyn til størrelse på stasjonær eller bærbar PC.

Sp # 14) Hva er formatene for datautveksling?

Svar: Ulike formater for datautveksling er XML-, CSV-, JSON- og tekstformat.

Sp # 15) Hva mener du med protokoll?

Svar: I nettverksterminologi er protokollen et sett med regler for å formatere og behandle data. For å kommunisere, bør begge enhetene ha samme protokoll. Internet Protocol (IP) er en nettverkslagsprotokoll og er ansvarlig for ruting. Transmission Control Protocol (TCP) overfører datapakker på tvers av nettverk.

HyperText Transfer Protocol (HTTP) er et lag 7 som brukes på Internett og overfører data mellom enheter. User Datagram Protocol (UDP) brukes i raske datautvekslingsapplikasjoner som videostreaming og spill.

Sp # 16) Hvilke teknikker vil du bruke for å redusere sidetiden?

Svar: For å redusere sidetiden og forbedre ytelsen kan følgende teknikker brukes:

• Bruk de nyeste versjonene av nettbyggingsteknologier som CSS3 og HTML5
• Bruk JavaScript og stilark til et minimum
• Prøv å unngå bruk av omdirigeringer
• Bruk den lille størrelsen på bildene
• Inkluder kode fra Content Delivery Network (CDN)
• Påfør AJAX for raske og responsive webapplikasjoner

Q # 17) Oppgi forskjellene mellom HTTP 1.1 og 2.0?

Svar: Forskjellene mellom HTTP 1.1 og HTTP 2 er oppført i tabellen nedenfor:

Sp # 18) Hvilke prioriteringer vil du vurdere når du bygger en webapplikasjon?

Svar: Følgende prioriteringer bør tas i betraktning når du bygger webapplikasjoner:

• Nettstedsider bør testes for ytelse, da de skal lastes inn så raskt som mulig.
• Applikasjonssider skal ikke ha ødelagte lenker.
• Applikasjonen skal være kompatibel med alle større nettlesere som Mozilla Firefox, Google Chrome, Internet Explorer og Opera.
• Nettstedet skal inneholde nøkkelord som er tilgjengelige for søkemotorer.
• Det skal være sømløs tilkobling til databasen.
• Databaseenheter som lagrede prosedyrer bør testes grundig med gyldig input.
• Bakside bord bør være sikret, manipulasjonssikker.
• Datainnsetting bør valideres av begrensninger på kolonne- og radnivå.
• Å sette inn data i DB-tabeller og se dem i brukergrensesnittprosessen, bør være så raskt som mulig.
• Rammeverket som brukes til å integrere sider bør være enkelt og bør testes uten noen sammenstilling.
• Brukerinngangssider skal utformes med minimale innganger fra brukeren, elementene som brukes skal være brukervennlige for tilgang.
• Bruk av HTTP2 for å laste inn sideinnhold raskt.
• Bruk av JavaScript bør være minimum.
• Tilgjengelighetsbestemmelser som høyttalere for å lese teksten, større skriftstørrelse, berøringsadgang på skjermen bør gis slik at personer med fysiske begrensninger også enkelt kan få tilgang til nettstedet.
• Bør integrere mediefiler som lyd og video som kan åpnes uten å stole på lokal programvare for å utføre disse filene.
• Nettsider skal være lydhøre overfor mobile skjermer.

Spørsmål nr. 19) Hva er de nye funksjonene introdusert i HTML5?

Svar: Nye semantiske, grafiske, multimediaelementer ble introdusert i HTML5, forskjellige attributter til elementer ble lagt til, mens få elementer ble fjernet.

Det la til viktige nye funksjoner som multimediaelementer video og lyd, geolokaliserings-API, API-er på nettlagringen, nettuttak, JS-nettarbeider, Canvas og Drag-n-Drop ble også introdusert.

Q # 20) Forklar med eksempler forskjeller mellom Canvas og SVG.

Svar: Canvas og SVG begge containere brukes til å lagre grafikk på HTML-siden, men de har følgende forskjeller mellom seg.

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

Svar: Dokumentobjekt er et HTML-dokument som vises i et nettleservindu når vi åpner websiden. DOM eller Document Object Model er måten dette dokumentet er tilgjengelig på eller endret på.

Vindusobjektet er overordnet til alle elementene, etterfulgt av et dokumentobjekt som viser sideinnhold, så kommer Skjemaobjekt , som er identifisert av koder.

Elementkontrollelementer: Alle inngangselementene som tekstfelt, knapper, radioknapper, avkrysningsbokser, lister osv. Finnes i skjemaobjektet.

teste intervju spørsmål og svar for erfarne

Spørsmål nr. 22) Når skal du bruke id og klassevalg?

Svar: ID som en velger er definert for å identifisere det som et element, og det skal derfor ikke være samme ID som brukes på noe annet element på samme side. Mens klassevalg er typer CSS-velgere som brukes for å legge stil til elementet, til eksempel, skriftfamilie, skriftstørrelse eller farge, og dermed kan klassevalg brukes på flere elementer.

I JavaScript har vi getElementById () metode som returnerer det første elementet som finnes i kildekoden, mens getElementsByClassName () metoden returnerer samling av elementer med bestemt klassenavn.

Q # 23) Forklar API-er introdusert av HTML5.

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

• API med høy oppløsningstid: Den gir gjeldende tid i oppløsning til millisekunder, uavhengig av systemklokkeskjevning eller justeringer.
• API for brukertiming: Dette muliggjør nøyaktig måling av JavaScript-ytelse.
• API for navigeringstiming: Det hjelper i vurderingen av tidsforløpsloggen under forsinkelse av sideinnlasting og tar hensyn til sideomdirigering, DNS-oppslag og tid til å konstruere DOM, TCP-tilkoblingsforsinkelser osv.
• API for nettverksinformasjon: Det hjelper med å identifisere nettbesøkendes tilkoblingstype og status for hele båndbreddeloggen.
• Vibrasjons-API: Det kan stimulere reaksjonen under visse hendelser i spillapplikasjoner ved å vibrere brukerenheter (mobiltelefon) og gi den ultimate brukeropplevelsen.
• API for batteristatus: Den gir informasjon om batteriets tilstand, for eksempel lading, gjenværende sekunder til den er fullstendig utladet, etc.
• API for sidesynlighet: Det gir detaljer om sidesynlighetsstatus som minimert, for tiden fokusert, og gir avgjørelser om å stoppe CPU- eller båndbreddeforbruk.
• API for fullskjerm: Det muliggjør en fullskjermvisning fra brukeren basert på spesifikasjonen for applikasjonen.
• getUserMedia API: Det gir tilgang til multimediestrømmer som video, lyd eller begge innebygd i en webside.
• WebSocket API: Den opprettholder en vedvarende forbindelse mellom nettleser og server.
• API for geolokalisering: Dette hjelper med å spore den geografiske plasseringen av stedet og menneskene via GPS (Global Positioning System) og henter breddegrad og lengdegrad og derved plott sanntidsposisjon på kartet.

Spørsmål nr. 24) Hva er forskjellen mellom null, tom og udefinert verdi, og hvordan kan du håndtere hver?

Svar: Tom streng, Null og Udefinert er like i typen, men skiller seg fra hverandre.

Udefinert: Når vi bare deklarerer en variabel, men ikke har tildelt noen verdi. ELLER-variabelen finnes ikke eller er ikke deklarert. Eksempel: verdi; console.log (verdi); ==> udefinert

Null: Identifikatorer eller navn gitt til funksjoner, variabler, eksisterer, men har ingen verdi. dvs. verdien er null. Eksempel: val = null

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

Q # 25) Forklar forskjellige popup-vinduer som brukes i JavaScript.

Svar: Det er hovedsakelig tre typer popup-bokser i JavaScript, nemlig. Varsle, bekreft og be.

Varsling er et popup-vindu som gir informasjon til brukeren med Ok-knappen. Brukere kan lese meldingen og klikke på Ok-knappen for å lukke dette vinduet.

Syntaksen som brukes til varsel i JavaScript:

Bekrefte er et popup-vindu for brukere å bestemme og velge ett av alternativene, fra OK og Avbryt.

• For å være enig i meldingen som Vil du? , kan brukeren klikke OK for å bekrefte avgjørelsen.
• For å være uenig i meldingen, kan brukeren klikke Avbryt og velge bort beslutningen.

Spør er en pop-up-type der brukeren blir bedt om å angi en verdi som navn eller alder, og når du klikker på OK-knappen, godtar den verdien du har angitt. Eksempel: yourage = ledetekst ('Angi gyldig alder');

Q # 26) Beskriv bruken av CSS-animasjon med eksempel.

Svar: Du kan legge til animasjon (gradvis endre fra en stil til en annen) til HTML-elementer uten bruk av JavaScript eller Flash, ved hjelp av CSS-animasjoner.

Keyframes er spesifisert som inneholder hvilke stiler elementet vil bli endret på bestemte tidspunkter.

Et eksempel er gitt i skjermbildet nedenfor:

CSS-animasjonseksempel på endring av farge fra rød til vann

Q # 27) Forklar formålet med hver av HTTP-forespørselstypene som støttes av RESTful Web-tjenester

Svar: I RESTful-nettjeneste har hver HTTP-forespørselstype et bestemt formål. Disse er forklart nedenfor:

• FÅ er en type forespørsel som henter data fra serveren.
• POST er en type forespørsel som brukes til å sende inn informasjon om nye dataskjemaer og deretter laste opp en fil.
• SETTE er en forespørsel som ligner på POST, men søkt om oppdatering av en eksisterende enhet.
• SLETT er en forespørsel som ligner på PUT og brukes til å slette ressursen fra serveren.
• SPOR brukes til å validere innhold som mottas sammen med nettverket under en forespørsel.
• HODE ligner på GET, men mottar svaroverskrifter under forespørselen.

Spørsmål nr. 28) Hva er forskjellen mellom Span- og Div-tag i HTML5?

Svar: Div og Span brukes begge til å representere en bestemt del av websiden, men begge skiller seg fra hverandre som forklart i tabellen nedenfor:

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

Svar: Pseudoklasse i cascading stilark er et nøkkelord som brukes på HTML-elementets velgere, for å legge til spesiell stil på HTML-hendelser som onblur, onclick, onchange, onhover etc., med referanse til eksterne faktorer som forrige besøk på nettstedet fra navigasjonshistorikk, posisjon eller bevegelse av musen, skjemaelementets innholdsstatus.

Syntaksen for Pseudo-klassen:

Eksempel:

CSS pseudoklasse i HTML-side:

teste intervju spørsmål og svar for erfarne

Svevende mus over forskjellige elementer viser effekter av pseudoklasse.

Konklusjon

I denne veiledningen har vi derfor diskutert intervjuspørsmål knyttet til utvikling og vedlikehold av nettsteder og nettbaserte applikasjoner. Det er viktig å ha god forståelse og praktisk kunnskap om å integrere ny teknologi, front-end skriptspråkbiblioteker, HTML5 APIer, CSS3 og språk som Java, ASP, PHP. Vi må også vite å konfigurere applikasjoner på webservere og database, håndtere SEO-nøkkelord, websikkerhet og nettleserkompatibilitet.

Du bør være godt kjent med nettverkskunnskap som protokoll, webtjenester, brukeropplevelse, problemløsning og innovasjoner innen nett- og mobilapplikasjoner, samt sikkerhets-, økthåndterings- og tilgjengelighetsfunksjoner.

Alt godt med ditt kommende webutviklerintervju.

Anbefalt lesing

• Test av webapplikasjon komplett guide (Hvordan teste et nettsted)
• 25 Beste Agile Testing Intervju Spørsmål og svar
• Topp 30+ populære CSS-intervjuspørsmål og svar
• 25+ mest populære ADO.NET intervjuspørsmål og svar
• Topp 20+ .NET intervju spørsmål og svar
• 30 topp HTML intervju spørsmål og svar (2021 LISTE)
• Topp 25 Java Web Services Intervju Spørsmål og svar
• Topp 20 viktigste API-tester Intervju spørsmål og svar