Wat is het verschil tussen frontend en backend?
De frontend is alles wat je bezoeker ziet: je pagina’s, je menu, je knoppen, je formulieren. De backend is waar dat vandaan komt en waar het wordt beheerd.
Vergelijk het met een winkel. De etalage en de winkelvloer zijn de frontend; het magazijn en het kantoor de backend.
Een klant komt nooit in het magazijn, en toch bepaalt wat daar gebeurt precies wat er in de schappen ligt.
Frontend: de etalage
Dat is de code die in de browser van je bezoeker draait: de opmaak, de kleuren, de knoppen die reageren als je erop klikt.
Alles wat je met je muis kunt aanwijzen, hoort hier. Meer daarover lees je bij frontend.
Backend: het magazijn en het kantoor
Dat draait op de server. Daar staat je database met teksten, worden bestellingen verwerkt en wordt bepaald welke pagina iemand te zien krijgt.
En daar zit je beheerscherm, waar jij inlogt om iets te wijzigen.
Waar de grens ligt
Bij de browser. Wat in de browser van je bezoeker gebeurt, is frontend; wat op de server gebeurt, is backend.
Een formulier is daarom allebei: het invulveld is frontend, het verzenden en opslaan is backend.
Mijn vuistregels
- Zichtbare problemen zitten meestal in de frontend, foutmeldingen meestal in de backend.
- Een ontwerpwijziging is frontendwerk en meestal goed in te schatten.
- Een koppeling of een rekenregel is backendwerk en vraagt meer tijd.
- Vraag bij een offerte altijd welke kant het werk zit.
Die laatste voorkomt verrassingen. Twee wensen die er even groot uitzien, kunnen tien keer in tijd verschillen.
Waarom het verschil ertoe doet
Omdat het bepaalt wat iets kost en hoe risicovol het is. Een kleur aanpassen raakt alleen wat je ziet; een rekenregel in je bestelproces raakt je omzet.
Het bepaalt ook waar je moet zoeken bij een storing. Ziet je site er raar uit, dan is het meestal opmaak. Krijg je een foutmelding, dan zit het aan de serverkant.
Bij een offerte
Vraag welk deel van het werk in de browser plaatsvindt en welk deel op de server. Dat maakt een schatting ineens bespreekbaar.
Bij een webshop zit het meeste werk in de backend, ook al zie je daar het minst van. Meer daarover lees je bij woocommerce.