Frontend

De frontend van een softwareprogramma of website is alles waarmee de gebruiker interactie heeft. Vanuit het oogpunt van de gebruiker is de frontend synoniem met de gebruikersinterface. Vanuit het oogpunt van een ontwikkelaar gaat het om het interfaceontwerp en de programmering die ervoor zorgen dat de interface werkt. De backend omvat daarentegen functies en gegevensverwerking die op de achtergrond plaatsvindt.

Een van de belangrijkste doelen van frontendontwikkeling is het creëren van een soepele of "frictieloze" gebruikerservaring. Met andere woorden: de frontend van een applicatie of website moet intuïtief en eenvoudig te gebruiken zijn. Hoewel dit als een eenvoudig doel klinkt, kan het verrassend complex zijn, omdat niet alle gebruikers of apparaten hetzelfde zijn. Een voor een mobiel apparaat ontwikkelde app vereist bijvoorbeeld een aanzienlijk andere frontend dan een desktopapplicatie. Websites moeten goed werken op meerdere apparaten en schermformaten. Daarom omvat moderne webontwikkeling meestal responsief ontwerp.

Voorbeelden van frontendonderdelen zijn:

  1. indeling van een applicatie of pagina
  2. afbeeldingen
  3. audio- en video-elementen
  4. tekstinhoud
  5. gebruikersinterface-elementen knoppen, koppelingen, (werkbalken, navigatiebalken, enzovoort)
  6. invoergebieden (dialoogvensters), velden van formulieren, tekstgebieden, enzovoort)
  7. gebruikersstroom (hoe de ene interface naar de volgende leidt)
  8. gebruikersvoorkeuren, thema's en aanpassingen

Gebruikersinvoer wordt via de frontend ontvangen en in de backend van een programma of website verwerkt. Backendcode leest en schrijft gegevens en stuurt uitvoer via de frontend naar de gebruiker. Omdat de backend en frontend van een app of website samenwerken, vereisen banen in de softwareontwikkeling vaak zowel frontend- als backendontwikkeling. Ontwikkelen voor beide kanten wordt full-stackontwikkeling genoemd.

NOTE: Frontend kan ook worden geschreven als "front end" (als zelfstandig naamwoord) of "front-end" (als bijvoeglijk naamwoord). Voor de eenvoud is het aaneengeschreven woord "frontend" een aanvaardbare term voor beide geworden.

Bijgewerkt April 18, 2020 door Per C.

quizTest je kennis

Decryption is required to open which of the following files?

A
A JPEG image captured by a digital camera
0%
B
A password-protected PDF file
0%
C
A video encoded with the MPEG-2 codec
0%
D
A standard gzip-compressed file
0%
Correct! Incorrect!     View the Decryption definition.
More Quizzes →

Het Tech Terms computerwoordenboek

De definitie van Frontend op deze pagina is een originele definitie geschreven door de auteurs van TechTerms.com. Als je naar deze pagina wilt verwijzen of deze definitie wilt citeren, gebruik dan de groene citatiebalk direct onder de definitie.

Ons doel is om computerterminologie op een begrijpelijke manier uit te leggen. We streven naar nauwkeurigheid en eenvoud bij elke definitie die we publiceren. Als je feedback hebt over deze definitie of een nieuwe technische term wilt voorstellen, neem dan contact met ons op.

De Tech Terms-nieuwsbrief

Verbeter je technische kennis met onze dagelijkse of wekelijkse nieuwsbrief! Abonneer je vandaag nog en ontvang nieuwe termen en quizzen in je inbox.

Schrijf je in voor de gratis TechTerms-nieuwsbrief

Hoe vaak wil je een e-mail ontvangen?

Je kunt je op elk moment uitschrijven of je frequentie wijzigen via de links in elke e-mail. Vragen? Neem contact met ons op.

Let op: de nieuwsbrief wordt in het Engels verzonden.