Je hebt de termen front-end en back-end waarschijnlijk al eens voorbij zien komen. Je vroeg jezelf toen vast af wat het inhield. Daarom ga ik het verschil tussen front-end en back-end in dit blogartikel verduidelijken. Front- en back-end zijn veel gebruikte termen binnen de IT-wereld. Het komt bij elk soort project of realisatie kijken. Daar heb je developers voor nodig. Die developers worden ook onderscheden in front en back-end developers. Het is dus een veelgebruikte term binnen de online wereld.
Wat is het front-end dan?
Misschien verklapt het woordje front al iets…. Front betekent voorkant. De front-end is alles wat te maken heeft met wat de gebruiker ziet, inclusief ontwerp en talen zoals HTML en CSS. Er zijn veel verschillende taken gekoppeld aan de front-end, waarvan er veel van deze titels subjectief zijn. Hoewel een front-end bij het ene bedrijf iets kan betekenen, kan het bij een ander bedrijf helemaal niets betekenen. De algemene titel voor front-end developer is “webdesigner”, hij/zij ontwerpt websites. Deze functie is echter behoorlijk breed.
Zo kan een webdesigner iemand zijn die de sites ontwerpt in een programma zoals Photoshop en het coderen nooit zal aanraken. Maar bij een ander bedrijf kan een webdesigner alle ontwerpen in Photoshop maken en vervolgens deze omzetten in HTML, CSS en in de uiterste gevallen JavaScript. Die 3 codeertalen communiceren vervolgens met de back-end.
Wat is de back-end dan?
Het back-end is alles wat met de achterkant van de site te maken heeft en datgene wat jij niet kunt zien, zoals databases en servers. Dat houdt alles in over hoe de site werkt, updates en veranderingen. Normaliter worden mensen die aan de achterkant werken programmeurs of ontwikkelaars genoemd. Back-end-ontwikkelaars maken zich vooral zorgen over zaken als beveiliging, structuur en content beheer. Ze beheersen meestal talen, zoals HTML en CSS, maar dat is zeker niet hun focus. Bij de back-end-ontwikkeling is vereist om een dynamische site te maken. Een dynamische site is een site die voortdurend wordt bijgewerkt en bijgewerkt in real time. De meeste sites zijn dynamische sites, in tegenstelling tot statische sites. Facebook, Google Maps en deze blog worden alle als dynamische sites beschouwd. Blogs zijn dynamische sites, omdat hun inhoud voortdurend verandert en wordt bijgewerkt. Een dynamische site vereist dat een database correct werkt. Alle informatie, zoals gebruikersprofielen, blogposts of afbeeldingen die geüpload zijn, worden opgeslagen in de database. Webontwikkelaars werken met programmeertalen zoals PHP of .Net, omdat ze moeten werken met iets dat de database begrijpt. De code die ze schrijven, communiceert met de server en vertelt de browser wat hij in de database moet gebruiken.
Wat denk jij dat WordPress is?
Zou dat back-end of front-end zijn?
Het goede antwoord is………….
Juist. Front-end. Dat is omdat jij in het dashboard niet bezig bent met de database of iets dergelijks. Dit dashboard is overigens wel in PHP gebouwd door WordPress zelf.
Snap je het verschil nu?
Ik hoop dat nu duidelijk is wat het verschil tussen de front-end en back-end is. Om het iets makkelijker uit te leggen kan ik het misschien zo doen:
We hebben allemaal een mobiel. Laten we van een smartphone uitgaan. Deze heeft een touchscreen, volumeknopjes en een vergrendelknop. Dat zijn tastbare dingen, je kunt ze zien en voelen. Daarentegen zitten er in de binnenkant verschillende chips. Deze kun je niet zien of voelen. Die chips krijgen een signaal binnen zodra er op verschillende knoppen gedrukt wordt. In dit verhaal kun je de telefoon als front-end zien, en daarentegen de chips als back-end. Zij dienen als soort server, waar de informatie op opgeslagen wordt.