Top 25 essentiële vragen en antwoorden voor sollicitatiegesprekken voor webontwikkelaars

Er blijft vraag naar webontwikkelaars terwijl internet blijft groeien. Om de baan te krijgen, moet u echter eerst de interviewsessie van de werkgever schalen.

Hoewel grotere teams de neiging hebben om specifiek front-end- of back-end-ontwikkelaars in te huren, zijn kleinere teams en startups zal vaak kiezen voor full-stack ontwikkelaars. Het is dus handig om zoveel mogelijk te weten.

Het volgende is een lijst met de 25 belangrijkste interviewvragen voor webontwikkelaars en hun antwoorden om u voor te bereiden.

1. Wat zijn de rollen van HTML, JavaScript en CSS bij webontwikkeling?

HTML staat voor HyperText Markup Language en het is de standaardtaal voor het ontwikkelen van documenten om op het web te publiceren. JavaScript en CSS zijn extra's.

JavaScript is oorspronkelijk ontworpen als een programmeertaal aan de clientzijde, het wordt uitgevoerd in de browser om meer functionaliteit op de webpagina te produceren. CSS staat voor Cascading Style Sheets en wordt gebruikt om elementen op het scherm weer te geven.

2. Wat is responsive webdesign?

Responsive webdesign is een benadering van webontwikkeling die tot doel heeft de beste ervaring voor een gebruiker te creëren door het uiterlijk van de website aan te passen aan het apparaat of de omgeving van die gebruiker.

Het doel is dat de website er op alle apparaten goed uitziet en dit brengt dynamische veranderingen met zich mee die ofwel verkleinen of vergroten, of uitlijnen op basis van de schermgrootte of oriëntatie van het apparaat.

3. Wat zijn de voordelen van het gebruik van een raamwerk?

Er zijn veel voordelen aan het gebruik van een framework bij het ontwikkelen van een webapplicatie. De belangrijkste zijn als volgt:

1. Eenvoudiger ontwikkelproces met best practices.
2. Sneller ontwikkelen met startersprojecten bespaart tijd.
3. Het gebruik van beproefde code.
4. Levert vaak beter op veiligheid.
5. Bespaart kosten, zeker bij grotere projecten.

4. Wat is een JavaScript-callback?

Een JavaScript-callback is een functie die na een andere functie moet worden uitgevoerd. De naam en argumenten van de callback-functie kunnen als argumenten worden doorgegeven aan de eerste functie, en de eerste functie kan ook intern argumenten doorgeven aan de callback-functie die het resultaat zijn van zijn berekeningen.

Callback-functies kunnen het beste worden gebruikt met asynchrone functies die moeten wachten tot andere functies eerst zijn uitgevoerd.

5. Leg lokaal versus wereldwijd bereik uit in JavaScript

Gedefinieerde variabelen zijn geschreven in woorden en hebben alleen betekenis in de juiste context. Lokale en globale reikwijdte verwijst naar deze context van gedefinieerde variabelen. Een globale variabele moet buiten een functie worden gedefinieerd, terwijl lokale variabelen binnen een functie worden gedefinieerd.

Een globale variabele heeft dus een globale reikwijdte, wat betekent dat deze overal in het programma toegankelijk is. Een lokale variabele heeft echter een lokaal bereik en dit betekent dat deze alleen toegankelijk is vanuit de functie.

6. Leg Z-Index uit in CSS

De z-index is een elementeigenschap die wordt gebruikt om de stapelvolgorde van het element te definiëren. Stapelvolgorde verwijst naar het vermogen van een element om achter of voor andere elementen te staan, net als een stapel kaarten.

Elementen met een hogere stapelvolgorde verschijnen voor elementen met een lagere stapelvolgorde. In deze context garandeert het geven van een stapelvolgorde van 2 of 100 dat het boven alle andere op een pagina wordt weergegeven. Evenzo zal een pagina zonder gespecificeerde stapelvolgorde onderste elementen van de bron hoger stapelen dan de bovenste.

7. Wat is Marquee in HTML?

Marque is een containertag in HTML, die wordt gebruikt om scrollende tekst weer te geven. Hiermee kunt u zowel de schuifrichting als de snelheid regelen. Marquee is echter verouderd in HTML5 en u wordt geadviseerd om in plaats daarvan CSS te gebruiken.

Voorbeeld scrollen met selectiekader:

Tekst selectiekader

8. Noem de belangrijkste manieren om de laadtijd van de pagina te verkorten

Er zijn veel stappen die een ontwikkelaar kan nemen om de laadtijd van een pagina te verbeteren, de belangrijkste zijn:

• Afbeeldingen optimaliseren en kleiner maken
• Weg met onnodige widgets
• Beperk zoekopdrachten tot een absoluut minimum
• Host de website op een fatsoenlijke host
• Gebruik versnelde mobiele pagina's of statische sites
• Lazy load afbeeldingen
• Verklein je code

9. Wat zijn de verschillen tussen canvas en SVG?

SVG staat voor Scalable Vector Graphics en de tag is een containerelement voor het maken van afbeeldingen, zoals een cirkel, een vak, een ellips, enzovoort. U kunt SVG wijzigen met behulp van CSS of JavaScript en omdat het schaalbaar is, werkt het goed voor uitvoer met een hoge resolutie.

De container daarentegen is rastergebaseerd en niet schaalbaar. Het wordt ook gebruikt voor het maken van afbeeldingen, maar kan alleen worden gewijzigd door JavaScript. Het is echter efficiënter in het verwerken van een groter aantal objecten.

10. Hoe werkt Null Verschillen van Onbepaald?

Null is een weergave van geen waarde. Het wordt over het algemeen gebruikt als plaatsingshouder om een ​​gedefinieerde variabele te initialiseren waaraan geen echte waarde is toegewezen. Undefined daarentegen verwijst naar een gedefinieerde variabele die niet is geïnitialiseerd.

In javascript:

var variabeleA;

var variabeleB = null;

alert (variabeleA); // laat ongedefinieerd zien

alert (variabeleB); //toont null

11. Hoe verschilt ID van klasse?

ID en klasse zijn twee methoden voor het identificeren en verwerken van elementen in een HTML-document. Het grote verschil tussen de twee is echter dat ID uniek moet zijn. Met andere woorden, twee elementen kunnen niet dezelfde ID delen, maar twee of meer elementen kunnen dezelfde klasse delen.

Een ID wordt gebruikt om specifieke elementen te verwerken, terwijl een klasse wordt gebruikt om een ​​groep elementen te verwerken die een of meer gemeenschappelijke kenmerken delen.

12. Hoe verbeter je de beveiligingsfuncties van een website?

De paar stappen die u kunt nemen om de beveiliging van een website te verbeteren, zijn onder meer:

1. Een sterk wachtwoordbeleid afdwingen. Dit betekent dat u moet controleren of een geselecteerd wachtwoord meer dan 8 tekens bevat en cijfers, speciale tekens en hoofdletters en kleine letters bevat.
2. Gebruik van captcha of een andere antibotmaatregel.
3. Waar nodig gebruik maken van 2-factor of multi-factor authenticatie methoden zoals OTP's (One-Time-Passwords) en hardware dongles.
4. Een host gebruiken met DDoS-beveiliging en automatische back-upfuncties.

13. Hoe verschilt localStorage van sessionStorage?

Met de localStorage- en sessionStorage-systemen kan een ontwikkelaar beide gegevens opslaan in een webbrowser. LocalStoarage is echter persistent, terwijl sessionStorage dat niet is. Met andere woorden, gegevens die zijn opgeslagen in localStorage zullen gedurende meerdere sessies beschikbaar zijn in de browser, terwijl gegevens die zijn opgeslagen in sessionStorage worden verwijderd zodra het browsertabblad wordt gesloten.

14. Maak een lijst van HTTP2.0-verbeteringen ten opzichte van HTTP 1.1

Het HTTP/2-protocol is in 2015 gepubliceerd en biedt aanzienlijke verbeteringen, zoals:

1. Betere beveiliging door binair over tekst te gebruiken.
2. Betere prestatie.
3. Lagere latentie.
4. Betere foutafhandeling.
5. Lagere overhead.

15. Wat is het verschil tussen Git Pull en Git Merge?

Met het git pull-commando kun je inhoud downloaden van een externe repository, waarna het je lokale repository bijwerkt met de gedownloade inhoud.

Met het git merge commando daarentegen kun je twee afzonderlijk ontwikkelde takken van dezelfde combineren project. Het merge-commando moet worden uitgevoerd vanuit de branch waarin u wilt mergen, en dit is meestal de hoofdbranch.

16. Hoe verschilt GET van POST en PUT?

De HTML GET-methode wordt door een browser gebruikt om informatie van een server op te vragen, terwijl de POST- en PUT-methoden worden gebruikt om informatie van de browser naar een server te verzenden.

Maar terwijl een POST-verzoek eenvoudig gegevens aan een serverbron kan toevoegen, wordt een PUT-verzoek gebruikt om de bron volledig te vervangen met behulp van de payload van het verzoek.

17. Maak een lijst van de meest populaire formaten voor gegevensuitwisseling

Dit zijn de meest populaire formaten voor gegevensuitwisseling tot nu toe:

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

18. Maak een lijst van de 3 soorten pop-upvensters

Pop-upvensters in JavaScript worden gebruikt om berichten aan de gebruiker weer te geven, om invoer te vragen en soms om beide te doen. Hier zijn de 3 soorten JavaScript-pop-ups:

1. Waarschuwingsvenster – Dit toont uw bericht plus een 'OK'-knop.
2. Bevestig vak – Dit dialoogvenster bevat zowel knoppen 'OK' als 'Annuleren' die de code kunnen beïnvloeden.
3. Promptbox – Dit vak bevat een tekstinvoervak ​​voor het verzamelen van informatie van de gebruiker.

19. Noem de verschillende manieren om CSS-code op te nemen

Er zijn 3 manieren om CSS in een HTML-document op te nemen. Zij zijn:

1. Externe CSS – U voegt een .css-document toe met in het document labels.
2. Ingesloten CSS – U neemt de CSS-code op in de tags, overal in het document.
3. Geïntegreerde CSS – U gebruikt het style=”CSS-property: value”-paar in uw HTML-tags, bijv. PSvierkant!

20. Hoe werkt venster.onload Verschillen van document.onload?

Window.onload wordt gebruikt om JavaScript-code uit te voeren zodra de browser de DOM-structuur van de pagina en andere basisprincipes, inclusief afbeeldingen, CSS-code en scripts, heeft geladen.

Hoewel document.onload onmiddellijk wordt uitgevoerd nadat de DOM gereed is, kan dit zelfs betekenen voordat afbeeldingen en externe bibliotheken zijn geladen.

21. Hoe verberg je een element met CSS?

U kunt een HTML-element verbergen met behulp van 3 CSS-methoden, dit zijn:

1. Geen weergeven; – Het element wordt niet gerenderd of weergegeven.
2. Zichtbaarheid: verborgen; – Het element wordt weergegeven, maar niet weergegeven.
3. Positie: Absoluut; – Het element wordt gerenderd en weergegeven, maar buiten het weergavegebied geplaatst.

22. Wat zijn de beste toepassingen voor Ajax?

Ajax is een methode om gegevens van een server op de achtergrond te laden met behulp van JavaScript. Het heeft veel toepassingen, zoals gegevensvalidatie, chat-apps, opmerkingen, gegevensfiltering, visuele bewerking, peilingen, enzovoort.

23. Noem enkele nieuwe functies van CSS3

CSS3 bevat veel moderne en handige functies boven CSS2, zoals:

1. Afgeronde hoeken voor dozen en afbeeldingen.
2. Animatie van objecten.
3. Variabelen & functies voor declaraties.
4. Grid & Flexbox voor responsive design.
5. Verlopen voor achtergrondkleuren.
6. Dekkingscontrole met rgba.
7. Schaduweffect voor vakken en teksten.
8. Overgangen voor Hover en Focus op elementen.

24. Welke nieuwe invoertypen zijn geïntroduceerd in HTML5?

Het invoertype is de waarde die u een invoerelement in een HTML-document geeft.

Een voorbeeld is:

or

De nieuwe HTML5-invoertypen omvatten:

1. Datum
2. Kleur
3. E-mail
4. Zoek
5. Tel
6. Maand
7. Nummer bereik
8. Maand
9. URL
10. Datetime-lokaal

25. Beschrijf de HTML5-media-elementen

HTML5 bevat meer elementtags om mediatypen en bronnen te verwerken. Zij zijn:

• – voor MP4-, WebM- en Ogg-video's.
• – om meerdere bronnen in verschillende formaten te definiëren.
• – voor MP3-, Ogg- en WAV-audio.
• - een container om externe bronnen op te nemen, van afbeeldingen tot video's en webpagina's.
• – om ondertiteltracks voor video's op te geven.

Conclusie

Aan het einde van onze lijst met de 25 belangrijkste interviewvragen voor webontwikkelaars, kunt u zien dat er een behoorlijke combinatie van technologieën nodig is om een ​​full-stack ontwikkelaar te zijn.

Hoewel dit een gids is die de verschillende aspecten van het werk raakt, is hij zeker niet uitputtend. Het is dus aan jou om de gebieden te identificeren waar je niet duidelijk over bent en dan te leren.