Ordlista för webbutveckling

404

• Definition: Ett felmeddelande som uppstår när det som efterfrågades inte kunde hittas. Trasiga eller inaktuella länkar orsakar ofta detta fel.
• Exempel: När du försöker nå en sida som inte längre finns på en webbplats, visas ett "404: Page Not Found"-fel.
• Relaterade termer: HTTP, URL, Felhantering

Accelererade mobilsidor (AMP)

• Definition: Accelererade mobilsidor (AMP) är förenklade webbsidor med minimal HTML som är optimerade för snabb laddning på mobila enheter.
• Exempel: En AMP-version av en nyhetssida laddar snabbare än den vanliga versionen genom att ta bort tunga bilder och skript.
• Relaterade termer: Responsiv design, HTML, Mobiloptimering

Adaptiv design

• Definition: En metod för att bygga en webbplats med flera olika layoutalternativ anpassade för olika skärmstorlekar.
• Exempel: En webbplats kan visa olika layoutalternativ beroende på om den besöks från en mobil, surfplatta eller dator.
• Relaterade termer: Responsiv design, Mobil-först design, CSS

Algoritm

• Definition: En uppsättning steg som används för att utföra specifika uppgifter. Utvecklare dokumenterar varje steg som krävs för att lösa ett problem.
• Exempel: En sökalgoritm på en webbplats kan hitta relevant innehåll baserat på en användares fråga.
• Relaterade termer: Programmering, Funktioner, Datalogi

Alt-text (Alternativ text)

• Definition: En kort textbeskrivning som kopplas till en bild i kod för att förmedla bildens innehåll och funktion till användare som inte kan se bilden, till exempel via skärmläsare eller när bilden inte laddas. Alt-text används även av sökmotorer för att förstå vad bilden föreställer.
  Exempel: En produktbild på ett par skor kan ha alt-texten: “Svarta löparskor med vita sulor, sedda från sidan.”
  Relaterade termer: Tillgänglighet, Skärmläsare, WCAG, SEO

Läs mer om vad alt-text är.

API (Application Programming Interface)

• Definition: En metod som möjliggör kommunikation mellan datorer och applikationer.
• Exempel: En vädertjänst-API kan leverera väderdata till en webbplats i realtid.
• Relaterade termer: REST, JSON, Webbtjänst

Applikation (app)

• Definition: En typ av mjukvara som gör det möjligt för användaren att utföra olika uppgifter.
• Exempel: En mobilapp för banktjänster låter användare kontrollera saldon och göra överföringar.
• Relaterade termer: Programvara, Mobil, Webbapplikation

Attribut

• Definition: Information om elementen i en komponent på din webbdesign eller webbstruktur.
• Exempel: Ett HTML-attribut för att ställa in en bilds bredd kan vara: <img src="bild.jpg" width="500">.
• Relaterade termer: HTML, CSS, Element

Backend

• Definition: Allt som händer bakom kulisserna och driver det som visas på frontend. Huvudkomponenterna är servern, databasen, operativsystemet och mjukvaran.
• Exempel: En databas lagrar användaruppgifter som sedan hämtas av backend för att visa användarprofiler.
• Relaterade termer: Frontend, Databas, API

Bandbredd

• Definition: Den maximala mängden data som kan överföras mellan internet och din webbplats under en viss tidsperiod.
• Exempel: Webbplatser med hög bandbredd laddar snabbare och hanterar fler användare samtidigt.
• Relaterade termer: Server, Latens, Prestandaoptimering

Bootstrap

• Definition: Ett gratis, öppen källkodsramverk för att designa webbplatser och webbapplikationer, utvecklat av Mark Otto och Jacob Thornton på Twitter.
• Exempel: Bootstrap används för att snabbt skapa responsiva webbplatser utan att behöva skriva CSS från grunden.
• Relaterade termer: CSS, Responsiv design, Frontend-ramverk

Webbläsare

• Definition: Ett program som används för att komma åt internet och visa webbsidor. Webbläsaren skickar förfrågningar och hämtar webbsidans element som bilder och text.
• Exempel: Chrome, Firefox och Safari är exempel på populära webbläsare.
• Relaterade termer: URL, HTTP, HTML

Bug (Bugg)

• Definition: Ett fel eller problem som gör att en webbplats eller applikation inte fungerar som den ska.
• Exempel: En bugg i koden kan göra så att en knapp på en webbplats inte fungerar.
• Relaterade termer: Debugging, Felhantering, Testning

Cache

• Definition: Lagring av vissa element på en webbplats för att skapa snabbare laddningstider för återkommande besökare.
• Exempel: En användares webbläsare cachelagrar bilder på en webbplats för att slippa ladda ner dem igen vid nästa besök.
• Relaterade termer: Laddningstid, Prestandaoptimering, Webbläsare

Classes (Klasser)

• Definition: En identifierare i CSS som används för att definiera vilka element du vill styla. I andra programmeringsspråk används klasser som en mall för att skapa objekt.
• Exempel: En CSS-klass kan se ut så här: .rubrik {color: blue;} för att ändra färg på rubriker.
• Relaterade termer: CSS, HTML, Id

CMS (Content Management System)

• Definition: Ett program som används för att skapa och underhålla innehållet på din webbplats. WordPress är ett vanligt exempel på ett CMS.
• Exempel: En bloggare kan använda WordPress för att enkelt lägga till nya inlägg och uppdatera innehåll.
• Relaterade termer: WordPress, Joomla, Innehållshantering

Code (Kod)

• Definition: Instruktioner som webbutvecklare skriver med hjälp av programmeringsspråk för att bygga webbplatser och applikationer.
• Exempel: HTML och CSS används för att bygga en webbplats layout, medan JavaScript lägger till funktionalitet.
• Relaterade termer: HTML, CSS, JavaScript

Conversion (Konvertering)

• Definition: De mål du har för interaktioner på din webbplats, som e-postregistreringar och nedladdningar.
• Exempel: En användare fyller i ett kontaktformulär och räknas då som en konvertering.
• Relaterade termer: CTA, Användarupplevelse, E-handel

Cookies (Kakor)

• Definition: Data som skickas från en server till en webbläsare och som lagras för att spåra användarens aktivitet på webbplatsen.
• Exempel: En webbplats kan använda cookies för att komma ihåg inloggningsinformation.
• Relaterade termer: Sessionshantering, Webbläsare, GDPR

Crawl (Skrapning)

• Definition: När sökmotorer skickar botar till din webbplats för att indexera innehållet och avgöra vilka sidor som ska visas i sökresultaten.
• Exempel: Googlebot genomsöker en webbplats och uppdaterar sin databas med innehållet.
• Relaterade termer: SEO, Indexering, Sitemap

CSS (Cascading Style Sheets)

• Definition: Kod som talar om för webbläsare hur en webbsida ska visas för användarna. CSS används för att styra typsnitt, färger och andra visuella element.
• Exempel: body { background-color: #f0f0f0; } ändrar bakgrundsfärgen på en webbsida.
• Relaterade termer: HTML, Responsiv design

CTA (Call to Action)

• Definition: Knappar eller länkar på din webbplats som uppmuntrar användare att utföra specifika handlingar, som att anmäla sig till ett nyhetsbrev eller fylla i ett kontaktformulär.
• Exempel: En knapp med texten "Registrera dig nu" som leder till ett registreringsformulär.
• Relaterade termer: Konvertering, UX, Användarresa

Datastrukturer

• Definition: Ett sätt att organisera och lagra data på ett effektivt sätt för att underlätta åtkomst, sortering och modifiering av information. Exempel på datastrukturer inkluderar länkade listor, stackar och köer.
• Exempel: En array kan användas för att lagra flera värden i en enda variabel.
• Relaterade termer: Algoritmer, Databaser, Kodoptimering

Debugging

• Definition: Processen att identifiera och lösa fel (buggar) i en applikation eller webbplats.
• Exempel: En utvecklare kan använda verktyg som Chrome DevTools för att identifiera problem i JavaScript-kod.
• Relaterade termer: Bugg, Testning, Felhantering

Deployment

• Definition: När en webbplats eller applikation går live efter utveckling och testning. Detta innebär att den färdiga produkten görs tillgänglig för användare.
• Exempel: Efter att en utvecklare har byggt klart en webbapplikation kan de använda ett verktyg som Docker eller Heroku för att distribuera den till en server.
• Relaterade termer: Produktionsmiljö, Hosting, CI/CD

DevOps (Development Operations)

• Definition: Ett system som underlättar samarbetet mellan utveckling, IT-drift och kvalitetssäkring för att skapa bättre slutprodukter och samarbetsprocesser.
• Exempel: DevOps-team kan använda verktyg som Jenkins och Docker för att automatisera och effektivisera utvecklings- och driftprocesser.
• Relaterade termer: CI/CD, Deployment, Automatisering

Domän

• Definition: Adressen till en webbplats, som skrivs in i en webbläsare för att komma åt webbplatsen. Det är den unika webbadressen som identifierar en webbplats på internet.
• Exempel: www.dinwebbplats.com är ett exempel på en domän.
• Relaterade termer: URL, DNS, Registrar

Dokumentation

• Definition: Den centrala referenspunkten för alla som är involverade i att hantera, underhålla eller använda en webbplats eller programvara. Dokumentationen innehåller vanligtvis information om krav, arkitektur, tekniska egenskaper och användarinstruktioner.
• Exempel: En utvecklare kan läsa API-dokumentationen för att förstå hur ett API ska användas i deras applikation.
• Relaterade termer: API, Kodunderhåll, Guide

E-handel (Ecommerce) webbutveckling

• Definition: Processen att skapa en webbplats som används för att köpa och sälja produkter eller tjänster online. Bra e-handelsutveckling kan hjälpa till att öka intäkterna och förbättra användarupplevelsen.
• Exempel: En nätbutik som säljer kläder använder e-handelsfunktioner för att hantera produktsidor, varukorgar och betalningar.
• Relaterade termer: E-handel, Betalningsgateway, Konvertering

Enterprise webbutveckling

• Definition: Processen att skapa och designa en webbplats som används av större företag. Detta innebär ofta en mer komplex struktur för att leverera den bästa användarupplevelsen för stora användarbaser.
• Exempel: En stor bank använder enterprise webbutveckling för att säkerställa en säker och användarvänlig upplevelse för sina kunder online.
• Relaterade termer: Skalbarhet, Hosting, Backend

Favicon

• Definition: En liten ikon som visas i webbläsarens flik bredvid webbplatsens titel, ofta kallad en "favoritikonen".
• Exempel: Gmail har en liten röd kuvertikon som favicon i webbläsarens flik.
• Relaterade termer: Ikon, Branding, HTML

Fält

• Definition: De mest grundläggande byggstenarna för datainsamling. Fält är inmatningsenheter där webbplatsbesökare kan ange information som namn, e-postadresser eller kommentarer.
• Exempel: Ett kontaktformulär har vanligtvis fält för namn, e-post och meddelande.
• Relaterade termer: Formulär, Input, UX

Brandvägg (Firewall)

• Definition: Ett system som skyddar ett säkert nätverk från ett osäkert nätverk, exempelvis internet.
• Exempel: Ett företagsnätverk kan använda en brandvägg för att blockera obehöriga åtkomstförsök från externa nätverk.
• Relaterade termer: Säkerhet, Server, Nätverk

Ramverk (Framework)

• Definition: En uppsättning program eller verktyg som används i utveckling av webbplatser eller programvara. Ramverk fungerar som en grundläggande struktur som underlättar utveckling och programmering.
• Exempel: Laravel är ett PHP-ramverk som hjälper till att underlätta utvecklingen av webbapplikationer.
• Relaterade termer: Bibliotek, API, Backend

Frontend

• Definition: Den del av en webbplats eller applikation som användarna ser och interagerar med. Den är byggd med hjälp av teknologier som HTML, CSS och JavaScript.
• Exempel: En webbplats hemsida är en del av frontend, där besökare kan klicka på länkar och se innehåll.
• Relaterade termer: Backend, UX, UI

FTP (File Transfer Protocol)

• Definition: En metod för att överföra filer mellan en dator och en server, ofta används för att ladda upp filer till en webbplats.
• Exempel: En utvecklare kan använda ett FTP-program som FileZilla för att överföra webbfiler till en server.
• Relaterade termer: Hosting, Server, HTTP

Full-stack

• Definition: Full-stack-utvecklare arbetar över alla lager i en applikation: frontend, backend och databas.
• Exempel: En full-stack-utvecklare kan bygga både användargränssnittet och serverlogiken för en applikation.
• Relaterade termer: Frontend, Backend, Databas

GUI (Graphical User Interface)

• Definition: Det visuella gränssnittet på en webbplats eller applikation som användare ser och interagerar med.
• Exempel: Användarens interaktion med knappar och menyer i ett program som Microsoft Word sker genom dess GUI.
• Relaterade termer: UI, UX, Frontend

HTML (HyperText Markup Language)

• Definition: Ett markeringsspråk som beskriver hur en webbläsare ska visa ett dokument som en webbsida. HTML består av taggar, element och attribut.
• Exempel: <h1>Detta är en rubrik</h1> skapar en rubrik på en webbsida.
• Relaterade termer: CSS, JavaScript, DOM

HTTP (Hypertext Transfer Protocol)

• Definition: Ett protokoll som används för att överföra data över internet, där data skickas från en HTTP-server till en HTTP-klient, som en webbläsare.
• Exempel: När du besöker en webbplats skickas en HTTP-förfrågan från din webbläsare till servern för att hämta webbsidans data.
• Relaterade termer: HTTPS, URL, Server

HTTPS (Hypertext Transfer Protocol Secure)

• Definition: En säkrare version av HTTP som krypterar data som skickas mellan webbläsaren och servern, till exempel namn, adresser och kreditkortsnummer.
• Exempel: E-handelssidor använder HTTPS för att säkra betalningsinformation under transaktioner.
• Relaterade termer: HTTP, SSL, Säkerhet

Informationsarkitektur

• Definition: Praktiken att organisera komplex information på ett tydligt och logiskt sätt, vilket innebär att skapa en användarvänlig struktur som gör det enkelt för användare att navigera genom webbplatser och appar.
• Exempel: En informationsarkitekt kan skapa en sitemap som visar alla sidor och deras förhållanden till varandra på en webbplats.
• Relaterade termer: UX, Sitemap, Navigering

Java

• Definition: Ett populärt programmeringsspråk som är plattformsoberoende och kan köras på vilken enhet som helst, oavsett operativsystem.
• Exempel: En mobilbankapp kan vara byggd i Java för att fungera på både Android och iOS.
• Relaterade termer: Programmeringsspråk, Backend, JVM

JavaScript

• Definition: Ett programmeringsspråk som primärt används på klientsidan för att göra webbsidor interaktiva, t.ex. hantering av användarinmatning och dynamiska förändringar i webbinnehåll.
• Exempel: Ett JavaScript-skript kan användas för att visa en varningsruta när användaren klickar på en knapp.
• Relaterade termer: HTML, CSS, DOM

jQuery

• Definition: Ett JavaScript-bibliotek som förenklar användningen av JavaScript på din webbplats genom att kondensera flera rader kod till en enda rad.
• Exempel: Med jQuery kan du enkelt ändra alla element på en sida med en viss klass: $(".myClass").hide(); för att gömma dem.
• Relaterade termer: JavaScript, DOM, Frontend

...

...

Metataggar

• Definition: Ytterligare information om webbsidor eller element, som hur en sida ska visas i Google-sökresultat eller vilka nyckelord som är associerade med innehållet.
• Exempel: En metatagg som beskriver en webbsidas innehåll kan se ut så här: <meta name="description" content="Lär dig mer om webbutveckling med vår ordlista.">.
• Relaterade termer: SEO, HTML, Google

Minifiering

• Definition: Processen att minimera koden och markeringen för att reducera filstorleken och förbättra laddningstiderna.
• Exempel: En CSS-fil kan minifieras genom att ta bort alla mellanslag och radbrytningar.
• Relaterade termer: Prestandaoptimering, CSS, JavaScript

Mobile-first design

• Definition: En metod inom webbdesign där mobilanvändare prioriteras. Webbplatsen byggs först för små skärmar och sedan skalas upp för större skärmar.
• Exempel: En webbdesigner använder mobil-först design för att säkerställa att en webbplats fungerar perfekt på smartphones innan den anpassas för skrivbord.
• Relaterade termer: Responsiv design, CSS, AMP

MVP (Minimum Viable Product)

• Definition: Den mest avskalade versionen av en produkt som kan lanseras på marknaden. Den fokuserar på de kärnfunktioner som är nödvändiga och bygger sedan vidare baserat på användarfeedback.
• Exempel: En app som bara har de mest grundläggande funktionerna för att testa marknadsbehov innan fler funktioner läggs till.
• Relaterade termer: Prototyp, Agil utveckling, Användartestning

MySQL

• Definition: Världens mest populära öppna källkodssystem för relationsdatabashantering, som används för att lagra och hantera data.
• Exempel: En webbplats med ett bloggarkiv kan använda MySQL för att lagra och hämta blogginlägg och kommentarer.
• Relaterade termer: Databas, Backend, SQL

...

OOTB (Out of the Box)

• Definition: Färdiga, plug-and-play-lösningar som kan laddas ner och installeras utan att behöva anpassas eller konfigureras.
• Exempel: Ett företag kan använda en OOTB-lösning för att snabbt lägga till en betalningsmodul på sin webbplats utan att behöva utveckla den från grunden.
• Relaterade termer: Plugin, Integration, CMS

Öppnings-/stängningstaggar

• Definition: Vinkelparenteser (< >) som används för att bokändra ett HTML-element och bygga webbsidans struktur. Stängningstaggar inkluderar ett snedstreck (</>).
• Exempel: <p> är en öppningstagg för ett stycke och </p> är stängningstaggen.
• Relaterade termer: HTML, Element, Attribut

Operativsystem

• Definition: En typ av mjukvara som gör det möjligt för användaren att köra applikationer på en enhet, t.ex. Windows, macOS eller Linux.
• Exempel: Ett företag kan använda Linux som operativsystem för sina servrar eftersom det är stabilt och säkert.
• Relaterade termer: Server, Programvara, Databas

Page Template (Sidmall)

• Definition: En fördefinierad layout som används för att skapa sidor med liknande struktur på en webbplats.
• Exempel: Alla blogginlägg på en webbplats kan använda samma sidmall för att säkerställa konsekvent design och funktionalitet.
• Relaterade termer: CMS, Layout, Design

PHP (Hypertext Preprocessor)

• Definition: Ett serversideskript-språk som används för att skapa dynamiskt innehåll, skicka och ta emot cookies, hantera användaråtkomst och kryptera data.
• Exempel: PHP kan användas för att skapa en inloggningsfunktion på en webbplats där användare kan logga in och komma åt sina konton.
• Relaterade termer: Backend, MySQL, LAMP-stack

Plugin

• Definition: En tilläggsmodul som lägger till extra funktionalitet till befintlig programvara, vanligtvis i ett CMS som WordPress.
• Exempel: En e-handelswebbplats kan installera ett betalningsplugin för att hantera kreditkortstransaktioner.
• Relaterade termer: WordPress, OOTB, CMS

Property (Egenskap)

• Definition: En egenskap i CSS som dikterar visuella element, som färgscheman och typsnitt.
• Exempel: color: blue; är en CSS-egenskap som anger att texten ska visas i blått.
• Relaterade termer: CSS, Stilark, Klasser

...

Redirects (Omdirigeringar)

• Definition: Automatiska omdirigeringar från en URL till en annan, vanligtvis från en gammal webbadress till samma sida på en ny webbplats.
• Exempel: Efter att en webbplats har fått en ny URL-struktur kan 301-omdirigeringar användas för att dirigera besökare till rätt sidor.
• Relaterade termer: SEO, URL, HTTP-status

Registrar

• Definition: Ett företag som används för att registrera och hantera domännamn.
• Exempel: Företag som GoDaddy och Namecheap erbjuder domänregistreringstjänster.
• Relaterade termer: Domän, DNS, Hosting

Resolution (Upplösning)

• Definition: Hur stort eller detaljerat en bild eller grafik kan återges på en skärm.
• Exempel: En bild med en upplösning på 1920x1080 pixlar anses vara Full HD.
• Relaterade termer: DPI, Bildoptimering, Grafik

Responsiv design

• Definition: Webbplatser som anpassar sig till skärmen de visas på, vilket gör att de ser bra ut och fungerar på alla enheter, från smartphones till stationära datorer.
• Exempel: En webbsida som visar en enkel navigeringsmeny på mobil, men en mer detaljerad meny på skrivbord, är ett exempel på responsiv design.
• Relaterade termer: CSS, Mobil-först design, Grid-layout

Server

• Definition: En dator eller ett nätverk av datorer som kör programvara och möjliggör att användare får åtkomst till en webbplats eller applikation. Den huserar webbplatsens filer och data.
• Exempel: En webbutik lagrar alla sina produktbilder och kunddata på en server som användarna får tillgång till via internet.
• Relaterade termer: Hosting, Backend, Databas

Sitemap (Webbplatskarta)

• Definition: En hierarkisk översikt över alla sidor på en webbplats, organiserad för att hjälpa användare och sökmotorer att navigera och indexera innehållet.
• Exempel: En XML-sitemap används för att hjälpa Google att förstå strukturen på en webbplats och bättre indexera dess sidor.
• Relaterade termer: SEO, Crawl, Indexering

Slider

• Definition: En roterande uppsättning bilder eller innehåll, vanligtvis placerad på en webbplats startsida, som växlar mellan olika foton, länkar eller meddelanden.
• Exempel: Ett reseföretag kan ha en slider som visar olika semestermål på sin startsida.
• Relaterade termer: Carousel, Bildspel, Frontend

Software Stack (Mjukvarustack)

• Definition: En uppsättning programvara som fungerar tillsammans för att utgöra en webbplats eller applikations backend.
• Exempel: LAMP-stacken (Linux, Apache, MySQL, PHP) är en populär mjukvarustack för att driva webbservrar.
• Relaterade termer: Backend, Infrastruktur, Full-stack

SSL (Secure Sockets Layer)

• Definition: Ett standardprotokoll för säkerhet som används för att kryptera data som överförs mellan en webbserver och en webbläsare. SSL-certifikat används för att skapa säkerhet på webbplatser med känslig information, som e-handel.
• Exempel: En webbutik använder SSL för att skydda kunders kreditkortsuppgifter under betalningsprocessen.
• Relaterade termer: HTTPS, Kryptering, Säkerhet

Textredigerare

• Definition: Ett program som används för att skriva och redigera vanlig text, ofta utan formatering. Webbutvecklare använder textredigerare för att skriva och redigera kod.
• Exempel: Sublime Text och Visual Studio Code är populära textredigerare för utvecklare.
• Relaterade termer: IDE, Kod, Programmering

UI (User Interface)

• Definition: De visuella och interaktiva elementen i en webbplats eller applikation som en användare ser och interagerar med.
• Exempel: Knappfärg, menyplacering och formfält i en applikation är alla delar av UI-design.
• Relaterade termer: UX, Frontend, Responsiv design

UX (User Experience)

• Definition: En användares interaktion och upplevelse med en webbplats eller applikation, med fokus på hur tillfredsställande och framgångsrik upplevelsen är.
• Exempel: Ett välutformat kontaktformulär som är lätt att fylla i bidrar till en bättre UX.
• Relaterade termer: UI, Användarresa, Användartestning

...

Webbapplikation

• Definition: En applikation som kan nås via en webbläsare och anpassar sig till enheten som den visas på. Till skillnad från traditionella program behöver webbappar inte installeras lokalt.
• Exempel: Google Dokument är ett exempel på en webbapplikation som gör det möjligt för användare att skapa och dela dokument online.
• Relaterade termer: SaaS, Molntjänst, Mobilanpassning

Widget

• Definition: Små program eller applikationer som kan utföra specifika interaktiva funktioner på en webbplats, som en sökfunktion eller en kalender.
• Exempel: En väderwidget på en webbplats visar aktuellt väder och prognoser för användarens plats.
• Relaterade termer: Plugin, UI, Interaktivitet

Wireframe

• Definition: Den grundläggande strukturen eller skissen av en webbplats som visar var olika element kommer att placeras, men utan design eller färg.
• Exempel: En wireframe visar var rubriker, bilder och menyer kommer att vara placerade på en webbplats innan den faktiska designen påbörjas.
• Relaterade termer: Prototyp, Design, UI

WYSIWYG (What You See Is What You Get)

• Definition: En visuell innehållsredigerare som låter användare redigera och formatlägga innehåll på en webbplats utan att behöva förstå HTML eller CSS.
• Exempel: WordPress har en WYSIWYG-redigerare som gör det enkelt för användare att lägga till och formatera text och bilder utan att koda.
• Relaterade termer: CMS, Textredigerare, HTML

...

...

...

...

...

...