Front-End vs Back-End vs Full-Stack Web Development

Webudvikling er ikke kun en ting. Det omfatter flere færdigheder, og der er forskellige former for karriere inden for webudviklingsområdet. Tre termer, der ofte bruges, er "front end", "back end" og "full stack." Her er de vigtigste forskelle mellem de tre.

Front-End Webudvikling

Front-end-udvikling, mens dens komponenter altid ændrer sig, handler i det væsentlige om de ydervendte dele af et websted eller en webapplikation. Udgangspunktet omfatter udvikling af front-end HTML, CSS og JavaScript:

• HTML: HyperText Markup Language, eller HTML, er den vigtigste strukturelle komponent af alle websteder på internettet. Uden det kan websider ikke eksistere.
• CSS: CSS tilføjer stil til HTML. Jeg kan godt lide at bruge analogien, at HTML er som et ansigt, og CSS er som sminken.
• JavaScript: JavaScript, eller JS, har udviklet sig i løbet af de sidste mange år. I forhold til front-end-udvikling er JS vigtig, fordi det hjælper med at gøre websider interaktive.

Den forreste ende er forbundet med layout og design principper, men front-end udviklere er ikke nødvendigvis designere. Grundlæggende udvikler front-end-udviklere det ydre udseende - de websider, som brugerne ser. Dette betyder at front-end-udvikleren skal tage hensyn til læsbarheden og anvendeligheden af ​​webstedet og / eller applikationen. Desuden kører frontenden på klienten - hvilket betyder brugerens lokale computer - i de fleste tilfælde webbrowseren. Og information er ikke gemt på klientsiden.

Back-End Webudvikling

Back-end webudvikling er, hvad der foregår bag kulisserne. Bagenden gør det muligt for front-end-oplevelsen.

For at gøre det nemt skal du tænke på forenden som en del af isbjerget over vandet. Det er det, brugeren ser - den slanke udseende. Bagenden er resten af ​​isen; det kan ikke ses af slutbrugeren, men det er det mest grundlæggende element i en webapplikation. Bagsiden slutter på serveren, eller som det ofte kaldes "server-side".

I modsætning til front-end-udviklingen (som primært bruger HTML, CSS og JavaScript), kan back-end webudvikling stole på en række sprog og rammer.

Et par populære sprog, der bruges på bagsiden, omfatter:

• Rubin (bruges ofte sammen med Rails-rammerne - AKA Ruby on Rails)
• Python (som ofte bruges med Django ramme på bagsiden)
• PHP (den populære WordPress CMS bruger PHP på sin back-end - PHP har et par populære rammer, en er Laravel)
• node.js (bliver mere populær - dette er et back-end-miljø til webapps bygget med JavaScript)

For at store websites og webapplikationer kan fungere, er det mere end et back-end-sprog og rammer. Alle oplysninger på et websted eller en ansøgning skal opbevares et sted.

Det er her, hvor databaser kommer ind. Back-end-udviklere håndterer disse også.

Populære databaser omfatter:

• MySQL
• PostgreSQL
• MongoDB
• Og andre

Typisk kræver visse back-end-sprog / -rammer en bestemt database. For eksempel kræver MEAN fuld stack ramme MongoDB.

Udover at kende et back-end-sprog / rammer og kørende databaser, skal back-end-udviklere også have en forståelse af serverarkitekturen.

Oprettelse af en server korrekt gør det muligt for et websted at køre hurtigt, ikke nedbrud og ikke give fejl til brugerne. Dette falder ind under back-end-udviklerens domæne, fordi de fleste fejl opstår i bagenden, ikke forenden.

Full Stack

Fuld stak er kombinationen af ​​både forenden og bagenden. En full-stack-udvikler er en jack-of-all-trades. De er ansvarlige for alle udviklingsniveauer, fra hvordan serveren er oprettet til det designrelaterede CSS.

I disse dage er der så meget, der går ind i webudvikling, at det næsten ikke er muligt at håndtere begge sider. Mens mange mennesker kan hævde at være fuld stack, eller i virkeligheden er de stadig mere fokuseret mere på den ene side: klienten eller serveren.

Ved mindre virksomheder / startups ville en enkelt person sandsynligvis være ansvarlig for alle sider af webudviklingsspektret. Men hos større virksomheder arbejder folk på teams og har specialiserede roller - man fokuserer udelukkende på serverarkitektur, en anden (eller et par personer) på forsiden mv.

Konklusion

Webudvikling har mange ansigter, og det udvikler sig mere hver dag. Der er meget at lære, men føler sig ikke presset til at lære alt på én gang. Husk, i arbejdsmiljøer vil du normalt være på et hold med andre. Fokus på honing dine færdigheder i et aspekt af webudvikling ad gangen. Bliv ikke overvældet, og du vil være en pro, før du ved det.