Front-end versus back-end versus full-stack webontwikkeling

Webontwikkeling is niet maar een ding. Het omvat meerdere vaardigheden, en er zijn verschillende soorten carrières binnen de webontwikkelingsruimte. Drie termen die vaak worden gebruikt zijn "front end", "back end" en "full stack. "

Dit artikel spreekt over alle drie en wat de belangrijkste verschillen zijn.

Wat is Front-End Web Development?

Ontwikkeling van de front-end, terwijl de onderdelen ervan altijd veranderen, in wezen betrekking hebben op de buitenkant van een website of webapplicatie.

In de kern houdt de front-end ontwikkeling HTML, CSS en JavaScript.

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

In het algemeen wordt het frontend geassocieerd met lay-out en ontwerp principes. Echter, front-end ontwikkelaars zijn niet noodzakelijkerwijs ontwerpers.

In principe bouwden front-end ontwikkelaars het uiterlijke uiterlijk - de websitepagina'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 het frontend op de client - wat de lokale computer van de gebruiker betekent - in de meeste gevallen de webbrowser.

En informatie wordt niet opgeslagen op de clientzijde .

Wat is back-end webontwikkeling?

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

Om dingen makkelijk te maken, denk aan het voorkant als het deel van de ijsberg boven het water. Het is wat de gebruiker ziet - de slanke site.

De achterkant is de rest van het ijs; Het kan niet door de eindgebruiker worden gezien, maar het is het meest fundamentele element van een webapplicatie.

De achterkant loopt op de server of, zoals het vaak wordt genoemd, "server side".

In tegenstelling tot de front-end ontwikkeling (die voornamelijk gebruik maakt van HTML, CSS en JavaScript), kan back-end webontwikkeling op een scala aan talen en kaders vertrouwen.

Enkele populaire talen die aan het achterkant worden gebruikt, zijn onder meer: ​​

• Ruby (vaak gebruikt in combinatie met het railsframe - AKA Ruby on Rails)
• Python (die vaak wordt gebruikt bij het Django-kader aan de achterkant)
• PHP (de populaire WordPress CMS maakt gebruik van PHP op zijn achterkant - PHP heeft een paar populaire raamwerken, een Laravel)
• Node.js (steeds populairder - dit is een back-end omgeving voor webapplicaties die zijn gebouwd met JavaScript)

Om grootschalige websites en webapplicaties te kunnen werken, is het echter meer dan een back-end taal en kader. Alle informatie op een website of applicatie moet ergens opgeslagen worden.

Hier komen de databases binnen. Back-end ontwikkelaars hanteer deze ook.

( Opmerking : u kunt een website zonder database opbouwen door alleen HTML en CSS te gebruiken. Dit zou een statische site zijn en zou veel minder flexibel zijn. Echter, een site die afhankelijk is van informatie om te worden dynamisch gegenereerd - Facebook, Yelp, elke e-commerce site - heeft een database nodig.)

Populaire databases zijn:

• MySQL
• PostgreSQL
• MongoDB
• En anderen

Typisch zeker -taal talen / kaders vereisen een bepaalde database. Bijvoorbeeld, het MEAN full stack kader vereist MongoDB.

Naast het weten van een back-end taal / framework en databases, moeten back-end ontwikkelaars ook een begrip hebben van de server architectuur.

Een server instelt op een goede manier, zodat een site snel kan worden uitgevoerd, geen crash en geen fouten aan gebruikers geven. Dit valt onder het domein van de back-end ontwikkelaar, omdat de meeste fouten zich voordoen aan de achterkant, niet aan de voorkant.

Wat is Full Stack?

Ja, je hebt het gegeten: Volledige stapel is de combinatie van zowel de voorkant als de achterkant.

Een full-stack ontwikkelaar is een jack-of-all-trades. Zij zijn verantwoordelijk voor alle ontwikkelingsniveaus, van hoe de server is ingesteld op het ontwerp-gerelateerde CSS.

Tegenwoordig is er zoveel dat webontwikkeling gaat dat het bijna onmogelijk is om beide kanten te behandelen. Hoewel veel mensen kunnen claimen volledige stack te zijn, of in feite zijn ze nog steeds meer gericht aan de ene kant: de client of de server. (AKA het voorste of het achtereinde.)

Bij kleinere bedrijven / startups zou een enkele persoon waarschijnlijk verantwoordelijk zijn voor alle kanten van het webontwikkelingsspectrum. Bij grotere bedrijven werken mensen echter op teams en hebben gespecialiseerde rollen: de ene richt zich uitsluitend op server architectuur, een andere (of een paar mensen) aan de voorkant, enz.

Conclusie

Webontwikkeling heeft veel gezichten, en het ontwikkelt elke dag meer.

Er is veel te leren, maar voel je niet druk om alles tegelijk te leren. Onthoud dat je in werkomgeving een team bent met anderen. Focus op het honing van je vaardigheden in een aspect van webontwikkeling tegelijk. Word niet overweldigd, en je bent een pro voor je het weet.

Vind je dit artikel? Klik hier om het te Tweet.