Het verschil tussen Front-End & Back-End!

Het verschil tussen Front-End & Back-End!

Twee termen die over en weer gegooid worden binnen de ICT zijn “Front-End” en “Back-End”. Voor veel mensen is dit net zo duidelijk als het zwart en wit, maar voor veel mensen blijft het toch frustrerend om precies de grens te trekken. Daar gaan we jullie een handje bij helpen. Aan het eind van deze blog weet jij precies of je het al aan het goede eind had, of het andere eind…. Afijn: het verschil tussen front-end en back-end!

Front End

Als we het over de front-end hebben, hebben we het met name over dat gedeelte van het internet wat jij als gebruiker ziet en waar je ook interactie mee uit kunt voeren. Een front-end developer zorgt ervoor dat een ontwerp vertaald wordt naar allerlei losse elementen. Hier kan de backender vervolgens weer een techniek achter maken. Daar gaan we straks dieper op in!

Voorheen was de wereld van front-end een heel stuk anders dan dat deze op dit moment is. Er is een groot verschil ontstaan tussen front-end development en bijvoorbeeld webdesign. Terwijl er voorheen eigenlijk enkel gesproken werd over front-end development. Een website werd toen gebouwd door middel van HTML en CSS. Later kwamen daar ook JavaScriptbij kijken om het allemaal nog interactiever te maken. Met deze elementen bijvoorbeeld een website bouwen wordt gezien als webdevelopment, webdesign verschilt daarin.

Door de hedendaagse technieken en tools is het al snel mogelijk om bijvoorbeeld door middel van een “drag & drop principe” een website naar tevredenheid te bouwen. Denk bijvoorbeeld aan WordPress, waar een groot gedeelte van alle websites op draait. Bij het bouwen van een WordPress website komt geen enkele ervaring binnen HTML, CSS of JavaScript kijken. Geen rocket science, om het maar zo te zeggen. Dat maakt het gemakkelijk om een website te bouwen voor de lokale bakker om de hoek, maar voor maatwerk websites en applicaties is het niet te doen.

Back End

De back-end bestaat meestal uit drie actoren: een server, een applicatie en een database. Deze drie actoren zorgen ervoor dat alles ten alle tijden werkt wanneer jij bijvoorbeeld een nieuwe telefoon gaat bestellen. Je opent de website van je telefoonprovider en op dat moment ontstaat er interactie tussen jou en de website. De applicatie slaat alle informatie die jij hebt ingevuld op in een database die aangemaakt is door een server.

Degene die ervoor zorgt dat al deze onderdelen in harmonie samen kunnen werken wordt ook wel een back-end developer genoemd. Een back-end developer heeft te maken met programmeertalen zoals PHP, Python, Ruby on Rails en nog velen meer. Om ze iets makkelijker te maken worden sommige talen ondersteund met een framework. Deze frameworks worden uitgebreid onder een vergrootglas gelegd in een van onze andere blogs, die kun je hier lezen.

Een admin-panel, is dat ook back-end? Een vaak gemaakte vergissing is dat ook het dashboard van bijvoorbeeld WordPress gezien wordt als de back-end van de website. Wanneer je binnen dat dashboard iets instelt, verandert de werking daarvan op de website. Mensen denken dan al vaak dat dit ook gezien wordt als back-end. Maar daar is een duidelijk antwoord op te geven: nee, nope, nein. Ook dit dashboard is ook ooit gebouwd door middel van PHP.

Wanneer jij als gebruiker aan de slag gaat in WordPress ben je eigenlijk altijd bezig om ervoor te zorgen dat het er goed uit ziet en ben je op geen enkele manier bezig om de server met de applicatie of database te laten communiceren.

De conclusie!

Hopelijk is het allemaal iets duidelijker geworden nu en kun je deze twee elementen iets beter uit elkaar houden. Het is en blijft een verwarrend onderwerp, zeker ook omdat het binnen een markt is waar iedere seconde wel iets aan het veranderen is. Om het allemaal iets eenvoudiger te maken, kunnen we het in een notendop uitleggen:

De front-ender zorgt ervoor dat jij je favoriete smaak chips goed kunt zien, en in je winkelmandje kunt plaatsen. En de backender zorgt ervoor dat die zak chips ook in je winkelmandje blijft zitten.

Op deze manier hopen wij het iets duidelijker te hebben gemaakt voor jullie. Zo leer je iedere keer weer een klein beetje meer!


Leuk artikel? Laat het andere weten!