frontend

De frontend is de zichtbare en bedienbare kant van een digitaal product. Bij een website draait die meestal in de browser; bij een mobiele of desktopapp is het de laag waarmee de gebruiker rechtstreeks werkt. De frontend verwerkt invoer, toont informatie en geeft feedback op handelingen, bijvoorbeeld wanneer iemand een formulier invult of een filter instelt.

Wat doet frontendcode?

Frontendcode bepaalt hoe informatie op het scherm verschijnt en hoe de interface reageert. HTML beschrijft de structuur van een webpagina, CSS verzorgt de vormgeving en JavaScript maakt interactie mogelijk. FrameworksWoordenboek · In het kortframeworkEen framework is een samenhangende basis voor softwareontwikkeling. Het biedt herbruikbare code, een vaste structuur en afspraken voor het bouwen van een applicatie.Lees meer zoals React en Vue helpen ontwikkelaars om schermen op te bouwen uit herbruikbare componentenWoordenboek · In het kortcomponentEen component is een afgebakend onderdeel van software met een eigen taak en een duidelijke manier om met andere onderdelen samen te werken.Lees meer.

Een frontend moet meer doen dan er verzorgd uitzien. De code houdt bijvoorbeeld rekening met verschillende schermformaten, toetsenbordbediening, laadtijden en duidelijke foutmeldingen. Zo blijft de interface bruikbaar op een telefoon, laptop of ander apparaat.

Hoe werkt een frontend samen met een backend?

De frontend vraagt gegevens en acties meestal op bij een backendWoordenboek · In het kortbackendDe backend is het deel van een applicatie dat op de server gegevens verwerkt, bedrijfsregels uitvoert en andere systemen aanstuurt. Gebruikers werken er meestal via een frontend of API mee.Lees meer, vaak via een APIWoordenboek · In het kortAPIEen API is een vastgelegde manier waarop software gegevens uitwisselt of functies van andere software aanroept, zonder de interne werking daarvan te hoeven kennen.Lees meer. Wanneer een gebruiker inlogt, verstuurt de frontend de ingevoerde gegevens. De backend controleert die gegevens en stuurt een resultaat terug, waarna de frontend het volgende scherm of een foutmelding toont.

Frontend en gebruikersinterfaceWoordenboek · In het kortuser interfaceEen user interface (UI) is het deel van een digitaal systeem waarmee een gebruiker informatie ontvangt en het systeem bedient. Voorbeelden zijn schermen, knoppen, formulieren en gesproken bediening.Lees meer betekenen daarom niet precies hetzelfde. De gebruikersinterface is wat iemand ziet en bedient. De frontend omvat ook de code die achter die interface draait, gegevens ophaalt en de status van het scherm bijhoudt.