Een website bestaat grofweg uit twee delen: code die op de server draait, en code die op het toestel van je bezoeker draait.

Met de front-end bedoelen we dat tweede deel. Surf je naar een website, dan downloadt je browser een hele reeks bestanden om die ene pagina te kunnen tonen:

  • Een HTML-bestand

  • CSS-bestanden

  • JavaScript-bestanden

  • Afbeeldingen, lettertypes, video's en andere bestanden

Een front-end developer houdt zich vooral bezig met de eerste drie. Die hebben elk hun eigen rol. Moest een website een mens zijn:

HTML is het skelet

HTML vertelt je browser wat de structuur van een pagina is. Wat is een titel, wat is een paragraaf, waar staat het menu? Zonder HTML is er niets om aan te kleden.

CSS is de huid

CSS bepaalt hoe al die elementen eruitzien. Lettertypes, kleuren, witruimte, de layout op een smartphone tegenover die op een groot scherm. Kortom: de look & feel.

JavaScript zijn de spieren

JavaScript zorgt voor interactie. Klik je op een knop en schuift er een menu open? Filter je producten in een webshop zonder dat de pagina herlaadt? Dat is JavaScript.

Het tegenovergestelde van de front-end is de back-end: de code op de server die je als bezoeker nooit te zien krijgt.