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.