LæringOrdforklaring
🚀 Vibe Coding Ordliste
En hurtig guide til de vigtigste begreber inden for moderne AI-assisteret programmering.
🤖 AI & Vibe Coding Begreber
Selve interaktionen med AI'en og den nye "vibe-baserede" arbejdsmetode.
| Begreb | Forklaring |
|---|---|
| MVP | Minimum Viable Product. Den mindste/simpleste udgave af dit produkt, der kan løse problemet. |
| LLM | "Hjernen" bag AI'en (f.eks. GPT-4, Claude 3.5). Den model, der forstår din tekst og skriver kode retur. |
| Context | Den mængde info (chat, åbne filer, dokumentation), AI'en "ser" lige nu. God context giver bedre svar. |
| MCP | Model Context Protocol. Linker AI sikkert til dine data (f.eks. læse filer, database). |
| Prompt Engineering | Kunsten at formulere sine instrukser præcist, så AI'en gør nøjagtigt det, man ønsker. |
| Hallucination | Når AI'en selvsikkert finder på noget, der ikke passer (f.eks. opfinder en funktion, der ikke findes). |
| Token | Enheden AI tæller i. Et ord er ca. 0.75 tokens. Det bruges til at måle, hvor meget "hukommelse" du bruger. |
| Composer | En funktion i Cursor IDE, hvor du kan skrive krav til flere filer på én gang, og AI'en bygger hele features. |
🛠️ Værktøjer & Miljø
Hvor arbejdet foregår, og de programmer du skal have installeret.
| Begreb | Forklaring |
|---|---|
| Stitch | Et værktøj fra Google der hjælper med at designe flotte og moderne hjemmesider (layouts) som ser professionelle ud. |
| Assets | Filer der ikke er kode (f.eks. billeder, logoer, skrifttyper, videoer) som bruges på din hjemmeside. |
| IDE | Integrated Development Environment. Din digitale arbejdsplads/skriveprogram til kode (f.eks. VS Code). |
| Cursor | En populær IDE bygget specifikt til AI/Vibe coding. Den kender hele din kodebase. |
| Terminal / CLI | Den "sorte skærm" hvor du skriver tekstkommandoer for at starte servere eller installere pakker. |
| Localhost | Din egen computer. Når du kører en hjemmeside på "localhost", kan kun du se den i din browser. |
| Git | Versionstyring. Tænk på det som en "fortryd-knap" og backup i skyen. |
| Vercel | En tjeneste til at "hoste" din hjemmeside, så den kommer ud på internettet. |
| GitHub | En platform til at gemme og dele din kode online. Bruges sammen med Git til versionsstyring og backup i skyen. |
| Repository | En 'mappe' i skyen (fx på GitHub), der indeholder alle filerne til dit projekt og gemmer hele dets historik. |
| Hosting | En tjeneste (fx Vercel eller Koyeb), der stiller en server til rådighed, så din hjemmeside er tændt og kan besøges af alle på internettet. |
🏗️ Webudvikling & Stack
| Begreb | Forklaring |
|---|---|
| Framework | Et skelet af kode, du bygger videre på (f.eks. Next.js). |
| Tech Stack | En samling af teknologier (sprog, frameworks, databaser), der arbejder sammen for at drive din app. |
| React | Bibliotek til at bygge brugergrænseflader med "komponenter". |
| Props | Forkortelse for "properties". Data eller indstillinger, du sender ind i en komponent for at ændre dens udseende eller indhold. |
| Frontend/Backend | Frontend er det brugeren ser. Backend er motoren bagved (logik, data). |
| Server Actions | Funktioner i Next.js, der kører på serveren men kaldes direkte fra din frontend. Giver nem adgang til data. |
| Tailwind CSS | Design-system hvor du styler direkte i koden (eks. 'text-red-500'). |
| shadcn/ui | Lækre, færdige komponenter, du kopierer direkte ind. Perfekt til AI-genereret UI. |
📦 Data & Drift
| Begreb | Forklaring |
|---|---|
| NPM | Node Package Manager. Bibliotek af gratis kode-pakker. |
| API | En "tjener" der lader to programmer tale sammen. |
| Environment Variables | Hemmelige nøgler (f.eks. API-keys), som gemmes i en .env-fil, så de ikke ligger åbent i din kode. |
| Database | Et digitalt arkivskab til permanente data. |
| Schema | En "plantegning" over din database. Beskriver hvilke tabeller du har, og hvilke data (kolonner) der skal være i dem. |
| Auth | Authentication. Systemet der tjekker, hvem brugeren er (login), og hvad de må (adgangskontrol). |
| Deployment | At flytte koden fra computer til server (live). |
| Serverless | En teknologi hvor du ikke skal tænke på servere. Koden "vågner" kun, når der er brug for den, hvilket sparer strøm og penge. |
| DNS | Domain Name System. En 'telefonbog' for internettet, der oversætter menneskelige adresser (som google.dk) til serveres IP-adresser. |
| CI/CD | Continuous Integration / Continuous Deployment. En automatiseret proces, der tester og udgiver din kode hver gang du laver ændringer. |
| Domæne | Din unikke adresse på internettet (fx google.dk). Det er det navn, folk skriver i browseren for at finde din side. |
| CNAME | En DNS-indstilling (record), der fortæller internettet, at dit domæne skal pege videre til en anden adresse (fx din Vercel-adresse). |
🔗 Anbefalede Kilder
- MDN Web Docs - Den officielle ordbog for webudvikling.
- Next.js Documentation - Dokumentation til AI-modellernes yndlings framework.
- Shadcn/ui - Komponent-bibliotek.
- Markdown Guide - Lær sproget til dokumentation.