Mastering the Full Stack Design Concept: Your Ultimate 2023 Guide

Det var en gång så att de flesta som arbetade med webbplatsutveckling hade tydligt definierade roller inom ett utvecklingsgrupp, och de förväntades sällan överlappa till andra roller.

Saker har förändrats. Nu kan man förvänta sig att fleruppgörs, och även i stora organisationer kan arbetsroller vara utbytbara mellan teammedlemmar.

Mer och mer ser vi jobbannonser som kräver ”full stack-utvecklare”, och problemet är att inte alla förstår vad denna term betyder. Det är inte heller ett rimligt krav i många fall. Det kan ofta ses att den som placerade annonsen inte heller hade någon aning om vad termen betyder och bara använde den för att alla andra gör det.

Utveckling av full stack är i själva verket inget särskilt. Det är troligt att du redan har alla nödvändiga färdigheter, men du är troligen mer i ett specifikt område i stacken än i andra. Det blir emellertid svårare att anställas som specialist, så att vara säker på en bred förståelse för core stack-teknologier är en bra idé.

bild av Nej kreativ

Varför efterfrågan på full stack-utvecklare är kontraproduktiv

Designers är bra på design. Kodare är bra på kodning. Ingenjörer är bra på teknik. När du behöver en individubbelt för att vara kompetent i alla delar av design- och utvecklingsjobbet kan du få mindre än perfekta resultat.

Det är enkel logik. Någon med en passion för design borde utforma, lika mycket som någon med en passion för kod borde koda. Om en född kodare tvingas utforma något kan han eller hon komma med en acceptabel design, men det kommer troligtvis inte att vara lika bra som något som designats av en född designer.

Även om det kan vara till hjälp för teammedlemmarna att förstå varandras jobb och till och med kunna fylla i för varandra, är det vanligtvis bäst att låta varje medlem arbeta till sin styrka.

Vad är en full stack-utvecklare?

Vi börjar med att definiera vad "stacken" egentligen är. Idén med stacken är en grupp av sammankopplade tekniker som gör det möjligt för en webbplats att existera.

En full stack-utvecklare är alltså någon som kan hantera varje lager i den bunten av teknologier utan att snubbla.

Det första lagret: UX Research

Processen med att utveckla en webbplats börjar med att ta reda på vilket mål webbplatsen ska uppnå och sedan utveckla en plan baserad på det målet.

Användarupplevelse (UX) är ett löst definierat koncept som är grundläggande för modern webbplatsdesign och utveckling. När du planerar webbplatsen måste du ta hänsyn till den UX du skapar. Detta kräver viss forskning för att avgöra vilka attribut webbplatsen kommer att behöva för att leverera en positiv UX.

gif av Anton Skvortsov

Det andra lagret: UI Design

Efter att ha bestämt de faktorer som ger en positiv UX går du nu vidare för att designa ett användargränssnitt (UI) som kommer att adressera UX-faktorerna du har identifierat.

Detta innebär att man tänker på saker som lastningsindikatorer, navigationsmenyn, navigationsbrödsmulor, webbplatslayout, bakgrunder, bilder, teckensnitt, färger och kanske ännu mer avancerade saker som ljud och video.

Målet är att göra alla dessa saker så enkla att komma åt som möjligt och se till att de ser bra ut och fungerar bra. Säkerställa individubbla komponenter är optimerade är också en bra idé att planera för.

Det tredje lagret: Front End Development

Det är här den verkliga handlingen börjar. Hittills har allt planerats och utformats, men i det här skedet har vi faktiskt genomföra designen. Med hjälp av HTML, CSS, JavaScript och kanske annan teknik tar webbplatsens prototyp form och (så småningom) liv.

Om det inte är en mycket enkel webbplats, kommer den förmodligen inte att fungera fullt ut på denna punkt. Det kommer dock att vara en fungerande prototyp som åtminstone har utseendet och känslan av hur den färdiga webbplatsen ska vara.

gif av Piotr Wojtczak

Det fjärde lagret: Back End Development

På baksidan av webbplatsen används speciella möjliggörande tekniker. Om din webbplats måste do någonting på serversidan baserat på användaråtgärder (till exempel att bearbeta innehållet i en kundvagn innan du skickar en förfrågan till PayPal), då är det där det händer.

Det finns många olika tekniker du kan välja mellan för att ta hand om dessa uppgifter, och vissa är mer lämpade än andra. De vanligaste valen just nu är PHP och Ruby, men det finns över 1000 val som lika lika kan väljas.

PHP är den mest flexibla och enklaste lösningen, men kanske inte nödvändigtvis den mest effektiva. För alla som just har börjat sin karriär är det det bästa serversidespråket att lära sig eftersom det är lätt att lära sig och eftersom det används så mycket på så många sätt.

Det här lagret kan ibland inkludera saker som serverinställning och administration, nätverksteknik och så vidare.

Det femte lagret: Databasadministration

Att designa och utveckla databaser för att stödja de uppgifter som din webbplats behöver hantera kan vara ett stort jobb. För att göra det bra måste du behärska databasarkitekturen och också bli en master i SQL.

Detta är en av de saker som låter riktigt enkelt och faktiskt visar sig vara mer komplexa än förväntat. Det beror på hur snygga uppgifterna som ska hanteras.

illustration av Maarten Desmet

Hur ska en ny utvecklare ta sig an de kunskaper som behövs?

Det bästa sättet är att börja lära sig från det femte lagret och arbeta ner till det första lagret. Det beror på att lagren är ordnade efter deras svårigheter att lära sig. Den svåraste uppgiften är att skapa utmärkta databaser, och det kommer också att bli den minst intressanta uppgiften för de flesta. Bättre att få det ur vägen snabbt då.

Du skulle sedan gå vidare för att lära dig ett programmeringsspråk som PHP, Ruby, Python, Java, etc. Du kan lära dig så många eller så få som du wish, men möjligheterna för PHP-programmerare är mycket rikligare än för de andra språken när det kommer till webbutveckling. Undantaget är JavaScript, men detta betraktas fortfarande huvudsakligen som ett språk på klientsidan, så det hör tekniskt sett till det tredje lagret.

Efter att du behärskat ett programmeringsspråk på baksidan skulle du gå vidare till att lära dig den mycket enklare uppgiften att skapa webbplatser med HTML, CSS och JavaScript (och / eller annan teknik).

Därefter går du vidare till den ännu enklare uppgiften för UI-design. Med tanke på hur lätt det är är det förvånande att många webbplatser har dåligt utformade användargränssnitt eller extremt derivatanvändargränssnitt. UI-design är inte minst svårt.

Slutligen kommer du till det enklaste av allt, som är UX-forskning. Anledningen till att den här är så lätt är att du har varit inblandad i det sedan du föddes. Vi kommer till världen och reagerar på saker som antingen ger oss glädje eller oro.

När du är vuxen bör du ha en god förståelse för dessa saker, och UX-design planerar helt enkelt en användarupplevelse som innehåller fler av de saker som orsakar glädje och mindre av de saker som orsakar nöd.

header image med tillstånd av Oskar Öberg