Front-end vs. Back-end vs. Webontwikkeling met volledige stack

Webontwikkeling is niet slechts één ding. Het omvat meerdere vaardigheden en er zijn verschillende soorten loopbanen binnen de webontwikkelingsruimte. Drie vaak gebruikte termen zijn 'voorkant', 'achterkant' en 'volledige stapel'. Dit zijn de belangrijkste verschillen tussen de drie.

Front-end webontwikkeling

Front-end ontwikkeling, terwijl de componenten altijd veranderen, houdt zich hoofdzakelijk bezig met de naar buiten gerichte delen van een website of webapplicatie. De belangrijkste aspecten van front-end development zijn HTML, CSS en JavaScript:

• HTML: HyperText Markup Language, of HTML, is het belangrijkste structurele onderdeel van alle websites op internet. Zonder dit kunnen webpagina's niet bestaan.
• CSS: CSS voegt stijl toe aan HTML. Ik gebruik graag de analogie dat HTML een gezicht is en CSS is als de make-up.
• JavaScript: JavaScript of JS is de afgelopen jaren aan het evolueren geweest. Met betrekking tot front-end ontwikkeling is JS belangrijk omdat het helpt om webpagina's interactief te maken.

De voorkant is gekoppeld aan lay-out en ontwerpprincipes, maar front-end ontwikkelaars zijn niet per se ontwerpers. Kortom, front-end ontwikkelaars construeren het uiterlijk - de webpagina's die gebruikers zien. Dit betekent dat de front-end ontwikkelaar rekening moet houden met de leesbaarheid en bruikbaarheid van de site en / of applicatie. Bovendien draait de front-end op de client - dit wil zeggen de lokale computer van de gebruiker - in de meeste gevallen de webbrowser. En informatie wordt niet opgeslagen aan de kant van de klant.

Back-end webontwikkeling

Back-end webontwikkeling is wat er achter de schermen gebeurt. De achterkant maakt de front-end-ervaring mogelijk.

Om dingen gemakkelijk te maken, denk aan de voorkant als onderdeel van de ijsberg boven het water. Het is wat de gebruiker ziet - de gestroomlijnde site. De achterkant is de rest van het ijs; het kan niet worden gezien door de eindgebruiker, maar het is het meest fundamentele element van een webapplicatie. Het back-end draait op de server, of, zoals het vaak wordt genoemd, "server-side".

In tegenstelling tot de front-end-ontwikkeling (die voornamelijk HTML, CSS en JavaScript gebruikt), kan back-endwebontwikkeling steunen op een reeks talen en frameworks.

Een paar populaire talen die aan de achterkant worden gebruikt, zijn onder andere:

• Robijn (vaak gebruikt in combinatie met het Rails-framework - AKA Ruby on Rails)
• Python (die vaak wordt gebruikt met het Django-framework aan de achterkant)
• PHP (de populaire WordPress CMS gebruikt PHP op zijn back-end - PHP heeft een paar populaire frameworks, waaronder Laravel)
• Node.js (wordt populairder - dit is een back-endomgeving voor web-apps die zijn gebouwd met JavaScript)

Om grootschalige websites en webtoepassingen te laten werken, is het meer dan een back-endtaal en een framework. Alle informatie op een website of applicatie moet ergens worden opgeslagen.

Hier komen databases binnen. Back-end ontwikkelaars werken hier ook mee.

Populaire databases zijn onder meer:

• MySQL
• PostgreSQL
• MongoDB
• En anderen

Typisch vereisen bepaalde back-end-talen / frameworks een bepaalde database. Het MEAN-framework met volledige stack vereist bijvoorbeeld MongoDB.

Naast het kennen van een back-end-taal / raamwerk en het runnen van databases, moeten back-end-ontwikkelaars ook inzicht hebben in de serverarchitectuur.

Door een server op de juiste manier in te stellen, kan een site snel werken, niet crashen en gebruikers geen fouten geven. Dit valt onder het domein van de back-end ontwikkelaar omdat de meeste fouten optreden aan de achterkant, niet aan de voorkant.

Volledige stapel

Volledige stapel is de combinatie van zowel de voorkant als de achterkant. Een full-stack-ontwikkelaar is een manusje-van-alles. Ze zijn verantwoordelijk voor alle niveaus van ontwikkeling, van de manier waarop de server is opgezet tot de ontwerpgerelateerde CSS.

Tegenwoordig is er zo veel dat in webontwikkeling gaat dat het bijna onmogelijk is om beide kanten te hanteren. Hoewel veel mensen kunnen beweren volledige stack te zijn, of in feite zijn, concentreren ze zich meestal nog steeds meer op één kant: de client of de server.

Bij kleinere bedrijven / startups is een persoon waarschijnlijker verantwoordelijk voor alle kanten van het webontwikkelingsspectrum. Bij grotere bedrijven werken mensen echter op teams en hebben ze gespecialiseerde rollen - de ene richt zich uitsluitend op de serverarchitectuur, een andere (of een paar mensen) aan de voorkant, enz.

Conclusie

Webontwikkeling heeft veel gezichten en het is elke dag meer aan het evolueren. Er valt veel te leren, maar voel je niet onder druk om alles tegelijk te leren. Vergeet niet dat je in een werkomgeving meestal in een team met anderen werkt. Concentreer u op het verbeteren van uw vaardigheden in één aspect van webontwikkeling per keer. Raak niet overweldigd en je zult een pro zijn voor je het weet.