Frontend is het deel van een website of applicatie dat de bezoeker ziet en waarmee hij werkt, zoals de lay-out, teksten, knoppen en formulieren. Het draait in de browser van de gebruiker en wordt opgebouwd met HTML, CSS en JavaScript. Je spreekt ook wel van de voorkant of het client-side deel.
Waaruit bestaat de frontend
De frontend wordt grotendeels opgebouwd uit drie technieken:
- HTML bepaalt de structuur en inhoud, zoals koppen, alinea’s en afbeeldingen;
- CSS bepaalt de opmaak, zoals kleuren, lettertypen en indeling;
- JavaScript zorgt voor interactie, zoals een menu dat openklapt of een formulier dat direct reageert.
Ontwikkelaars gebruiken daarnaast vaak een framework of bibliotheek, zoals React, Vue of Angular, om grotere interfaces overzichtelijk op te bouwen.
Waarvoor is de frontend verantwoordelijk
De frontend zorgt dat informatie goed leesbaar en bruikbaar is op elk apparaat. Dat omvat een responsief ontwerp dat meebeweegt met het schermformaat, toegankelijkheid voor mensen met een beperking en de laadsnelheid van de pagina.
Voor gegevens en handelingen die op een server plaatsvinden, communiceert de frontend met de backend. Een voorbeeld: in een webshop toont de frontend de knop ‘In winkelmandje’ en reageert direct op de klik, terwijl de backend de bestelling verwerkt en opslaat.
Nuances
Alles wat in de frontend staat, wordt naar de browser van de bezoeker gestuurd en is daar in te zien. Wachtwoorden, geheime sleutels en gevoelige logica horen daarom nooit in de frontend.
Ook controles in een formulier, zoals het nakijken van een e-mailadres, zijn in de frontend vooral een gemak voor de gebruiker. De echte controle moet altijd in de backend plaatsvinden. De schrijfwijze wisselt: frontend, front-end en front end komen alle drie voor.
