top 25 web developer interview questions
Deze tutorial biedt een aantal veelgestelde Interviewvragen en antwoorden voor webontwikkelaars voor front-end webontwikkelaars op junior en senior niveau:
Het is essentieel voor het marketingteam om een betrouwbare aanwezigheid op het web op te bouwen, hun producten en diensten aan potentiële klanten te adverteren, het overzicht bij te houden en aftersalesdiensten te bieden aan bestaande klanten.
Webapplicaties zijn gebouwd met het doel wereldwijd toegankelijk te zijn, erkend te worden en hun producten en diensten op de internationale markt aan te bieden.
verkooppuntsoftware voor ipad
Voor het bouwen van webgebaseerde applicaties is het verplicht om diepgaande kennis te hebben van opmaaktalen zoals HTML5, Cascading Style Sheet CSS3, JavaScript en JS-bibliotheken voor gebruikersinteracties, voor het omgaan met DOM-elementen, om clientinvoer te valideren en om dynamische en responsieve webpagina's.
Wat je leert:
- Wat is webontwikkeling
- Veelgestelde vragen tijdens sollicitatiegesprekken voor webontwikkelaars
- Gevolgtrekking
Wat is webontwikkeling
Webontwikkeling verwijst naar het werk dat betrokken is bij het bouwen en onderhouden van websites en webgebaseerde applicaties zoals online e-commerce sites, Amazon, Flipkart, eBay, enz. En sociale netwerksites zoals Facebook, LinkedIn, Instagram en Twitter.
Dit omvat ook het werk bij het bouwen van websites voor spoorwegen, banken en alle grote overheidssites om informatie uit te zenden en bewustwording te creëren.
Genereer bewustwording van het publiek en geef onderwijs via nieuwskanalen met behulp van webconferentiesoftware Skype, Zoom, GoToMeeting. Bied online entertainment via webseries zoals Netflix, Amazon Prime, MX-speler, enz. Leid studenten op, organiseer vergaderingen om klanten en teams over geografische grenzen heen aan te spreken.
Laten we nu verder gaan met de meest voorkomende interviewvragen voor webontwikkelaars voor zowel junior als senior sollicitatiegesprekken.
Veelgestelde vragen tijdens sollicitatiegesprekken voor webontwikkelaars
V # 1) Leg de functionaliteit van een browser uit.
Antwoord: Browser biedt verschillende functies. Dit zijn de volgende:
- Het helpt bij het openen van HTML-pagina's en alle webelementen die worden gebruikt in webgebaseerde applicaties, evenals websites, en geeft reacties van andere sites weer als antwoord op de verzoeken.
- Maakt het mogelijk om op het web naar de site van uw interesse te zoeken door een URL of webadres in de adresbalk in te voeren en de respons te bekijken door een van de zoekmachines te gebruiken.
- Navigatieknoppen worden gebruikt om terug te gaan naar recent geopende pagina's door op de knop Vorige te klikken en de knop Volgende om verder te gaan.
- De geschiedenis houdt de bezochte sites in chronologische volgorde bij. Hiermee kunt u sites van uw interesse onthouden of toevoegen om in een later stadium te verwijzen of te verkennen. Het slaat ook eerder bezochte sites op in de vorm van een cache en zorgt ervoor dat bezoekers door sites worden herkend, waardoor de toegang tot die sites sneller gaat.
- Beheert wachtwoorden voor veelgebruikte websites waarvoor authenticatie vereist is en houdt in de meeste gevallen gebruikers die al bij het account zijn aangemeld.
- Biedt toegang tot verschillende sites, uitwisseling van informatie via API-oproepen, communicatie via e-mail, gegevens en software voor het delen van mediabestanden.
Voorbeeld van browsers: Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari.
Vraag 2) Leg HTML 5, CSS3, JavaScript en hun belang in webontwikkeling uit.
Antwoord:
- HTML is een platform- en browseronafhankelijke opmaaktaal met een reeks tags die de structuur voor een webpagina bieden.
- CSS verbetert de pagina-indeling en de inhoud ervan met stijl.
- JavaScript regelt het gedrag van webelementen en maakt daardoor uw website interactief / responsief, valideert gebruikersinvoerwaarden, legt informatie van websitebezoekers vast en herkent eerdere bezoekers, helpt bij het analyseren van het percentage klikfrequentie van bezoekers van blogposts.
V # 3) Wat verstaat u onder Framework?
Antwoord: Framework is een structuur die een platform biedt om applicaties te maken. Het is een verzameling vergelijkbare bestandstypen die zo zijn geplaatst dat ze zijn geconfigureerd om intern met elkaar te verbinden / integreren.
Voorbeeld: API-framework, dat goed geteste, vooraf geschreven en gecompileerde klassen bevat om algemene functionaliteiten te bereiken, zoals de functie voor het uploaden van bestanden, het lezen van bestandsinhoud, rapporten in PDF en vergelijkbare formaten die zijn geïntegreerd met hun webtoepassing.
V # 4) Wat is een bibliotheek met context voor webontwikkeling?
Antwoord: Een bibliotheek is een verzameling code die vooraf is getest en is ontworpen voor verwachte functionaliteiten die zijn ontwikkeld door ontwikkelaars en die beschikbaar is in repositories. Webontwikkelaars kunnen deze bibliotheken integreren en hun functionaliteiten gebruiken in plaats van de code opnieuw uit te vinden om vanaf het begin dezelfde functionaliteit te bereiken.
U kunt iText- en Apache FOP-bibliotheken in uw toepassing gebruiken om uw gegevens in pdf-bestanden te exporteren.
V # 5) Wat zijn de redenen voor het vastlopen van de browser?
Antwoord: Volg de onderstaande stappen om de hoofdoorzaak te achterhalen en het vaak voorkomende probleem met het bevriezen van de browser op te lossen:
Hier beschouwen we Google Chrome als de standaardbrowser.
- Controleer elk probleem met internet: Klik op het vensterpictogram (Start) -> Selecteer Configuratiescherm -> Onder Netwerk en internet -> Klik op Netwerkstatus en taken bekijken -> Controleer Bekijk uw actieve netwerk - klik op verbinden of verbreken -> Het zou de internetverbinding moeten weergeven voor het geselecteerde netwerk.
- Chrome is niet goed gesloten: Klik met de rechtermuisknop en selecteer taakbeheer starten in de uiterste rechterhoek. Als u meerdere chrome.exe vindt onder het tabblad Processen, klikt u met de rechtermuisknop op dat record en selecteert u Proces beëindigen. Dit maakt RAM-ruimte vrij. Start Chrome vervolgens opnieuw.
- Schakel Chrome-extensies uit: Open de Chrome-browser en typ in de adresbalk -> chrome: // extensions / en druk op Enter. Schakel alle actieve extensies uit en start de Chrome-browser opnieuw. Ga naar Chrome-extensies en schakel alle extensies in.
- Scan de computer op malware: Start Chrome en ga naar instellingen. Klik op Geavanceerd, zoek Reset en Opschonen. Klik op Computer opruimen.
- Chrome-instellingen resetten: Start Chrome, ga naar instellingen, klik op Geavanceerd, zoek Reset en ruim op en klik op Instellingen herstellen naar hun oorspronkelijke standaardwaarden.
- Verwijder incompatibele applicaties: Als Chrome tijdens een scan een incompatibele applicatie detecteert, klikt u op bijwerken of incompatibele applicaties verwijderen.
- Ten slotte, als het probleem zich blijft voordoen, verwijdert u de Chrome-versie en installeert u de nieuwste versie.
V # 6) Hoe de gebruikerservaring verbeteren voor gebruikers die uw website bezoeken?
Antwoord: Hieronder volgen de suggesties om de gebruikerservaring te verbeteren:
- Uw website / applicatie moet 24 × 7 draaien.
- Het moet de toegang van meerdere gebruikers aan tijdens piekuren of in het seizoen.
- Het moet gebruiksvriendelijk zijn en gemakkelijk te navigeren naar de functies waarnaar de bezoeker op zoek is.
- Moet boeiende video's hebben om uw productfuncties te introduceren.
- De website moet door zoekmachines worden doorzocht op basis van ingevoerde trefwoorden.
- De website moet worden geïntegreerd met een betalingsgateway met alle mogelijke alternatieven voor transacties.
- Moet vrij zijn om functies te gebruiken die beschikbaar zijn voor gebruikers om te beslissen over het kopen van uw product.
- Gebruikersgegevens moeten worden beveiligd tijdens het bezoeken van de website.
- Sessies en cachefuncties moeten terugkerende bezoekers herkennen.
V # 7) Wat zijn de videoformaten die worden gebruikt bij webontwikkeling?
Antwoord: Enkele videoformaten die worden ondersteund en gebruikt bij webontwikkeling, worden hieronder vermeld:
- AVI door Microsoft
- FLV Adobe Flash-videospeler
- WMV ondersteund door Windows Media Player
- MOV door QuickTime-speler
- MP4 ondersteund door mobiele telefoons en andere platforms
V # 8) Hoe zou u toegankelijkheidsfuncties aan uw website toevoegen?
Antwoord: Toegankelijkheid is een essentiële functie die op uw website moet worden geïmplementeerd om bezoekers met speciale behoeften, handicaps toegang te geven tot uw website en deze te verkennen.
- De website moet toetsenbordvriendelijk zijn, dat wil zeggen dat alle functies toegankelijk moeten zijn zonder het gebruik van een muis.
- Gebruikers moeten dynamische en bewegende inhoud zoals GIF-bestanden, animaties en videobestanden kunnen uitschakelen. Deze inhoud kan nadelig zijn voor gebruikers van epilepsie.
- Transcripties / bijschriften voor het bekijken van video's. Voor dove gebruikers is het bekijken van een video met ondertitels niet voldoende, functies zoals bijschriften moeten tijdens de video-run worden weergegeven.
- De functie voor spraakondersteuning en het taggen van foto's, afbeeldingen en knoppen voor visueel gehandicapte bezoekers zijn essentieel om de stappen te volgen zoals aangegeven om de functies die op de website worden aangeboden te verkennen en te gebruiken
- Automatisch aanvullen van functies in de zoekbalk en gemakkelijk te vinden functies voor bezoekers met een vertraagde of slechte motoriek.
- Vergroot de grootte van het klikbare gebied. Gebruik subtiele kleuren voor bezoekers met kleurenblindheid.
Q # 9) Wanneer zou u AJAX toepassen in uw webapplicatie?
Antwoord: AJAX werkt het gedeelte van de pagina-inhoud bij, zonder de hele pagina opnieuw te laden. Deze functie is essentieel wanneer de gebruiker snelle resultaten nodig heeft, zonder enige vertraging door te wachten op het verzoek dat is verzonden door op de verzendknop te klikken en te wachten op het antwoord. De serverbelasting kan worden verminderd door AJAX toe te passen met een kleiner aantal verzoeken, wat bandbreedte bespaart.
U kunt AJAX gebruiken voor formuliervalidatie. In plaats van pop-upvensters kan de lightbox worden gebruikt, waarbij de inhoud in tabelvorm wordt gesorteerd en gefilterd, resultaten of stemmen worden weergegeven met behulp van de chatapplicatie en captcha opnieuw kan worden geladen voor authenticatiecontroles.
V # 10) Hoe kunnen we webservices implementeren in webgebaseerde applicaties?
Antwoord: Webtoepassing stuurt verzoeken naar een webservice met behulp van het HTTP-protocol. Op een bepaalde URL verwerkt de webservice het verzoek en stuurt het antwoord terug naar de applicatie. SOAP en RESTful zijn twee soorten webservices.
V # 11) Hoe en welke beveiligingsfuncties kunt u op uw website toepassen?
Antwoord: Om uw website te beschermen tegen gegevensdiefstal, moet u de beveiliging van uw website verbeteren, zoals
- Dwing een sterk wachtwoordbeleid af, zodat het wachtwoord minimaal 10 tekens lang moet zijn en hoofdletters, kleine letters, speciale tekens en cijfers moet bevatten.
- De host die uw website installeert, moet een back-upfaciliteit hebben, een antivirusprogramma en een firewall hebben geïnstalleerd om uw inhoud te beveiligen.
- De aanmeldingspagina moet Captcha, OTP-functies, account blokkeren (in het geval van 3 verkeerde wachtwoorden), enz. Hebben om toegang tot uw account door onbevoegde bezoekers te voorkomen.
V # 12) Welke configuratie en instellingen zijn vereist om e-mails via uw website te verzenden?
Antwoord: Idealiter kunt u uw SMTP op een enkele server configureren met behulp van een service van derden, zoals Gmail SMTP, of elastische e-mail gebruiken met hostnaam, poort, gebruikersnaam en wachtwoord.
V # 13) Waar zou u een responsive website voor bouwen?
Antwoord: Responsief webontwerp helpt automatisch de breedte en hoogte van de browser aan te passen op basis van desktops, tablets en mobiele apparaten met betrekking tot de grootte van de desktop of laptop.
V # 14) Wat zijn de formaten voor gegevensuitwisseling?
Antwoord: Verschillende indelingen voor gegevensuitwisseling zijn XML-, CSV-, JSON- en tekstindelingen.
V # 15) Wat bedoel je met protocol?
Antwoord: In netwerkterminologie is het protocol een set regels om gegevens op te maken en te verwerken. Om te kunnen communiceren, moeten beide apparaten hetzelfde protocol hebben. Internet Protocol (IP) is een netwerklaagprotocol en is verantwoordelijk voor routing. Transmission Control Protocol (TCP) verzendt gegevenspakketten over netwerken.
HyperText Transfer Protocol (HTTP) is een laag 7 die op internet wordt gebruikt en gegevens tussen apparaten overdraagt. User Datagram Protocol (UDP) wordt gebruikt in toepassingen voor snelle gegevensuitwisseling, zoals videostreaming en gaming.
V # 16) Welke technieken zou u toepassen om de laadtijd van pagina's te verminderen?
verschil tussen functionele en niet-functionele testen
Antwoord: Om de laadtijd van de pagina te verminderen en de prestaties te verbeteren, kunnen de volgende technieken worden toegepast:
- Pas de nieuwste versies van webbouwtechnologieën toe, zoals CSS3 en HTML5
- Gebruik JavaScript en Style Sheets tot een minimum
- Probeer het gebruik van omleidingen te vermijden
- Gebruik het kleine formaat van afbeeldingen
- Voeg code toe van Content Delivery Network (CDN)
- Pas AJAX toe voor snelle en responsieve webapplicaties
Vraag 17) Noem de verschillen tussen HTTP 1.1 en 2.0?
Antwoord: De verschillen tussen HTTP 1.1 en HTTP 2 worden weergegeven in de onderstaande tabel:
HTTP 1.1 | HTTP 2 |
---|---|
HTTP 1.1 kan alleen platte tekst verwerken en is niet compatibel om CSS, JavaScript, afbeeldingen, geluiden, video's en gedigitaliseerde geur- en aanraakvoorbeelden te verwerken. | Gebruikt server-push-help om bronnen die op verzoek moeten worden gebruikt in de cache van de browser op te slaan, zelfs voordat daarom wordt gevraagd, waardoor inhoud snel wordt weergegeven. |
Verzoek verzonden en ontvangen reacties waren in platte tekst. | Berichten, zowel verzoek als antwoord, zijn ingekapseld in binair formaat, waardoor ze beter worden beschermd tegen ongeautoriseerde wijzigingen. |
Vindt moeilijkheden bij het omgaan met spaties, hoofdletters en regeleinden. | Gebruik binaire protocollen die elementen zoals witruimte, hoofdlettergebruik en regeleinden efficiënter verwerken |
Heeft meer bandbreedte nodig om de pagina-inhoud te verwerken | Verbruikt minder bandbreedte om pagina-inhoud weer te geven |
Prioritering van het laden van inhoud is niet mogelijk in HTTP 1.1 | Ontwikkelaars hebben controle over het prioriteren / uploaden van inhoud in de volgorde van hun voorkeur. |
Laadt bronnen een voor een en neemt de tijd om de inhoud op een pagina te laden | Verzendt meerdere gegevensstromen met behulp van een enkele TCP-verbinding, waardoor het blokkeringsprobleem in HTTP 1.1 wordt opgelost |
Metadata wordt overgebracht in platte tekst, waardoor er meer overhead nodig is om te verwerken | Maakt gebruik van een header-compressiemechanisme, dat overhead vermindert |
V # 18) Welke prioriteiten zou u overwegen bij het bouwen van een webapplicatie?
Antwoord: De volgende prioriteiten moeten in gedachten worden gehouden bij het bouwen van webapplicaties:
- Websitepagina's moeten worden getest op prestaties, aangezien ze zo snel mogelijk moeten worden geladen.
- Toepassingspagina's mogen geen verbroken links bevatten.
- De applicatie moet compatibel zijn met alle grote browsers zoals Mozilla Firefox, Google Chrome, Internet Explorer en Opera.
- De site moet trefwoorden bevatten die toegankelijk zijn voor zoekmachines.
- Er moet een naadloze verbinding zijn met de database.
- Database-entiteiten zoals opgeslagen procedures moeten grondig worden getest met geldige invoer.
- Backend-tabellen moeten beveiligd en fraudebestendig zijn.
- Het invoegen van gegevens moet worden gevalideerd door beperkingen op kolom- en rijniveau.
- Het invoegen van gegevens in databasetabellen en het bekijken ervan in het gebruikersinterfaceproces moet zo snel mogelijk gebeuren.
- Het framework dat wordt gebruikt om pagina's te integreren, moet eenvoudig zijn en moet zonder enige compilatie worden getest.
- Gebruikersinvoerpagina's moeten worden ontworpen met minimale invoer van de gebruiker, de gebruikte elementen moeten gebruiksvriendelijk zijn om te openen.
- Gebruik van HTTP2 om pagina-inhoud snel te laden.
- Het gebruik van JavaScript moet minimaal zijn.
- Toegankelijkheidsvoorzieningen zoals een spreker om de tekst te lezen, een grotere lettergrootte, toegang tot het aanraakscherm, zodat ook mensen met fysieke beperkingen gemakkelijk toegang kunnen krijgen tot de website.
- Moet mediabestanden zoals audio en video integreren die kunnen worden geopend zonder te vertrouwen op lokale software om deze bestanden uit te voeren.
- Webpagina's moeten reageren op mobiele schermen.
V # 19) Wat zijn de nieuwe functies die in HTML5 zijn geïntroduceerd?
Antwoord: Nieuwe semantische, grafische, multimedia-elementen werden geïntroduceerd in HTML5, verschillende attributen aan elementen werden toegevoegd terwijl er weinig elementen werden verwijderd.
Het heeft belangrijke nieuwe functies toegevoegd, zoals multimedia-elementen video en audio, geolocatie-API, API's op de webopslag, websocket, JS-webwerker, Canvas en Drag-n-Drop.
Vraag 20) Leg met voorbeelden de verschillen uit tussen Canvas en SVG.
Antwoord: Canvas en SVG, beide containers, worden gebruikt om afbeeldingen op de HTML-pagina op te slaan, maar ze hebben de volgende verschillen.
SVG | Canvas |
---|---|
is een containerelement voor afbeeldingen zoals doos, cirkel, ellips enz. in HTML-pagina | is een container voor het tekenen van afbeeldingen met javascript |
SVG is schaalbaar en geschikt voor afdrukken met hoge resolutie | Canvas is niet schaalbaar en niet geschikt voor afdrukken met hoge resolutie |
Betere prestaties weergeven bij het laden van een klein aantal objecten en objecten met een groot oppervlak | Toon betere prestaties bij het laden van een groot aantal objecten en een klein oppervlakobject |
SVG kan worden gewijzigd door script en css | Canvas kan alleen met script worden gewijzigd |
SVG is gebaseerd op vector gemaakt van vormen | Canvas is op basis van rasters gemaakt van pixels |
Vraag 21) Wat is het DOM-element en zijn hiërarchie?
Antwoord: Documentobject is een HTML-document dat in een browservenster wordt weergegeven wanneer we de webpagina openen. DOM of Document Object Model is de manier waarop dit document wordt geopend of gewijzigd.
Het raamobject is een ouder van alle elementen, gevolgd door een Document-object dat pagina-inhoud weergeeft, en dan komt de Vorm object , die wordt geïdentificeerd door tags.
Formulier besturingselementen: Alle invoerelementen zoals tekstvelden, knoppen, keuzerondjes, selectievakjes, lijsten, enz. Zijn opgenomen in het formulierobject.
V # 22) Wanneer moet je id en class selector gebruiken?
Antwoord: ID als selector wordt gedefinieerd om het uniek te identificeren als een element, daarom mag er niet dezelfde ID worden toegepast op een ander element op dezelfde pagina. Terwijl class-selectors soorten CSS-selectors zijn die worden toegepast om stijl aan dat element toe te voegen, voor voorbeeld, lettertypefamilie, lettergrootte of kleur, dus klassekiezers kunnen op meerdere elementen worden toegepast.
In JavaScript hebben we getElementById () methode die het eerste element retourneert dat in de broncode is gevonden, terwijl getElementsByClassName() methode retourneert een verzameling elementen met een bepaalde klassenaam.
Vraag 23) Leg uit welke API's zijn geïntroduceerd door HTML5.
Antwoord: HTML 5 heeft de volgende API-methoden geïntroduceerd:
- Tijd-API met hoge resolutie: Het geeft de huidige tijd in resolutie tot minder dan een milliseconde, onafhankelijk van de systeemklokafwijking of aanpassingen.
- Gebruikerstiming-API: Hierdoor kunnen de prestaties van JavaScript-code nauwkeurig worden gemeten.
- Navigatietiming-API: Het helpt bij de beoordeling van time-lapse-logboek tijdens vertragingen bij het laden van pagina's en houdt rekening met pagina-omleiding, DNS-lookup en tijd om DOM op te bouwen, vertragingen in de TCP-verbinding, enz.
- Netwerkinformatie-API: Het helpt bij het identificeren van het verbindingstype van webbezoekers en de status van het volledige bandbreedtelogboek.
- Trillings-API: Het kan de reactie stimuleren tijdens bepaalde evenementen in gametoepassingen door gebruikersapparaten (mobiele telefoons) te laten trillen, wat een ultieme gebruikerservaring oplevert.
- API voor batterijstatus: Het biedt informatie over de batterijstatus van het apparaat, zoals opladen, resterende seconden tot volledig ontladen, enz.
- API voor paginazichtbaarheid: Het geeft details over de status van paginazichtbaarheid, zoals geminimaliseerd, momenteel gefocust, en biedt beslissingen over het stoppen van CPU- of bandbreedteverbruik.
- API voor volledig scherm: Het maakt een volledige schermweergave van de gebruiker mogelijk op basis van de specificatie van de applicatie.
- getUserMedia API: Het biedt toegang tot multimediastreams zoals video, audio of beide die zijn ingesloten in een webpagina.
- WebSocket-API: Het onderhoudt een permanente verbinding tussen browser en server.
- Geolocatie-API: Dit helpt bij het volgen van de geografische locatie van de plaats en mensen via Global Positioning System (GPS) en haalt de lengte- en breedtegraad op, waardoor de real-time positie op de kaart wordt uitgezet.
V # 24) Wat is het verschil tussen Null, Lege en Ongedefinieerde waarde en hoe kunt u met beide omgaan?
Antwoord: Lege tekenreeks, Null en Ongedefinieerd zijn vergelijkbaar in type, maar verschillen van elkaar.
Ongedefinieerd: Als we gewoon een variabele declareren maar geen waarde hebben toegekend. OR-variabele bestaat niet of is niet gedeclareerd. Voorbeeld: waarde; console.log (waarde); ==> niet gedefinieerd
Nul: Identificatoren of namen die aan functies of variabelen worden gegeven, bestaan wel, maar hebben geen waarde. d.w.z. waarde is nul. Voorbeeld: val = null
Lege string: Als een variabele met het gegevenstype tekenreeks geen tekengegevens bevat. Voorbeeld: a = '';
V # 25) Leg verschillende pop-upvensters uit die in JavaScript worden gebruikt.
Antwoord: Er zijn hoofdzakelijk drie soorten pop-upvakken in JavaScript, namelijk. Waarschuwing, bevestiging en prompt.
Alert is een pop-upvenster om de gebruiker informatie te geven met de OK-knop. Gebruikers kunnen het bericht lezen en op de OK-knop klikken om dit venster te sluiten.
De syntaxis die wordt gebruikt voor waarschuwing in JavaScript:
Bevestigen is een pop-upvenster voor gebruikers om te beslissen en een van de opties te selecteren, van OK en Annuleren.
- Om akkoord te gaan met het bericht, zoals Wil je? , kan de gebruiker op OK klikken om de beslissing te bevestigen.
- Om het niet eens te zijn met het bericht, kan de gebruiker op Annuleren klikken en zich afmelden voor de beslissing.
Prompt is een soort pop-up waarin de gebruiker wordt geadviseerd een waarde in te voeren, zoals naam of leeftijd, en door op de knop OK te klikken, accepteert het de ingevoerde waarde. Voorbeeld: yourage = prompt ('Voer uw geldige leeftijd in');
V # 26) Beschrijf het gebruik van CSS-animatie met een voorbeeld.
Antwoord: U kunt animatie (geleidelijk van de ene stijl naar de andere veranderen) aan HTML-elementen toevoegen zonder JavaScript of Flash te gebruiken, met behulp van CSS-animaties.
Er zijn keyframes gespecificeerd die aangeven welke stijlen het element op bepaalde momenten zal worden gewijzigd.
Een voorbeeld is zoals weergegeven in het onderstaande scherm:
CSS animatie voorbeeld kleurverandering van rood naar aqua
V # 27) Leg het doel uit van elk van de HTTP-verzoektypen die worden ondersteund door RESTful-webservices
Antwoord: In RESTful-webservice heeft elk HTTP-verzoektype een specifiek doel. Deze worden hieronder toegelicht:
- KRIJGEN is een type verzoek dat gegevens van de server ophaalt.
- POST is een type verzoek dat wordt gebruikt om nieuwe gegevensformulierdetails in te dienen en vervolgens een bestand te uploaden.
- ZETTEN is een verzoek vergelijkbaar met POST maar toegepast voor het bijwerken van een bestaande entiteit.
- VERWIJDEREN is een verzoek vergelijkbaar met PUT en wordt gebruikt om de bron van de server te verwijderen.
- SPOOR wordt gebruikt om inhoud te valideren die tijdens een verzoek samen met het netwerk wordt ontvangen.
- HOOFD is vergelijkbaar met GET maar ontvangt antwoordheaders tijdens het verzoek.
V # 28) Wat zijn de verschillen tussen Span- en Div-tag in HTML5?
Antwoord: Div en Span worden beide gebruikt om een bepaald gedeelte van de webpagina weer te geven, maar beide verschillen van elkaar, zoals uitgelegd in de onderstaande tabel:
Div | Span |
---|---|
Div is een blokniveau-element | Span is een inline-element |
Div-tag wordt gebruikt om secties van het document in te pakken | Span-tag wordt gebruikt om tekst en afbeeldingen in kleine porties te laten vallen |
Div wordt gebruikt voor het maken van op CSS gebaseerde lay-outs | Span wordt gebruikt om stijl aan tekst toe te voegen |
Div accepteert uitlijnkenmerk | Span accepteert geen align-attribuut |
V # 29) Leg Pseudo-klasse in CSS uit met voorbeelden.
Antwoord: Pseudoklasse in cascading style sheets is een trefwoord dat wordt toegepast op de selectors van HTML-elementen, om een speciale stijl toe te voegen aan HTML-gebeurtenissen zoals onblur, onclick, onchange, onhover enz., Met verwijzing naar externe factoren zoals eerder websitebezoek vanuit de navigatiegeschiedenis, positie of beweging van de muis, de inhoudsstatus van het formulierelement.
De syntaxis voor Pseudo-klasse:
Voorbeeld:
CSS-pseudo-klasse in HTML-pagina:
beste programma om een harde schijf te klonen
Door met de muis over verschillende elementen te bewegen, worden effecten van pseudo-klasse weergegeven.
Gevolgtrekking
Daarom hebben we in deze tutorial interviewvragen besproken met betrekking tot het ontwikkelen en onderhouden van websites en webgebaseerde applicaties. Het is essentieel om een goed begrip en praktische kennis te hebben van het integreren van nieuwe technologieën, front-end scripttaalbibliotheken, HTML5 API's, CSS3 en talen zoals Java, ASP, PHP. We moeten ook weten hoe we applicaties op webservers en database moeten configureren, SEO-trefwoorden, webbeveiliging en browsercompatibiliteit moeten verwerken.
U moet goed thuis zijn in netwerkkennis zoals protocol, webservices, gebruikerservaring, probleemoplossing en innovaties in web- en mobiele applicaties, evenals beveiliging, sessie-afhandeling en toegankelijkheidsfuncties.
Het allerbeste met uw aanstaande Web Developer-interview.
Aanbevolen literatuur
- Volledige gids voor het testen van webapplicaties (Hoe een website te testen)
- 25 Beste Agile Testing Interview Vragen en Antwoorden
- Top 30+ populaire CSS interviewvragen en antwoorden
- 25+ meest populaire ADO.NET interviewvragen en antwoorden
- Top 20+ .NET interviewvragen en antwoorden
- 30 Topvragen en antwoorden over HTML-sollicitatiegesprekken (LIJST 2021)
- Top 25 vragen en antwoorden voor Java Web Services-sollicitatiegesprekken
- Top 20 belangrijkste API-testvragen en antwoorden op sollicitatiegesprekken