Web-Dev-For-Beginners/translations/da

Webudvikling for begyndere - En læseplan

Lær grundlæggende webudvikling med vores 12-ugers omfattende kursus af Microsoft Cloud Advocates. Hver af de 24 lektioner dykker ned i JavaScript, CSS og HTML gennem praktiske projekter som terrarier, browserudvidelser og rumspil. Deltag i quizzer, diskussioner og praktiske opgaver. Forbedr dine færdigheder og optimer din vidensfastholdelse med vores effektive projektbaserede undervisningsmetode. Start din kodningsrejse i dag!

Deltag i Azure AI Foundry Discord-fællesskabet

Følg disse trin for at komme i gang med at bruge disse ressourcer:

1. Fork repoet: Klik på
2. Klon repoet: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Deltag i Azure AI Foundry Discord og mød eksperter og medudviklere

🌐 Fler-sprogsunderstøttelse

Understøttet via GitHub Action (Automatisk & Altid opdateret)

Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Kannada | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese

Foretrækker du at klone lokalt?

Dette repo inkluderer 50+ sprogoversættelser, hvilket væsentligt forøger downloadstørrelsen. For at klone uden oversættelser, brug spars checkout:

git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'

Dette giver dig alt, hvad du behøver for at gennemføre kurset med en meget hurtigere download.

Hvis du ønsker at få yderligere oversættelses-sprog understøttet, er de listet her

🧑‍🎓 Er du studerende?

Besøg Student Hub siden, hvor du finder nybegynderressourcer, studenterpakker og endda måder at få et gratis certifikat-voucher. Det er siden, du vil bogmærke og tjekke fra tid til anden, da vi udskifter indhold månedligt.

📣 Meddelelse - Nye GitHub Copilot Agent mode udfordringer at fuldføre!

Ny udfordring tilføjet, kig efter "GitHub Copilot Agent Challenge 🚀" i de fleste kapitler. Det er en ny udfordring for dig at gennemføre ved hjælp af GitHub Copilot og Agent mode. Hvis du ikke har brugt Agent mode før, kan den ikke bare generere tekst, men også oprette og redigere filer, køre kommandoer og mere.

📣 Meddelelse - Nyt Projekt at bygge ved hjælp af Generativ AI

Nyt AI Assistant projekt lige tilføjet, tjek projektet

📣 Meddelelse - Ny Læseplan om Generativ AI for JavaScript blev lige udgivet

Gå ikke glip af vores nye Generativ AI læseplan!

Besøg https://aka.ms/genai-js-course for at komme i gang!

• Lektioner der dækker alt fra det grundlæggende til RAG.
• Interager med historiske figurer ved hjælp af GenAI og vores følgesvend-app.
• Sjov og engagerende fortælling, du vil rejse i tid!

Hver lektion inkluderer en opgave at fuldføre, en videnscheck og en udfordring, der guider dig i at lære emner som:

• Prompting og prompt engineering
• Tekst- og billedapp-generation
• Søgeapps

Besøg https://aka.ms/genai-js-course for at komme i gang!

🌱 Kom godt i gang

Lærere, vi har inkluderet nogle forslag til, hvordan du kan bruge denne læseplan. Vi vil meget gerne have din feedback i vores diskussionsforum!

Elever, for hver lektion, start med en før-forelæsning quiz og fortsæt derefter med at læse forelæsningsmaterialet, gennemføre de forskellige aktiviteter og tjek din forståelse med efter-forelæsning quizzen.

For at forbedre din læringsoplevelse, opfordres du til at forbinde med dine jævnbyrdige for at arbejde på projekterne sammen! Diskussioner opmuntres i vores diskussionsforum, hvor vores team af moderatorer vil være tilgængelige for at besvare dine spørgsmål.

For at fortsætte din uddannelse anbefaler vi kraftigt at udforske Microsoft Learn for yderligere studiematerialer.

📋 Opsætning af dit miljø

Denne læseplan har et udviklingsmiljø klar til brug! Når du går i gang, kan du vælge at køre læseplanen i en Codespace (et browserbaseret miljø uden installationer nødvendige), eller lokalt på din computer med en teksteditor som Visual Studio Code.

Opret dit repository

For at gøre det nemt for dig at gemme dit arbejde, anbefales det at du opretter din egen kopi af dette repository. Det kan du gøre ved at klikke på knappen Use this template øverst på siden. Dette opretter et nyt repository på din GitHub-konto med en kopi af læseplanen.

Følg disse trin:

1. Fork repoet: Klik på knappen "Fork" øverst til højre på denne side.
2. Klon repoet: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Kør læseplanen i en Codespace

I din kopi af dette repository, som du oprettede, klik på knappen Code og vælg Open with Codespaces. Dette opretter en ny Codespace til dig at arbejde i.

Kør læseplanen lokalt på din computer

For at køre denne læseplan lokalt på din computer, skal du bruge en teksteditor, en browser og et kommandolinjeværktøj. Vores første lektion, Introduktion til programmeringssprog og værktøjer i faget, vil guide dig gennem forskellige muligheder for hver af disse værktøjer, så du kan vælge det, der passer bedst til dig.

Vi anbefaler at bruge Visual Studio Code som din editor, som også har en indbygget Terminal. Du kan downloade Visual Studio Code her.

1. Klon dit repository til din computer. Det kan du gøre ved at klikke på knappen Code og kopiere URL'en:

   CodeSpace Åbn derefter Terminal i Visual Studio Code og kør følgende kommando, hvor du erstatter <your-repository-url> med den URL, du lige har kopieret:

   git clone <your-repository-url>
   

2. Åbn mappen i Visual Studio Code. Det kan du gøre ved at klikke på File > Open Folder og vælge den mappe, du lige har klonet.

Anbefalede Visual Studio Code-udvidelser:

• Live Server - til at forhåndsvise HTML-sider i Visual Studio Code
• Copilot - til at hjælpe dig med at skrive kode hurtigere

📂 Hver lektion indeholder:

• valgfri sketchnote
• valgfri supplerende video
• for-lektion opvarmningsquiz
• skriftlig lektion
• for projektbaserede lektioner, trin-for-trin vejledninger til hvordan man bygger projektet
• vidensprøver
• en udfordring
• supplerende læsning
• opgave
• post-lesson quiz

En note om quizzer: Alle quizzer er indeholdt i Quiz-app mappen, i alt 48 quizzer med tre spørgsmål hver. De er tilgængelige her quiz appen kan køres lokalt eller deployes til Azure; følg instruktionerne i quiz-app mappen.

🗃️ Lektioner

	Projektnavn	Undervisede Begreber	Læringsmål	Linket Lektion	Forfatter
01	Kom godt i gang	Introduktion til programmering og værktøjer	Lær de grundlæggende principper bag de fleste programmeringssprog og om software, der hjælper professionelle udviklere	Intro til programmeringssprog og værktøjer	Jasmine
02	Kom godt i gang	Grundlæggende GitHub, inkl. teamwork	Hvordan man bruger GitHub i sit projekt, hvordan man samarbejder med andre på en kodebase	Intro til GitHub	Floor
03	Kom godt i gang	Tilgængelighed	Lær det grundlæggende om webtilgængelighed	Grundlæggende tilgængelighed	Christopher
04	JS Basics	JavaScript datatyper	Det grundlæggende om JavaScript-datatyper	Datatyper	Jasmine
05	JS Basics	Funktioner og metoder	Lær om funktioner og metoder til at håndtere en applikations logik	Funktioner og metoder	Jasmine and Christopher
06	JS Basics	Beslutningstagning med JS	Lær, hvordan du opretter betingelser i din kode ved hjælp af beslutningstagning	Beslutningstagning	Jasmine
07	JS Basics	Arrays og loops	Arbejd med data ved hjælp af arrays og loops i JavaScript	Arrays og loops	Jasmine
08	Terrarium	HTML i praksis	Byg HTML for at skabe et online terrarium med fokus på at bygge layout	Introduktion til HTML	Jen
09	Terrarium	CSS i praksis	Byg CSS for at style det online terrarium, med fokus på grundlæggende CSS inklusiv responsivt design	Introduktion til CSS	Jen
10	Terrarium	JavaScript Closures, DOM-manipulation	Byg JavaScript for at få terrariet til at fungere som en drag/drop interface, med fokus på closures og DOM-manipulation	JavaScript Closures, DOM-manipulation	Jen
11	Typing Game	Byg et skrive-spil	Lær at bruge tastaturhændelser til at styre logikken i din JavaScript-app	Event-drevet programmering	Christopher
12	Green Browser Extension	Arbejde med browsere	Lær, hvordan browsere fungerer, deres historie, og hvordan man skaber de første elementer i en browserudvidelse	Om browsere	Jen
13	Green Browser Extension	Byg en formular, kald et API og gem variabler i lokal lager	Byg JavaScript-elementerne i din browserudvidelse for at kalde et API ved hjælp af variabler gemt i lokal lager	API'er, formularer og lokal lagring	Jen
14	Green Browser Extension	Baggrundsprocesser i browseren, webperformance	Brug browserens baggrundsprocesser til at styre udvidelsens ikon; lær om webperformance og nogle optimeringer	Baggrundsopgaver og performance	Jen
15	Space Game	Mere avanceret spiludvikling med JavaScript	Lær om arv ved brug af både klasser og komposition samt Pub/Sub-mønsteret, som forberedelse til at bygge et spil	Introduktion til avanceret spiludvikling	Chris
16	Space Game	Tegning på canvas	Lær om Canvas API, der bruges til at tegne elementer på en skærm	Tegning på Canvas	Chris
17	Space Game	Flytte elementer rundt på skærmen	Opdag, hvordan elementer kan få bevægelse ved brug af kartesiske koordinater og Canvas API	Flytte elementer rundt	Chris
18	Space Game	Kollisionregistrering	Få elementer til at kollidere og reagere på hinanden ved hjælp af tastetryk og tilføj en cooldown-funktion	Kollisionregistrering	Chris
19	Space Game	Holde styr på score	Udfør matematiske beregninger baseret på spillets status og ydeevne	Holde styr på score	Chris
20	Space Game	Afslutte og genstarte spillet	Lær om afslutning og genstart af spillet, inkl. oprydning af ressourcer og nulstilling af variable	Afslutningsbetingelsen	Chris
21	Banking App	HTML-skabeloner og ruter i en webapp	Lær hvordan man laver grundstrukturen for en multipages hjemmeside ved brug af routing og HTML-skabeloner	HTML-skabeloner og ruter	Yohan
22	Banking App	Byg en login- og registreringsformular	Lær om at bygge formularer og håndtere valideringsrutiner	Formularer	Yohan
23	Banking App	Metoder til hentning og brug af data	Hvordan data flyder ind og ud af din app, hvordan man henter, gemmer og fjerner det	Data	Yohan
24	Banking App	Begreber om tilstandsstyring	Lær hvordan din app bevarer tilstand og hvordan man styrer den programmatisk	Tilstandsstyring	Yohan
25	Browser/VScode Code	Arbejde med VScode	Lær hvordan man bruger en kodeeditor	Brug VScode Code Editor	Chris
26	AI Assistants	Arbejde med AI	Lær hvordan man bygger din egen AI-assistent	AI Assistant projekt	Chris

🏫 Pædagogik

Vores læseplan er designet med to nøglepædagogiske principper for øje:

• projektbaseret læring
• hyppige quizzer

Programmet underviser i grundlæggende JavaScript, HTML og CSS samt de nyeste værktøjer og teknikker, der bruges af dagens webudviklere. Studerende får mulighed for at opnå praktisk erfaring ved at bygge et skrive-spil, et virtuelt terrarium, en miljøvenlig browserudvidelse, et space-invader-stil spil og en bankapp til virksomheder. Ved programmets afslutning vil de have opnået en solid forståelse af webudvikling.

🎓 Du kan tage de første par lektioner i denne læseplan som en Læringssti på Microsoft Learn!

Ved at sikre, at indholdet stemmer overens med projekterne, gøres processen mere engagerende for de studerende, og fastholdelsen af begreber vil blive styrket. Vi har også skrevet flere introduktionslektioner i JavaScript basics for at introducere begreber, kombineret med en video fra "Beginners Series to: JavaScript" samlingen af videotutorials, hvor nogle af forfatterne har bidraget til denne læseplan.

Derudover sætter en lavrisikoquiz før en lektion studentens intention på at lære et emne, mens en anden quiz efter lektionen sikrer yderligere fastholdelse. Denne læseplan er designet til at være fleksibel og sjov og kan tages i sin helhed eller delvist. Projekterne starter små og bliver gradvist mere komplekse ved slutningen af det 12-ugers forløb.

Selvom vi med vilje har undgået at introducere JavaScript-frameworks for at koncentrere os om de grundlæggende færdigheder, der kræves som webudvikler, inden man tager et framework i brug, kunne et godt næste skridt efter denne læseplan være at lære om Node.js via en anden samling videoer: "Beginner Series to: Node.js".

Besøg vores Code of Conduct og Contributing-retningslinjer. Vi ser frem til din konstruktive feedback!

🧭 Offline adgang

Du kan køre denne dokumentation offline ved at bruge Docsify. Fork dette repo, installer Docsify på din lokale maskine, og så i roden af dette repo, skriv docsify serve. Websitet vil blive serveret på port 3000 på din localhost: localhost:3000.

📘 PDF

En PDF af alle lektionerne kan findes her.

🎒 Andre kurser

Vores team producerer andre kurser! Tjek dem ud:

LangChain

Azure / Edge / MCP / Agenter

---

Generativ AI-serie

---

Kerne-læring

---

Copilot-serie

Få hjælp

Hvis du sidder fast eller har spørgsmål om at bygge AI-apps. Deltag med andre lærende og erfarne udviklere i diskussioner om MCP. Det er et støttende fællesskab, hvor spørgsmål er velkomne, og viden deles frit.

Hvis du har feedback på produktet eller oplever fejl under udvikling, besøg:

Licens

Dette repository er licenseret under MIT-licensen. Se LICENSE-filen for mere information.

---

Ansvarsfraskrivelse: Dette dokument er blevet oversat ved hjælp af AI-oversættelsestjenesten Co-op Translator. Selvom vi stræber efter nøjagtighed, skal du være opmærksom på, at automatiske oversættelser kan indeholde fejl eller unøjagtigheder. Det oprindelige dokument på dets modersmål bør betragtes som den autoritative kilde. For kritisk information anbefales professionel menneskelig oversættelse. Vi påtager os intet ansvar for misforståelser eller fejltolkninger, der opstår som følge af brugen af denne oversættelse.