[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
# Webudvikling for begyndere - Et kursusforlĂžb
[](https://discord.com/invite/ByRwuEEgH4)
LĂŠr grundlĂŠggende webudvikling med vores 12-ugers omfattende kursus fra 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 lĂŠring med vores effektive projektbaserede undervisningsmetode. Start din koderejse i dag!
FĂžlg disse trin for at komme i gang med at bruge ressourcerne:
3. [**Deltag i Azure AI Foundry Discord og mĂžd eksperter og andre udviklere**](https://discord.com/invite/ByRwuEEgH4)
#### đ§âđ _Er du studerende?_
# Webudvikling for begyndere - Et kursus
BesÞg [**Student Hub-siden**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), hvor du finder ressourcer for begyndere, studenterpakker og endda mÄder at fÄ en gratis certifikatvoucher. Dette er siden, du bÞr bogmÊrke og tjekke regelmÊssigt, da vi opdaterer indholdet mÄnedligt.
LĂŠr grundlĂŠggende webudvikling med vores 12-ugers omfattende kursus fra Microsoft Cloud Advocates. Hver af de 24 lektioner dykker ned i JavaScript, CSS og HTML gennem praktiske projekter som terrarier, browserudvidelser og rumspil. Engager dig med quizzer, diskussioner og praktiske opgaver. Forbedr dine fĂŠrdigheder og optimer din viden med vores effektive projektbaserede undervisningsmetode. Start din koderejse i dag!
### đŁ Meddelelse - _Nyt kursusforlĂžb_ om Generativ AI for JavaScript er netop udgivet
#### đ§âđ _Er du studerende?_
GĂ„ ikke glip af vores nye kursusforlĂžb om Generativ AI!
BesÞg [**Student Hub-siden**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), hvor du finder ressourcer for begyndere, studenterpakker og endda mÄder at fÄ en gratis certifikatvoucher. Dette er siden, du vil bogmÊrke og tjekke fra tid til anden, da vi skifter indhold mÄnedligt.
BesĂžg [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for at komme i gang!
### đŁ Meddelelse - _Nyt kursus_ om Generativ AI for JavaScript er netop udgivet
<div>
<imgsrc="./images/background.png"width="600px"/>
</div>
GĂ„ ikke glip af vores nye Generativ AI-kursus!
- Lektioner, der dĂŠkker alt fra det grundlĂŠggende til RAG.
- Interager med historiske figurer ved hjĂŠlp af GenAI og vores ledsagerapp.
- Sjov og engagerende fortĂŠlling, hvor du rejser i tiden!
BesĂžg [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for at komme i gang!
Hver lektion inkluderer en opgave, en videnstest og en udfordring, der guider dig i at lĂŠre emner som:
- Prompting og prompt engineering
- Tekst- og billedapp-generering
- SĂžgeapps
> **LĂŠrere**, vi har [inkluderet nogle forslag](for-teachers.md) til, hvordan man kan bruge dette kursusforlĂžb. Vi vil meget gerne hĂžre din feedback [i vores diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
BesĂžg [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) for at komme i gang!
**[Studerende](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for hver lektion, start med en quiz fÞr lektionen, lÊs derefter undervisningsmaterialet, gennemfÞr de forskellige aktiviteter, og test din forstÄelse med quizzen efter lektionen.
## đ± Kom godt i gang
For at forbedre din lÊringsoplevelse, forbind med dine medstuderende for at arbejde pÄ projekterne sammen! Diskussioner opfordres i vores [diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), hvor vores team af moderatorer vil vÊre tilgÊngelige for at besvare dine spÞrgsmÄl.
> **LĂŠrere**, vi har [inkluderet nogle forslag](for-teachers.md) til, hvordan man bruger dette kursus. Vi vil meget gerne hĂžre din feedback [i vores diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
For at udvide din uddannelse anbefaler vi stĂŠrkt at udforske [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for yderligere studiematerialer.
**[Studerende](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for hver lektion, start med en quiz fÞr lektionen og fortsÊt med at lÊse materialet, fuldfÞre de forskellige aktiviteter og teste din forstÄelse med quizzen efter lektionen.
### đ OpsĂŠtning af dit miljĂž
For at forbedre din lÊringsoplevelse, forbind med dine medstuderende for at arbejde pÄ projekterne sammen! Diskussioner opfordres i vores [diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), hvor vores team af moderatorer vil vÊre tilgÊngelige for at besvare dine spÞrgsmÄl.
Dette kursusforlÞb har et udviklingsmiljÞ klar til brug! NÄr du starter, kan du vÊlge at kÞre kursusforlÞbet i en [Codespace](https://github.com/features/codespaces/) (_et browserbaseret miljÞ uden behov for installationer_) eller lokalt pÄ din computer ved hjÊlp af en teksteditor som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
For at udvide din uddannelse anbefaler vi stĂŠrkt at udforske [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for yderligere studiematerialer.
#### Opret dit repository
For nemt at gemme dit arbejde anbefales det, at du opretter din egen kopi af dette repository. Du kan gÞre dette ved at klikke pÄ knappen **Use this template** Þverst pÄ siden. Dette vil oprette et nyt repository i din GitHub-konto med en kopi af kursusforlÞbet.
### đ OpsĂŠtning af dit miljĂž
FĂžlg disse trin:
1. **Fork repositoryet**: Klik pÄ "Fork"-knappen Þverst til hÞjre pÄ denne side.
Dette kursus har et udviklingsmiljÞ klar til brug! NÄr du starter, kan du vÊlge at kÞre kurset i en [Codespace](https://github.com/features/codespaces/) (_et browserbaseret miljÞ uden behov for installationer_), eller lokalt pÄ din computer ved hjÊlp af en teksteditor som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### KĂžr kursusforlĂžbet i en Codespace
#### Opret dit repository
For nemt at gemme dit arbejde anbefales det, at du opretter din egen kopi af dette repository. Du kan gÞre dette ved at klikke pÄ knappen **Use this template** Þverst pÄ siden. Dette vil oprette et nyt repository i din GitHub-konto med en kopi af kurset.
I din kopi af dette repository, som du har oprettet, klik pÄ knappen **Code** og vÊlg **Open with Codespaces**. Dette vil oprette en ny Codespace, som du kan arbejde i.
FĂžlg disse trin:
1. **Fork repositoryet**: Klik pÄ "Fork"-knappen Þverst til hÞjre pÄ denne side.
I din kopi af dette repository, som du har oprettet, klik pÄ **Code**-knappen og vÊlg **Open with Codespaces**. Dette vil oprette en ny Codespace, hvor du kan arbejde.
For at kÞre dette kursusforlÞb 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](https://github.com/microsoft/Web-Dev-For-Beginners/tree/main/1-getting-started-lessons/1-intro-to-programming-languages), vil guide dig gennem forskellige muligheder for hvert af disse vÊrktÞjer, sÄ du kan vÊlge det, der passer bedst til dig.
[!Codespace](../..)./images/createcodespace.png)
Vi anbefaler at bruge [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som din editor, som ogsÄ har en indbygget [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan downloade Visual Studio Code [her](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### KÞr kurset lokalt pÄ din computer
1. Klon dit repository til din computer. Du kan gÞre dette ved at klikke pÄ knappen **Code** og kopiere URL'en:
For at kÞre dette kursus 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](../../1-getting-started-lessons/1-intro-to-programming-languages), vil guide dig gennem forskellige muligheder for hvert af disse vÊrktÞjer, sÄ du kan vÊlge det, der passer bedst til dig.
<imgsrc="./images/createcodespace.png"alt="Copy your repository URL"style="width:270px;"/>
Vi anbefaler at bruge [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som din editor, som ogsÄ har en indbygget [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan downloade Visual Studio Code [her](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
Ă bn derefter [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) i [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) og kĂžr fĂžlgende kommando, hvor `<your-repository-url>` erstattes med den URL, du lige har kopieret:
1. Klon dit repository til din computer. Du kan gÞre dette ved at klikke pÄ **Code**-knappen og kopiere URL'en:
[!CodeSpace](./images/createcodespace.png)
Ă bn derefter [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) i [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) og kĂžr fĂžlgende kommando, hvor `<your-repository-url>` erstattes med den URL, du lige har kopieret:
```bash
git clone <your-repository-url>
```
2. à bn mappen i Visual Studio Code. Du kan gÞre dette ved at klikke pÄ **File** > **Open Folder** og vÊlge den mappe, du lige har klonet.
> Anbefalede Visual Studio Code-udvidelser:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - til at forhÄndsvise HTML-sider i Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - til at hjĂŠlpe dig med at skrive kode hurtigere
## đ Hver lektion inkluderer:
- Valgfri sketchnote
- Valgfri supplerende video
- Quiz fĂžr lektionen
- Skriftlig lektion
- For projektbaserede lektioner, trin-for-trin vejledninger til at bygge projektet
- Videnstests
- En udfordring
- Supplerende lĂŠsning
- Opgave
- Quiz efter lektionen
> **En note om quizzer**: Alle quizzer findes i Quiz-app-mappen, 48 quizzer i alt med tre spÞrgsmÄl hver. De er linket fra lektionerne, og quiz-appen kan kÞres lokalt eller implementeres pÄ Azure; fÞlg instruktionerne i `quiz-app`-mappen. Debliver gradvist lokaliseret.
| 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 i deres arbejde | [Introduktion til programmeringssprog og vĂŠrktĂžjer](/1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Kom godt i gang | GrundlĂŠggende om GitHub, inkl. teamwork | Hvordan man bruger GitHub i dit projekt, og hvordan man samarbejder med andre om en kodebase | [Introduktion til GitHub](/1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Kom godt i gang | TilgĂŠngelighed | LĂŠr det grundlĂŠggende om webtilgĂŠngelighed | [GrundlĂŠggende om tilgĂŠngelighed](/1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS GrundlĂŠggende | JavaScript Datatyper | Det grundlĂŠggende om JavaScript-datatyper | [Datatyper](/2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS GrundlĂŠggende | Funktioner og metoder | LĂŠr om funktioner og metoder til at styre en applikations logikflow | [Funktioner og metoder](/2-js-basics/2-functions-methods/README.md) | Jasmine og Christopher |
| 06 | JS GrundlĂŠggende | Beslutningstagning med JS | LĂŠr hvordan man skaber betingelser i din kode ved hjĂŠlp af beslutningstagning | [Beslutningstagning](/2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS GrundlĂŠggende | Arrays og loops | Arbejd med data ved hjĂŠlp af arrays og loops i JavaScript | [Arrays og loops](/2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](/3-terrarium/solution/README.md) | HTML i praksis | Byg HTML for at skabe et online terrarium med fokus pÄ at bygge et layout | [Introduktion til HTML](/3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](/3-terrarium/solution/README.md) | CSS i praksis | Byg CSS for at style det online terrarium med fokus pÄ det grundlÊggende i CSS, inkl. at gÞre siden responsiv | [Introduktion til CSS](/3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](/3-terrarium/solution/README.md) | JavaScript Closures, DOM-manipulation | Byg JavaScript for at fÄ terrariet til at fungere som en drag/drop-grÊnseflade med fokus pÄ closures og DOM-manipulation | [JavaScript Closures, DOM-manipulation](/3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](/4-typing-game/solution/README.md) | Byg et skrive-spil | LĂŠr hvordan man bruger tastaturhĂŠndelser til at styre logikken i din JavaScript-app | [Event-drevet programmering](/4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](/5-browser-extension/solution/README.md) | Arbejde med browsere | LĂŠr hvordan browsere fungerer, deres historie, og hvordan man opbygger de fĂžrste elementer i en browserudvidelse | [Om browsere](/5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](/5-browser-extension/solution/README.md) | Bygge en formular, kalde en API og gemme variabler i lokal storage | Byg JavaScript-elementerne i din browserudvidelse til at kalde en API ved hjĂŠlp af variabler gemt i lokal storage | [APIs, formularer og lokal storage](/5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](/5-browser-extension/solution/README.md) | Baggrundsprocesser i browseren, webprĂŠstationer | Brug browserens baggrundsprocesser til at administrere udvidelsens ikon; lĂŠr om webprĂŠstationer og nogle optimeringer | [Baggrundsopgaver og prĂŠstationer](/5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](/6-space-game/solution/README.md) | Mere avanceret spiludvikling med JavaScript | LÊr om arv ved hjÊlp af bÄde klasser og komposition samt Pub/Sub-mÞnsteret som forberedelse til at bygge et spil | [Introduktion til avanceret spiludvikling](/6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](/6-space-game/solution/README.md) | Tegning pÄ canvas | LÊr om Canvas API, som bruges til at tegne elementer pÄ en skÊrm | [Tegning pÄ canvas](/6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](/6-space-game/solution/README.md) | Flytte elementer rundt pÄ skÊrmen | Opdag hvordan elementer kan fÄ bevÊgelse ved hjÊlp af kartesiske koordinater og Canvas API | [Flytte elementer rundt](/6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](/6-space-game/solution/README.md) | Kollisionsdetektion | FÄ elementer til at kollidere og reagere pÄ hinanden ved hjÊlp af tastetryk og tilfÞj en cooldown-funktion for at sikre spillets ydeevne | [Kollisionsdetektion](/6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](/6-space-game/solution/README.md) | Holde styr pÄ point | UdfÞr matematiske beregninger baseret pÄ spillets status og prÊstationer | [Holde styr pÄ point](/6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](/6-space-game/solution/README.md) | Afslutte og genstarte spillet | LĂŠr om at afslutte og genstarte spillet, herunder oprydning af aktiver og nulstilling af variabelvĂŠrdier | [Afslutningsbetingelse](/6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](/7-bank-project/solution/README.md) | HTML-skabeloner og ruter i en webapp | LĂŠr hvordan man opbygger strukturen for en fler-sidet webside ved hjĂŠlp af routing og HTML-skabeloner | [HTML-skabeloner og ruter](/7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](/7-bank-project/solution/README.md) | Bygge en login- og registreringsformular | LÊr om at bygge formularer og hÄndtere valideringsrutiner | [Formularer](/7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](/7-bank-project/solution/README.md) | Metoder til at hente og bruge data | Hvordan data flyder ind og ud af din app, hvordan man henter det, gemmer det og sletter det | [Data](/7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](/7-bank-project/solution/README.md) | Koncepter for tilstandsadministration | LĂŠr hvordan din app bevarer tilstand og hvordan man administrerer den programmĂŠssigt | [Tilstandsadministration](/7-bank-project/4-state-management/README.md) | Yohan |
```
2. à bn mappen i Visual Studio Code. Du kan gÞre dette ved at klikke pÄ **File** > **Open Folder** og vÊlge den mappe, du lige har klonet.
> Anbefalede Visual Studio Code-udvidelser:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - for at forhÄndsvise HTML-sider i Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - for at hjĂŠlpe dig med at skrive kode hurtigere
## đ Hver lektion inkluderer:
- valgfri sketchnote
- valgfri supplerende video
- opvarmningsquiz fĂžr lektionen
- skriftlig lektion
- for projektbaserede lektioner, trin-for-trin vejledninger til at bygge projektet
- videnstest
- en udfordring
- supplerende lĂŠsning
- opgave
- [quiz efter lektionen](https://ff-quizzes.netlify.app/)
> **En note om quizzer**: Alle quizzer findes i Quiz-app-mappen, 48 quizzer i alt med tre spÞrgsmÄl hver. De er tilgÊngelige [her](https://ff-quizzes.netlify.app/), og quiz-appen kan kÞres lokalt eller implementeres pÄ Azure; fÞlg instruktionerne i `quiz-app`-mappen.
## đïž Lektioner
| | Projekt Navn | Koncepter LÊrt | 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 i deres arbejde | [Introduktion til programmeringssprog og vĂŠrktĂžjer](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Kom godt i gang | GrundlĂŠggende om GitHub, inklusiv teamwork | Hvordan man bruger GitHub i dit projekt, og hvordan man samarbejder med andre om en kodebase | [Introduktion til GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Kom godt i gang | TilgĂŠngelighed | LĂŠr det grundlĂŠggende om webtilgĂŠngelighed | [GrundlĂŠggende om tilgĂŠngelighed](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS GrundlĂŠggende | JavaScript Datatyper | Det grundlĂŠggende om JavaScript-datatyper | [Datatyper](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS GrundlĂŠggende | Funktioner og Metoder | LĂŠr om funktioner og metoder til at styre en applikations logikflow | [Funktioner og Metoder](./2-js-basics/2-functions-methods/README.md) | Jasmine og Christopher |
| 06 | JS GrundlĂŠggende | Beslutningstagning med JS | LĂŠr hvordan man skaber betingelser i din kode ved hjĂŠlp af beslutningstagning | [Beslutningstagning](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS GrundlĂŠggende | Arrays og Loops | Arbejd med data ved hjĂŠlp af arrays og loops i JavaScript | [Arrays og Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML i praksis | Byg HTML for at skabe et online terrarium med fokus pÄ at bygge et layout | [Introduktion til HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS i praksis | Byg CSS for at style det online terrarium med fokus pÄ det grundlÊggende i CSS, inklusiv at gÞre siden responsiv | [Introduktion til CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM-manipulation | Byg JavaScript-koden, der gÞr terrariet til en drag/drop-grÊnseflade, med fokus pÄ closures og DOM-manipulation | [JavaScript Closures, DOM-manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Byg et Typingspil | LĂŠr at bruge tastaturbegivenheder til at styre logikken i din JavaScript-app | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Arbejde med Browsere | LĂŠr hvordan browsere fungerer, deres historie, og hvordan man opbygger de fĂžrste elementer af en browserudvidelse | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Bygning af en formular, kald til en API og lagring af variabler lokalt | Byg JavaScript-elementerne i din browserudvidelse til at kalde en API ved hjĂŠlp af variabler, der er gemt lokalt | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Baggrundsprocesser i browseren, webperformance | Brug browserens baggrundsprocesser til at administrere udvidelsens ikon; lĂŠr om webperformance og optimeringer | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | Mere avanceret spiludvikling med JavaScript | LÊr om arv ved hjÊlp af bÄde klasser og komposition samt Pub/Sub-mÞnsteret som forberedelse til at bygge et spil | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Tegning pÄ canvas | LÊr om Canvas API, som bruges til at tegne elementer pÄ en skÊrm | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | Flytte elementer rundt pÄ skÊrmen | Opdag hvordan elementer kan fÄ bevÊgelse ved hjÊlp af kartesiske koordinater og Canvas API | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | Kollisionsdetektion | FÄ elementer til at kollidere og reagere pÄ hinanden ved hjÊlp af tastetryk og tilfÞj en cooldown-funktion for at sikre performance | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | Holde styr pÄ point | UdfÞr matematiske beregninger baseret pÄ spillets status og performance | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | Afslutte og genstarte spillet | LĂŠr om at afslutte og genstarte spillet, herunder oprydning af aktiver og nulstilling af variabelvĂŠrdier | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML-skabeloner og ruter i en webapp | LĂŠr hvordan man opbygger strukturen for en fler-sidet webapps arkitektur ved hjĂŠlp af routing og HTML-skabeloner | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Byg en login- og registreringsformular | LÊr om at bygge formularer og hÄndtere valideringsrutiner | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Metoder til at hente og bruge data | Hvordan data flyder ind og ud af din app, hvordan man henter det, gemmer det og sletter det | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | Koncepter for tilstandsadministration | LĂŠr hvordan din app bevarer tilstand og hvordan man administrerer den programmatisk | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
## đ« PĂŠdagogik
@ -155,23 +158,23 @@ Vores pensum er designet med to centrale pĂŠdagogiske principper:
* projektbaseret lĂŠring
* hyppige quizzer
Programmet underviser i grundlÊggende JavaScript, HTML og CSS samt de nyeste vÊrktÞjer og teknikker, som moderne webudviklere bruger. Studerende fÄr mulighed for at opbygge praktisk erfaring ved at lave et skrive-spil, et virtuelt terrarium, en miljÞvenlig browserudvidelse, et spil i stil med Space Invaders og en bankapp til virksomheder. Ved slutningen af serien vil de studerende have opnÄet en solid forstÄelse af webudvikling.
Programmet underviser i grundlÊggende JavaScript, HTML og CSS samt de nyeste vÊrktÞjer og teknikker, som moderne webudviklere bruger. Studerende fÄr mulighed for at opbygge praktisk erfaring ved at udvikle et typingspil, et virtuelt terrarium, en miljÞvenlig browserudvidelse, et space-invader-lignende spil og en bankapp til virksomheder. Ved afslutningen af serien vil de studerende have opnÄet en solid forstÄelse af webudvikling.
> đ Du kan tage de fĂžrste par lektioner i dette pensum som en [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) pĂ„ Microsoft Learn!
Ved at sikre, at indholdet er knyttet til projekter, bliver processen mere engagerende for de studerende, og fastholdelsen af koncepter vil blive forbedret. Vi har ogsÄ skrevet flere introduktionslektioner i JavaScript-grundlÊggende for at introducere koncepter, parret med en video fra "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)"samlingen af videotutorials, hvor nogle af forfatterne har bidraget til dette pensum.
Ved at sikre, at indholdet er projektorienteret, bliver processen mere engagerende for de studerende, og konceptforstÄelsen vil blive styrket. Vi har ogsÄ skrevet flere introduktionslektioner i JavaScript-grundlÊggende for at introducere begreber, ledsaget af en video fra "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)"-samlingen af videotutorials, hvor nogle af forfatterne har bidraget til dette pensum.
Derudover sÊtter en lav-stress quiz fÞr en klasse intentionen hos den studerende mod at lÊre et emne, mens en anden quiz efter klassen sikrer yderligere fastholdelse. Dette pensum er designet til at vÊre fleksibelt og sjovt og kan tages helt eller delvist. Projekterne starter smÄ og bliver gradvist mere komplekse ved slutningen af den 12-ugers cyklus.
Derudover sÊtter en lav-stress quiz fÞr en klasse fokus pÄ emnet for de studerende, mens en anden quiz efter klassen sikrer yderligere fastholdelse. Dette pensum er designet til at vÊre fleksibelt og sjovt og kan tages helt eller delvist. Projekterne starter smÄ og bliver gradvist mere komplekse i lÞbet af den 12-ugers cyklus.
Selvom vi bevidst har undgÄet at introducere JavaScript-frameworks for at fokusere pÄ de grundlÊggende fÊrdigheder, der er nÞdvendige som webudvikler, fÞr man adopterer et framework, ville et godt nÊste skridt efter at have gennemfÞrt dette pensum vÊre at lÊre om Node.js via en anden samling af videoer: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
Selvom vi bevidst har undgÄet at introducere JavaScript-frameworks for at koncentrere os om de grundlÊggende fÊrdigheder, der er nÞdvendige som webudvikler, fÞr man adopterer et framework, ville et godt nÊste skridt efter at have gennemfÞrt dette pensum vÊre at lÊre om Node.js via en anden samling af videoer: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> BesĂžg vores [Code of Conduct](CODE_OF_CONDUCT.md) og [Contributing](CONTRIBUTING.md) retningslinjer. Vi byder din konstruktive feedback velkommen!
> BesĂžg vores [Code of Conduct](CODE_OF_CONDUCT.md) og [Contributing](CONTRIBUTING.md)-retningslinjer. Vi modtager gerne din konstruktive feedback!
## đ§ Offline adgang
Du kan kÞre denne dokumentation offline ved at bruge [Docsify](https://docsify.js.org/#/). Fork denne repo, [installer Docsify](https://docsify.js.org/#/quickstart) pÄ din lokale maskine, og skriv derefter `docsify serve` i rodmappen af denne repo. Hjemmesiden vil blive serveret pÄ port 3000 pÄ din localhost: `localhost:3000`.
Du kan kÞre denne dokumentation offline ved at bruge [Docsify](https://docsify.js.org/#/). Fork denne repo, [installer Docsify](https://docsify.js.org/#/quickstart) pÄ din lokale maskine, og skriv derefter `docsify serve` i rodmappen af denne repo. Websitet vil blive serveret pÄ port 3000 pÄ din localhost: `localhost:3000`.
## đ PDF
@ -182,26 +185,26 @@ En PDF af alle lektionerne kan findes [her](https://microsoft.github.io/Web-Dev-
Vores team producerer andre kurser! Tjek:
- [Generativ AI for begyndere](https://aka.ms/genai-beginners)
- [Generativ AI for begyndere .NET](https://github.com/microsoft/Generative-AI-for-beginners-dotnet)
- [Generativ AI med JavaScript](https://github.com/microsoft/generative-ai-with-javascript)
- [Generativ AI med Java](https://github.com/microsoft/Generative-AI-for-beginners-java)
- [AI for begyndere](https://aka.ms/ai-beginners)
- [Data Science for begyndere](https://aka.ms/datascience-beginners)
- [ML for begyndere](https://aka.ms/ml-beginners)
- [Cybersikkerhed for begyndere](https://github.com/microsoft/Security-101)
- [Webudvikling for begyndere](https://aka.ms/webdev-beginners)
- [IoT for begyndere](https://aka.ms/iot-beginners)
- [XR-udvikling for begyndere](https://github.com/microsoft/xr-development-for-beginners)
- [Mastering GitHub Copilot til agentisk brug](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming)
- [Mastering GitHub Copilot for C#/.NET-udviklere](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers)
- [VĂŠlg dit eget Copilot-eventyr](https://github.com/microsoft/CopilotAdventures)
- [Generative AI for Beginners](https://aka.ms/genai-beginners)
- [Generative AI for Beginners .NET](https://github.com/microsoft/Generative-AI-for-beginners-dotnet)
- [Generative AI with JavaScript](https://github.com/microsoft/generative-ai-with-javascript)
- [Generative AI with Java](https://github.com/microsoft/Generative-AI-for-beginners-java)
- [AI for Beginners](https://aka.ms/ai-beginners)
- [Data Science for Beginners](https://aka.ms/datascience-beginners)
- [ML for Beginners](https://aka.ms/ml-beginners)
- [Cybersecurity for Beginners](https://github.com/microsoft/Security-101)
- [Web Dev for Beginners](https://aka.ms/webdev-beginners)
- [IoT for Beginners](https://aka.ms/iot-beginners)
- [XR Development for Beginners](https://github.com/microsoft/xr-development-for-beginners)
- [Mastering GitHub Copilot for Agentic use](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming)
- [Mastering GitHub Copilot for C#/.NET Developers](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers)
- [Choose Your Own Copilot Adventure](https://github.com/microsoft/CopilotAdventures)
## Licens
Dette repository er licenseret under MIT-licensen. Se [LICENSE](../../LICENSE)filen for mere information.
Dette repository er licenseret under MIT-licensen. Se [LICENSE](../../LICENSE)-filen for mere information.
---
**Ansvarsfraskrivelse**:
Dette dokument er blevet oversat ved hjÊlp af AI-oversÊttelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selvom vi bestrÊber os pÄ at opnÄ nÞjagtighed, skal du vÊre opmÊrksom pÄ, at automatiserede oversÊttelser kan indeholde fejl eller unÞjagtigheder. Det originale dokument pÄ dets oprindelige sprog bÞr betragtes som den autoritative kilde. For kritisk information anbefales professionel menneskelig oversÊttelse. Vi pÄtager os ikke ansvar for eventuelle misforstÄelser eller fejltolkninger, der mÄtte opstÄ som fÞlge af brugen af denne oversÊttelse.
Dette dokument er blevet oversat ved hjÊlp af AI-oversÊttelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selvom vi bestrÊber os pÄ nÞjagtighed, skal du vÊre opmÊrksom pÄ, at automatiserede oversÊttelser kan indeholde fejl eller unÞjagtigheder. Det originale dokument pÄ dets oprindelige sprog bÞr betragtes som den autoritative kilde. For kritisk information anbefales professionel menneskelig oversÊttelse. Vi er ikke ansvarlige for eventuelle misforstÄelser eller fejltolkninger, der mÄtte opstÄ som fÞlge af brugen af denne oversÊttelse.
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
[](https://discord.com/invite/ByRwuEEgH4)
FĂžlg disse stegene for Ă„ komme i gang med ressursene:
3. [**Bli med i Azure AI Foundry Discord og mĂžt eksperter og andre utviklere**](https://discord.com/invite/ByRwuEEgH4)
# Webutvikling for nybegynnere - Et kurs
LÊr grunnleggende webutvikling med vÄrt 12-ukers omfattende kurs fra Microsoft Cloud Advocates. Hver av de 24 leksjonene gir deg praktisk erfaring med JavaScript, CSS og HTML gjennom prosjekter som terrarier, nettleserutvidelser og romspill. Delta i quizzer, diskusjoner og praktiske oppgaver. Forbedre ferdighetene dine og optimaliser lÊringen med vÄr effektive prosjektbaserte tilnÊrming. Start din kode-reise i dag!
LÊr det grunnleggende innen webutvikling med vÄrt 12-ukers omfattende kurs fra Microsoft Cloud Advocates. Hver av de 24 leksjonene gÄr i dybden pÄ JavaScript, CSS og HTML gjennom praktiske prosjekter som terrarier, nettleserutvidelser og romspill. Delta i quizzer, diskusjoner og praktiske oppgaver. Forbedre ferdighetene dine og optimaliser kunnskapsbeholdningen med vÄr effektive prosjektbaserte pedagogikk. Start din kode-reise i dag!
#### đ§âđ _Er du student?_
BesÞk [**Student Hub-siden**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) hvor du finner ressurser for nybegynnere, studentpakker og til og med mÄter Ä fÄ en gratis sertifikatkupong. Dette er siden du bÞr bokmerke og sjekke jevnlig, da vi bytter ut innhold mÄnedlig.
BesÞk [**Student Hub-siden**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) hvor du finner ressurser for nybegynnere, studentpakker og til og med mÄter Ä fÄ en gratis sertifikatvoucher. Dette er siden du bÞr bokmerke og sjekke jevnlig, da vi bytter ut innhold mÄnedlig.
### đŁ KunngjĂžring - _Nytt kurs_ om Generativ AI for JavaScript er nettopp lansert
@ -35,22 +42,18 @@ Ikke gÄ glipp av vÄrt nye kurs om Generativ AI!
BesĂžk [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for Ă„ komme i gang!
Hver leksjon inkluderer en oppgave, en kunnskapssjekk og en utfordring for Ă„ lĂŠre emner som:
Hver leksjon inkluderer en oppgave, en kunnskapssjekk og en utfordring for Ă„ veilede deg i lĂŠring av emner som:
- Prompting og prompt engineering
- Generering av tekst- og bildeapplikasjoner
- SĂžkeapplikasjoner
- Tekst- og bildeapp-generering
- SĂžkeapper
BesĂžk [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for Ă„ komme i gang!
@ -58,38 +61,38 @@ BesĂžk [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for Ă„ k
> **LÊrere**, vi har [inkludert noen forslag](for-teachers.md) om hvordan du kan bruke dette kurset. Vi vil gjerne ha tilbakemeldingen din [i vÄrt diskusjonsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Studenter](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for hver leksjon, start med en quiz fÞr forelesningen og fortsett med Ä lese forelesningsmaterialet, fullfÞre de ulike aktivitetene og sjekke forstÄelsen din med quizen etter forelesningen.
**[LÊrende](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for hver leksjon, start med en quiz fÞr forelesningen og fortsett med Ä lese forelesningsmaterialet, fullfÞre de ulike aktivitetene og sjekke forstÄelsen din med quizen etter forelesningen.
For Ä forbedre lÊringsopplevelsen din, koble deg sammen med andre for Ä jobbe pÄ prosjektene! Diskusjoner oppmuntres i vÄrt [diskusjonsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) hvor vÄrt team av moderatorer vil vÊre tilgjengelige for Ä svare pÄ spÞrsmÄlene dine.
For Ä forbedre lÊringsopplevelsen din, koble deg sammen med andre for Ä jobbe pÄ prosjektene sammen! Diskusjoner oppmuntres i vÄrt [diskusjonsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) hvor vÄrt team av moderatorer vil vÊre tilgjengelige for Ä svare pÄ spÞrsmÄlene dine.
For Ă„ utvide utdanningen din, anbefaler vi sterkt Ă„ utforske [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for ekstra studiemateriale.
For Ă„ utvide utdanningen din, anbefaler vi sterkt Ă„ utforske [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for ytterligere studiemateriale.
### đ Sette opp miljĂžet ditt
Dette kurset har et utviklingsmiljÞ klart til bruk! NÄr du starter, kan du velge Ä kjÞre kurset i en [Codespace](https://github.com/features/codespaces/) (_et nettleserbasert miljÞ uten behov for installasjoner_), eller lokalt pÄ datamaskinen din ved hjelp av en teksteditor som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Opprett ditt eget repository
For Ä enkelt lagre arbeidet ditt, anbefales det at du oppretter en egen kopi av dette repositoryet. Du kan gjÞre dette ved Ä klikke pÄ **Use this template**-knappen Þverst pÄ siden. Dette vil opprette et nytt repository i din GitHub-konto med en kopi av kurset.
#### Opprett repositoryen din
For Ä enkelt lagre arbeidet ditt, anbefales det at du oppretter din egen kopi av denne repositoryen. Du kan gjÞre dette ved Ä klikke pÄ **Bruk denne malen**-knappen Þverst pÄ siden. Dette vil opprette en ny repository i GitHub-kontoen din med en kopi av kurset.
FĂžlg disse stegene:
1. **Fork repositoryet**: Klikk pÄ "Fork"-knappen Þverst til hÞyre pÄ denne siden.
I kopien av repositoryet du opprettet, klikk pÄ **Code**-knappen og velg **Open with Codespaces**. Dette vil opprette en ny Codespace for deg Ä jobbe i.
I kopien av repositoryen du opprettet, klikk pÄ **Code**-knappen og velg **Open with Codespaces**. Dette vil opprette en ny Codespace for deg Ä jobbe i.
For Ä kjÞre dette kurset lokalt pÄ datamaskinen din, trenger du en teksteditor, en nettleser og et kommandolinjeverktÞy. VÄr fÞrste leksjon, [Introduksjon til programmeringssprÄk og verktÞy](https://github.com/microsoft/Web-Dev-For-Beginners/tree/main/1-getting-started-lessons/1-intro-to-programming-languages), vil gÄ gjennom ulike alternativer for hvert av disse verktÞyene slik at du kan velge det som passer best for deg.
For Ä kjÞre dette kurset lokalt pÄ datamaskinen din, trenger du en teksteditor, en nettleser og et kommandolinjeverktÞy. VÄr fÞrste leksjon, [Introduksjon til programmeringssprÄk og verktÞy](../../1-getting-started-lessons/1-intro-to-programming-languages), vil gÄ gjennom ulike alternativer for hvert av disse verktÞyene slik at du kan velge det som passer best for deg.
Vi anbefaler Ä bruke [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som teksteditor, som ogsÄ har en innebygd [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan laste ned Visual Studio Code [her](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
VÄr anbefaling er Ä bruke [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som editor, som ogsÄ har en innebygd [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan laste ned Visual Studio Code [her](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Klon repositoryet til datamaskinen din. Du kan gjÞre dette ved Ä klikke pÄ **Code**-knappen og kopiere URL-en:
1. Klon repositoryen til datamaskinen din. Du kan gjÞre dette ved Ä klikke pÄ **Code**-knappen og kopiere URL-en:
<imgsrc="./images/createcodespace.png"alt="Copy your repository URL"style="width:270px;"/>
[!CodeSpace](./images/createcodespace.png)
Deretter Äpner du [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) i [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) og kjÞrer fÞlgende kommando, hvor `<your-repository-url>` erstattes med URL-en du nettopp kopierte:
@ -101,7 +104,7 @@ Vi anbefaler Ă„ bruke [Visual Studio Code](https://code.visualstudio.com/?WT.mc_
> Anbefalte Visual Studio Code-utvidelser:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - for Ä forhÄndsvise HTML-sider direkte i Visual Studio Code
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - for Ä forhÄndsvise HTML-sider i Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - for Ă„ hjelpe deg med Ă„ skrive kode raskere
## đ Hver leksjon inkluderer:
@ -110,43 +113,43 @@ Vi anbefaler Ă„ bruke [Visual Studio Code](https://code.visualstudio.com/?WT.mc_
- valgfri tilleggsvideo
- oppvarmingsquiz fĂžr leksjonen
- skriftlig leksjon
- for prosjektbaserte leksjoner, steg-for-steg guider for Ă„ bygge prosjektet
- for prosjektbaserte leksjoner, steg-for-steg guider for hvordan man bygger prosjektet
- kunnskapssjekker
- en utfordring
- tilleggslesing
- oppgave
- quiz etter leksjonen
- [quiz etter leksjonen](https://ff-quizzes.netlify.app/)
> **En merknad om quizzer**: Alle quizzer er plassert i Quiz-app-mappen, totalt 48 quizzer med tre spÞrsmÄl hver. De er lenket fra leksjonene, og quiz-appen kan kjÞres lokalt eller distribueres til Azure; fÞlg instruksjonene i `quiz-app`-mappen. De blir gradvis oversatt.
> **En merknad om quizzer**: Alle quizzer er inkludert i Quiz-app-mappen, totalt 48 quizzer med tre spÞrsmÄl hver. De er tilgjengelige [her](https://ff-quizzes.netlify.app/) og quiz-appen kan kjÞres lokalt eller distribueres til Azure; fÞlg instruksjonene i `quiz-app`-mappen.
| 01 | Komme i gang | Introduksjon til programmering og verktÞyene som brukes | LÊr de grunnleggende prinsippene bak de fleste programmeringssprÄk og om programvare som hjelper profesjonelle utviklere i jobben | [Introduksjon til programmeringssprÄk og verktÞy](/1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Komme i gang | Grunnleggende om GitHub, inkludert samarbeid i team | Hvordan bruke GitHub i prosjektet ditt, og hvordan samarbeide med andre om en kodebase | [Introduksjon til GitHub](/1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Komme i gang | Tilgjengelighet | LĂŠr det grunnleggende om webtilgjengelighet | [Grunnleggende om tilgjengelighet](/1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Grunnleggende | JavaScript Datatyper | Det grunnleggende om JavaScript-datatyper | [Datatyper](/2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Grunnleggende | Funksjoner og metoder | LĂŠr om funksjoner og metoder for Ă„ styre logikken i en applikasjon | [Funksjoner og metoder](/2-js-basics/2-functions-methods/README.md) | Jasmine og Christopher |
| 06 | JS Grunnleggende | Ta beslutninger med JS | LĂŠr hvordan du lager betingelser i koden din ved hjelp av beslutningsmetoder | [Ta beslutninger](/2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Grunnleggende | Arrays og lĂžkker | Jobb med data ved hjelp av arrays og lĂžkker i JavaScript | [Arrays og lĂžkker](/2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](/3-terrarium/solution/README.md) | HTML i praksis | Bygg HTML for Ä lage et online terrarium, med fokus pÄ Ä bygge et layout | [Introduksjon til HTML](/3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](/3-terrarium/solution/README.md) | CSS i praksis | Bygg CSS for Ä style det online terrariet, med fokus pÄ det grunnleggende i CSS, inkludert Ä gjÞre siden responsiv | [Introduksjon til CSS](/3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](/3-terrarium/solution/README.md) | JavaScript Closures, DOM-manipulasjon | Bygg JavaScript for Ä fÄ terrariet til Ä fungere som et dra/slipp-grensesnitt, med fokus pÄ closures og DOM-manipulasjon | [JavaScript Closures, DOM-manipulasjon](/3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Skrivespill](/4-typing-game/solution/README.md) | Bygg et skrivespill | LĂŠr hvordan du bruker tastaturhendelser for Ă„ styre logikken i JavaScript-appen din | [Hendelsesdrevet programmering](/4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](/5-browser-extension/solution/README.md) | Arbeide med nettlesere | LĂŠr hvordan nettlesere fungerer, deres historie, og hvordan du kan sette opp de fĂžrste elementene i en nettleserutvidelse | [Om nettlesere](/5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](/5-browser-extension/solution/README.md) | Bygge et skjema, kalle en API og lagre variabler i lokal lagring | Bygg JavaScript-elementene til nettleserutvidelsen din for Ă„ kalle en API ved hjelp av variabler lagret i lokal lagring | [API-er, skjemaer og lokal lagring](/5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](/5-browser-extension/solution/README.md) | Bakgrunnsprosesser i nettleseren, webytelse | Bruk nettleserens bakgrunnsprosesser for Ă„ administrere utvidelsens ikon; lĂŠr om webytelse og noen optimaliseringer | [Bakgrunnsoppgaver og ytelse](/5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](/6-space-game/solution/README.md) | Mer avansert spillutvikling med JavaScript | LÊr om arv ved bruk av bÄde klasser og komposisjon, samt Pub/Sub-mÞnsteret, som forberedelse til Ä bygge et spill | [Introduksjon til avansert spillutvikling](/6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](/6-space-game/solution/README.md) | Tegne pÄ canvas | LÊr om Canvas API, som brukes til Ä tegne elementer pÄ en skjerm | [Tegne pÄ canvas](/6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](/6-space-game/solution/README.md) | Flytte elementer rundt pÄ skjermen | Oppdag hvordan elementer kan fÄ bevegelse ved hjelp av kartesiske koordinater og Canvas API | [Flytte elementer rundt](/6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](/6-space-game/solution/README.md) | Kollisjonsdeteksjon | FÄ elementer til Ä kollidere og reagere pÄ hverandre ved hjelp av tastetrykk, og legg til en nedkjÞlingsfunksjon for ytelse | [Kollisjonsdeteksjon](/6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](/6-space-game/solution/README.md) | Holde poeng | UtfÞr matematiske beregninger basert pÄ spillets status og ytelse | [Holde poeng](/6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](/6-space-game/solution/README.md) | Avslutte og starte spillet pÄ nytt | LÊr om Ä avslutte og starte spillet pÄ nytt, inkludert opprydding av ressurser og tilbakestilling av variabelverdier | [Avslutningsbetingelse](/6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](/7-bank-project/solution/README.md) | HTML-maler og ruter i en webapp | LĂŠr hvordan du lager grunnstrukturen til en flersides nettsidearkitektur ved hjelp av ruter og HTML-maler | [HTML-maler og ruter](/7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](/7-bank-project/solution/README.md) | Bygge et innloggings- og registreringsskjema | LÊr om Ä bygge skjemaer og hÄndtere valideringsrutiner | [Skjemaer](/7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](/7-bank-project/solution/README.md) | Metoder for Ă„ hente og bruke data | Hvordan data flyter inn og ut av appen din, hvordan du henter, lagrer og sletter den | [Data](/7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](/7-bank-project/solution/README.md) | Konsepter for tilstandsadministrasjon | LĂŠr hvordan appen din beholder tilstand og hvordan du administrerer den programmatisk | [Tilstandsadministrasjon](/7-bank-project/4-state-management/README.md) | Yohan |
| 01 | Komme i gang | Introduksjon til programmering og verktÞyene som brukes | LÊr det grunnleggende bak de fleste programmeringssprÄk og om programvare som hjelper profesjonelle utviklere med jobben sin | [Introduksjon til programmeringssprÄk og verktÞy](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Komme i gang | Grunnleggende om GitHub, inkludert samarbeid i team | Hvordan bruke GitHub i prosjektet ditt, hvordan samarbeide med andre pÄ en kodebase | [Introduksjon til GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Komme i gang | Tilgjengelighet | LĂŠr det grunnleggende om webtilgjengelighet | [Grunnleggende om tilgjengelighet](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Grunnleggende | JavaScript Datatyper| Det grunnleggende om JavaScript-datatyper | [Datatyper](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Grunnleggende | Funksjoner og metoder | LÊr om funksjoner og metoder for Ä hÄndtere logikkflyten i en applikasjon | [Funksjoner og metoder](./2-js-basics/2-functions-methods/README.md) | Jasmine og Christopher |
| 06 | JS Grunnleggende | Ta beslutninger med JS | LĂŠr hvordan du lager betingelser i koden din ved hjelp av metoder for beslutningstaking | [Ta beslutninger](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Grunnleggende | Arrays og lĂžkker| Jobb med data ved hjelp av arrays og lĂžkker i JavaScript | [Arrays og lĂžkker](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML i praksis| Bygg HTML for Ä lage et online terrarium, med fokus pÄ Ä bygge et layout | [Introduksjon til HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS i praksis | Bygg CSS for Ä style det online terrariet, med fokus pÄ det grunnleggende i CSS, inkludert Ä gjÞre siden responsiv | [Introduksjon til CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM-manipulering | Bygg JavaScript som fÄr terrariet til Ä fungere som et dra-og-slipp-grensesnitt, med fokus pÄ closures og DOM-manipulering | [JavaScript Closures, DOM-manipulering](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Bygg et skrive-spill | LĂŠr hvordan du bruker tastaturevents for Ă„ styre logikken i JavaScript-appen din | [Event-drevet programmering](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Arbeide med nettlesere | LĂŠr hvordan nettlesere fungerer, deres historie, og hvordan du kan sette opp de fĂžrste elementene i en nettleserutvidelse | [Om nettlesere](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Bygge et skjema, kalle en API og lagre variabler i lokal lagring | Bygg JavaScript-elementene i nettleserutvidelsen din for Ă„ kalle en API ved hjelp av variabler lagret i lokal lagring | [API-er, skjemaer og lokal lagring](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Bakgrunnsprosesser i nettleseren, ytelsesoptimalisering | Bruk nettleserens bakgrunnsprosesser til Ă„ administrere utvidelsens ikon; lĂŠr om webytelse og noen optimaliseringer | [Bakgrunnsoppgaver og ytelse](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | Mer avansert spillutvikling med JavaScript | LÊr om arv ved bruk av bÄde klasser og komposisjon, samt Pub/Sub-mÞnsteret, som forberedelse til Ä bygge et spill | [Introduksjon til avansert spillutvikling](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Tegne pÄ canvas | LÊr om Canvas API, som brukes til Ä tegne elementer pÄ skjermen | [Tegne pÄ canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | Flytte elementer rundt pÄ skjermen | Oppdag hvordan elementer kan fÄ bevegelse ved hjelp av kartesiske koordinater og Canvas API | [Flytte elementer rundt](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | Kollisjonsdeteksjon | FÄ elementer til Ä kollidere og reagere pÄ hverandre ved hjelp av tastetrykk, og implementer en nedkjÞlingsfunksjon for ytelse | [Kollisjonsdeteksjon](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | Holde styr pÄ poeng | UtfÞr matematiske beregninger basert pÄ spillets status og ytelse | [Holde styr pÄ poeng](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | Avslutte og starte spillet pÄ nytt | LÊr om hvordan du avslutter og starter spillet pÄ nytt, inkludert opprydding av ressurser og tilbakestilling av variabler | [Avslutningsbetingelse](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML-maler og ruter i en webapp | LĂŠr hvordan du lager grunnstrukturen for en flersidet nettsides arkitektur ved hjelp av ruting og HTML-maler | [HTML-maler og ruter](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Bygge et innloggings- og registreringsskjema | LÊr om Ä bygge skjemaer og hÄndtere valideringsrutiner | [Skjemaer](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Metoder for Ă„ hente og bruke data | Hvordan data flyter inn og ut av appen din, hvordan du henter, lagrer og sletter den | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | Konsepter for tilstandsadministrasjon | LĂŠr hvordan appen din beholder tilstand og hvordan du administrerer den programmatisk | [Tilstandsadministrasjon](./7-bank-project/4-state-management/README.md) | Yohan |
## đ« Pedagogikk
@ -155,17 +158,17 @@ VÄr lÊreplan er designet med to sentrale pedagogiske prinsipper i tankene:
* prosjektbasert lĂŠring
* hyppige quizer
Programmet lÊrer bort grunnleggende JavaScript, HTML og CSS, samt de nyeste verktÞyene og teknikkene som brukes av dagens webutviklere. Studentene fÄr muligheten til Ä utvikle praktisk erfaring ved Ä bygge et skriveÞvelsesspill, et virtuelt terrarium, en miljÞvennlig nettleserutvidelse, et spill i stil med Space Invaders og en bankapp for bedrifter. Ved slutten av serien vil studentene ha oppnÄdd en solid forstÄelse av webutvikling.
Programmet lÊrer bort grunnleggende JavaScript, HTML og CSS, samt de nyeste verktÞyene og teknikkene som brukes av dagens webutviklere. Studentene fÄr muligheten til Ä utvikle praktisk erfaring ved Ä bygge et skrive-spill, et virtuelt terrarium, en miljÞvennlig nettleserutvidelse, et spill i stil med Space Invaders, og en bankapp for bedrifter. Ved slutten av serien vil studentene ha oppnÄdd en solid forstÄelse av webutvikling.
> đ Du kan ta de fĂžrste leksjonene i denne lĂŠreplanen som en [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) pĂ„ Microsoft Learn!
Ved Ä sÞrge for at innholdet er knyttet til prosjekter, blir prosessen mer engasjerende for studentene, og konseptene vil bli bedre husket. Vi har ogsÄ skrevet flere innledende leksjoner i JavaScript-grunnleggende for Ä introdusere konsepter, sammen med en video fra "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)"-samlingen av videotutorials, hvor noen av forfatterne bidro til denne lÊreplanen.
I tillegg setter en lavterskelquiz fÞr en klasse studentens fokus pÄ Ä lÊre et tema, mens en andre quiz etter klassen sikrer ytterligere forstÄelse. Denne lÊreplanen er designet for Ä vÊre fleksibel og morsom og kan tas i sin helhet eller delvis. Prosjektene starter smÄ og blir stadig mer komplekse mot slutten av den 12-ukers syklusen.
I tillegg setter en lavterskelquiz fÞr en klasse studentens fokus mot Ä lÊre et tema, mens en andre quiz etter klassen sikrer ytterligere forstÄelse. Denne lÊreplanen er designet for Ä vÊre fleksibel og morsom og kan tas i sin helhet eller delvis. Prosjektene starter smÄ og blir stadig mer komplekse mot slutten av den 12-ukers syklusen.
Selv om vi bevisst har unngÄtt Ä introdusere JavaScript-rammeverk for Ä fokusere pÄ de grunnleggende ferdighetene som trengs som webutvikler fÞr man tar i bruk et rammeverk, vil et godt neste steg etter Ä ha fullfÞrt denne lÊreplanen vÊre Ä lÊre om Node.js via en annen samling videoer: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
Selv om vi bevisst har unngÄtt Ä introdusere JavaScript-rammeverk for Ä konsentrere oss om de grunnleggende ferdighetene som trengs som webutvikler fÞr man tar i bruk et rammeverk, vil et godt neste steg etter Ä ha fullfÞrt denne lÊreplanen vÊre Ä lÊre om Node.js via en annen samling videoer: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> BesÞk vÄre [Retningslinjer for oppfÞrsel](CODE_OF_CONDUCT.md) og [Bidragsretningslinjer](CONTRIBUTING.md). Vi setter pris pÄ din konstruktive tilbakemelding!
> BesÞk vÄre [Retningslinjer for oppfÞrsel](CODE_OF_CONDUCT.md) og [Bidragsveiledning](CONTRIBUTING.md). Vi Þnsker dine konstruktive tilbakemeldinger velkommen!
## đ§ Offline tilgang
@ -198,9 +201,9 @@ VÄrt team produserer andre kurs! Sjekk ut:
## Lisens
Dette repositoriet er lisensiert under MIT-lisensen. Se [LISENS](../../LICENSE) for mer informasjon.
Dette repositoriet er lisensiert under MIT-lisensen. Se [LISENS](../../LICENSE)-filen for mer informasjon.
---
**Ansvarsfraskrivelse**:
Dette dokumentet er oversatt ved hjelp av AI-oversettelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selv om vi streber etter nÞyaktighet, vÊr oppmerksom pÄ at automatiserte oversettelser kan inneholde feil eller unÞyaktigheter. Det originale dokumentet pÄ sitt opprinnelige sprÄk bÞr anses som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for misforstÄelser eller feiltolkninger som oppstÄr ved bruk av denne oversettelsen.
Dette dokumentet er oversatt ved hjelp av AI-oversettelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selv om vi streber etter nÞyaktighet, vÊr oppmerksom pÄ at automatiske oversettelser kan inneholde feil eller unÞyaktigheter. Det originale dokumentet pÄ sitt opprinnelige sprÄk bÞr anses som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for misforstÄelser eller feiltolkninger som oppstÄr ved bruk av denne oversettelsen.
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
[](https://discord.com/invite/ByRwuEEgH4)
Följ dessa steg för att komma igÄng med att anvÀnda dessa resurser:
3. [**GÄ med i Azure AI Foundry Discord och trÀffa experter och andra utvecklare**](https://discord.com/invite/ByRwuEEgH4)
# Webbutveckling för nybörjare - En kursplan
LÀr dig grunderna i webbutveckling med vÄr omfattande 12-veckors kurs frÄn Microsoft Cloud Advocates. Varje av de 24 lektionerna gÄr igenom JavaScript, CSS och HTML genom praktiska projekt som terrarium, webblÀsartillÀgg och rymdspel. Delta i quiz, diskussioner och praktiska uppgifter. FörbÀttra dina fÀrdigheter och optimera din kunskapsinlÀrning med vÄr effektiva projektbaserade pedagogik. Börja din kodningsresa idag!
LÀr dig grunderna i webbutveckling med vÄr 12-veckors omfattande kurs frÄn Microsoft Cloud Advocates. Varje av de 24 lektionerna gÄr igenom JavaScript, CSS och HTML genom praktiska projekt som terrarium, webblÀsartillÀgg och rymdspel. Delta i quiz, diskussioner och praktiska uppgifter. FörbÀttra dina fÀrdigheter och optimera din kunskapsretention med vÄr effektiva projektbaserade pedagogik. Börja din kodningsresa idag!
#### đ§âđ _Ăr du student?_
Besök [**Student Hub-sidan**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) dÀr du hittar resurser för nybörjare, studentpaket och till och med sÀtt att fÄ en gratis certifikatkupong. Det hÀr Àr sidan du vill bokmÀrka och kolla regelbundet eftersom vi byter innehÄll varje mÄnad.
Besök [**Student Hub-sidan**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) dÀr du hittar resurser för nybörjare, studentpaket och till och med sÀtt att fÄ en gratis certifikatvoucher. Detta Àr sidan du vill bokmÀrka och kolla regelbundet eftersom vi byter innehÄll varje mÄnad.
### đŁ Meddelande - _Ny kursplan_ om Generativ AI för JavaScript har precis slĂ€ppts
@ -35,24 +42,20 @@ Missa inte vÄr nya kursplan om Generativ AI!
Besök [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) för att komma igÄng!
Varje lektion innehÄller en uppgift att slutföra, en kunskapskontroll och en utmaning för att guida dig i att lÀra dig Àmnen som:
- Prompting och promptteknik
- Text- och bildappgenerering
- Text- och bildappsgenerering
- Sökappar
Besök [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) för att komma igÄng!
Besök [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) för att komma igÄng!
## đ± Kom igĂ„ng
@ -60,7 +63,7 @@ Besök [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) för att
**[Studenter](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, för varje lektion, börja med ett quiz före förelÀsningen och fortsÀtt med att lÀsa förelÀsningsmaterialet, slutföra olika aktiviteter och kontrollera din förstÄelse med quiz efter förelÀsningen.
För att förbÀttra din inlÀrningsupplevelse, anslut med dina kamrater för att arbeta pÄ projekten tillsammans! Diskussioner uppmuntras i vÄrt [diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) dÀr vÄrt team av moderatorer finns tillgÀngliga för att svara pÄ dina frÄgor.
För att förbÀttra din lÀrandeupplevelse, anslut med dina kamrater för att arbeta pÄ projekten tillsammans! Diskussioner uppmuntras i vÄrt [diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) dÀr vÄrt team av moderatorer kommer att finnas tillgÀngliga för att svara pÄ dina frÄgor.
För att fördjupa din utbildning rekommenderar vi starkt att utforska [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) för ytterligare studiematerial.
@ -69,27 +72,27 @@ För att fördjupa din utbildning rekommenderar vi starkt att utforska [Microsof
Denna kursplan har en utvecklingsmiljö redo att anvÀndas! NÀr du börjar kan du vÀlja att köra kursplanen i en [Codespace](https://github.com/features/codespaces/) (_en webblÀsarbaserad miljö utan installationer_), eller lokalt pÄ din dator med en textredigerare som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Skapa ditt repository
För att enkelt spara ditt arbete rekommenderas det att du skapar en egen kopia av detta repository. Du kan göra detta genom att klicka pÄ **Use this template**-knappen högst upp pÄ sidan. Detta skapar ett nytt repository i ditt GitHub-konto med en kopia av kursplanen.
För att enkelt spara ditt arbete rekommenderas det att du skapar en egen kopia av detta repository. Du kan göra detta genom att klicka pÄ knappen **Use this template** högst upp pÄ sidan. Detta kommer att skapa ett nytt repository i ditt GitHub-konto med en kopia av kursplanen.
Följ dessa steg:
1. **Forka repositoryt**: Klicka pÄ "Fork"-knappen lÀngst upp till höger pÄ denna sida.
I din kopia av detta repository som du skapade, klicka pÄ **Code**-knappen och vÀlj **Open with Codespaces**. Detta skapar en ny Codespace för dig att arbeta i.
I din kopia av detta repository som du skapade, klicka pÄ **Code**-knappen och vÀlj **Open with Codespaces**. Detta kommer att skapa en ny Codespace för dig att arbeta i.
För att köra denna kursplan lokalt pÄ din dator behöver du en textredigerare, en webblÀsare och ett kommandoradsverktyg. VÄr första lektion, [Introduktion till programmeringssprÄk och verktyg](https://github.com/microsoft/Web-Dev-For-Beginners/tree/main/1-getting-started-lessons/1-intro-to-programming-languages), gÄr igenom olika alternativ för dessa verktyg sÄ att du kan vÀlja vad som fungerar bÀst för dig.
För att köra denna kursplan lokalt pÄ din dator behöver du en textredigerare, en webblÀsare och ett kommandoradsverktyg. VÄr första lektion, [Introduktion till programmeringssprÄk och verktyg](../../1-getting-started-lessons/1-intro-to-programming-languages), kommer att guida dig genom olika alternativ för dessa verktyg sÄ att du kan vÀlja det som passar dig bÀst.
VÄr rekommendation Àr att anvÀnda [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som din redigerare, som ocksÄ har en inbyggd [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan ladda ner Visual Studio Code [hÀr](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Klona ditt repository till din dator. Du kan göra detta genom att klicka pÄ **Code**-knappen och kopiera URL:en:
<imgsrc="./images/createcodespace.png"alt="Kopiera din repository-URL"style="width:270px;"/>
[!CodeSpace](./images/createcodespace.png)
Ăppna sedan [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) inom [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) och kör följande kommando, ersĂ€tt `<your-repository-url>` med URL:en du just kopierade:
@ -115,38 +118,38 @@ VÄr rekommendation Àr att anvÀnda [Visual Studio Code](https://code.visualstu
- en utmaning
- kompletterande lÀsning
- uppgift
- quiz efter lektionen
- [quiz efter lektionen](https://ff-quizzes.netlify.app/)
> **En notering om quiz**: Alla quiz finns i Quiz-app-mappen, totalt 48 quiz med tre frÄgor vardera. De Àr lÀnkade frÄn lektionerna och quiz-appen kan köras lokalt eller distribueras till Azure; följ instruktionerna i `quiz-app`-mappen. De lokaliseras gradvis.
> **En notering om quiz**: Alla quiz finns i mappen Quiz-app, totalt 48 quiz med tre frÄgor vardera. De Àr tillgÀngliga [hÀr](https://ff-quizzes.netlify.app/) och quiz-appen kan köras lokalt eller distribueras till Azure; följ instruktionerna i mappen `quiz-app`.
## đïž Lektioner
| | Projektets namn | LÀrda koncept | LÀrandemÄl | LÀnkad lektion | Författare |
| | Projekt Namn | Koncept som lÀrs ut | LÀrandemÄl | LÀnkad Lektion | Författare |
| 01 | Komma igÄng | Introduktion till programmering och verktyg | LÀr dig de grundlÀggande principerna bakom de flesta programmeringssprÄk och om mjukvara som hjÀlper professionella utvecklare i deras arbete | [Introduktion till programmeringssprÄk och verktyg](/1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Komma igÄng | Grunderna i GitHub, inklusive att arbeta i team | Hur man anvÀnder GitHub i ditt projekt, hur man samarbetar med andra pÄ en kodbas | [Introduktion till GitHub](/1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Komma igÄng | TillgÀnglighet | LÀr dig grunderna i webbtillgÀnglighet | [Grunderna i tillgÀnglighet](/1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 05 | JS Grunder | Funktioner och metoder | LÀr dig om funktioner och metoder för att hantera en applikations logikflöde | [Funktioner och metoder](/2-js-basics/2-functions-methods/README.md) | Jasmine och Christopher |
| 06 | JS Grunder | Att fatta beslut med JS | LÀr dig hur man skapar villkor i din kod med hjÀlp av beslutsfattande metoder | [Att fatta beslut](/2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Grunder | Arrayer och loopar | Arbeta med data med hjÀlp av arrayer och loopar i JavaScript | [Arrayer och loopar](/2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](/3-terrarium/solution/README.md) | HTML i praktiken | Bygg HTML för att skapa ett online-terrarium, med fokus pÄ att bygga en layout | [Introduktion till HTML](/3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](/3-terrarium/solution/README.md) | CSS i praktiken | Bygg CSS för att styla online-terrarium, med fokus pÄ grunderna i CSS inklusive att göra sidan responsiv | [Introduktion till CSS](/3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](/3-terrarium/solution/README.md) | JavaScript Closures, DOM-manipulation | Bygg JavaScript för att fÄ terrarium att fungera som ett drag/drop-grÀnssnitt, med fokus pÄ closures och DOM-manipulation | [JavaScript Closures, DOM-manipulation](/3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Skrivspel](/4-typing-game/solution/README.md) | Bygg ett skrivspel | LÀr dig hur man anvÀnder tangentbordshÀndelser för att driva logiken i din JavaScript-app | [HÀndelsestyrd programmering](/4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](/5-browser-extension/solution/README.md) | Arbeta med webblÀsare | LÀr dig hur webblÀsare fungerar, deras historia och hur man bygger de första elementen i en webblÀsartillÀgg | [Om webblÀsare](/5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](/5-browser-extension/solution/README.md) | Bygga ett formulÀr, anropa en API och lagra variabler i lokal lagring | Bygg JavaScript-elementen i ditt webblÀsartillÀgg för att anropa en API med hjÀlp av variabler som lagras i lokal lagring | [API:er, formulÀr och lokal lagring](/5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](/5-browser-extension/solution/README.md) | Bakgrundsprocesser i webblÀsaren, webbprestanda | AnvÀnd webblÀsarens bakgrundsprocesser för att hantera tillÀggets ikon; lÀr dig om webbprestanda och nÄgra optimeringar | [Bakgrundsuppgifter och prestanda](/5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](/6-space-game/solution/README.md) | Mer avancerad spelutveckling med JavaScript | LÀr dig om arv med bÄde klasser och komposition samt Pub/Sub-mönstret, som förberedelse för att bygga ett spel| [Introduktion till avancerad spelutveckling](/6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](/6-space-game/solution/README.md) | Rita pÄ canvas | LÀr dig om Canvas API, som anvÀnds för att rita element pÄ en skÀrm | [Rita pÄ canvas](/6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](/6-space-game/solution/README.md) | Flytta element pÄ skÀrmen | UpptÀck hur element kan fÄ rörelse med hjÀlp av kartesiska koordinater och Canvas API| [Flytta element](/6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](/6-space-game/solution/README.md) | Kollisionsdetektering | FÄ element att kollidera och reagera pÄ varandra med hjÀlp av tangenttryckningar och skapa en cooldown-funktion för att förbÀttra spelets prestanda | [Kollisionsdetektering](/6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](/6-space-game/solution/README.md) | HÄlla poÀng | Utför matematiska berÀkningar baserat pÄ spelets status och prestanda | [HÄlla poÀng](/6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](/6-space-game/solution/README.md) | Avsluta och starta om spelet | LÀr dig om att avsluta och starta om spelet, inklusive att stÀda upp resurser och ÄterstÀlla variabelvÀrden | [Avslutningsvillkor](/6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](/7-bank-project/solution/README.md) | HTML-mallar och rutter i en webbapp | LÀr dig hur man skapar grunden för en flersidig webbplatsarkitektur med hjÀlp av routing och HTML-mallar | [HTML-mallar och rutter](/7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](/7-bank-project/solution/README.md) | Bygga ett inloggnings- och registreringsformulÀr | LÀr dig om att bygga formulÀr och hantera valideringsrutiner | [FormulÀr](/7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](/7-bank-project/solution/README.md) | Metoder för att hÀmta och anvÀnda data | Hur data flödar in och ut ur din app, hur man hÀmtar, lagrar och hanterar den| [Data](/7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](/7-bank-project/solution/README.md) | Koncept för tillstÄndshantering | LÀr dig hur din app behÄller tillstÄnd och hur man hanterar det programmÀssigt | [TillstÄndshantering](/7-bank-project/4-state-management/README.md) | Yohan |
| 01 | Komma igÄng | Introduktion till programmering och verktyg för utveckling | LÀr dig de grundlÀggande principerna bakom de flesta programmeringssprÄk och om mjukvara som hjÀlper professionella utvecklare | [Introduktion till programmeringssprÄk och verktyg](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Komma igÄng | Grunderna i GitHub, inklusive att arbeta i team | Hur man anvÀnder GitHub i ditt projekt, hur man samarbetar med andra pÄ en kodbas | [Introduktion till GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Komma igÄng | TillgÀnglighet | LÀr dig grunderna i webbtillgÀnglighet | [Grunderna i tillgÀnglighet](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 05 | JS Grunder | Funktioner och Metoder | LÀr dig om funktioner och metoder för att hantera en applikations logikflöde | [Funktioner och Metoder](./2-js-basics/2-functions-methods/README.md) | Jasmine och Christopher |
| 06 | JS Grunder | Att fatta beslut med JS | LÀr dig hur man skapar villkor i din kod med hjÀlp av beslutsmetoder | [Att fatta beslut](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Grunder | Arrayer och Loopar | Arbeta med data med hjÀlp av arrayer och loopar i JavaScript | [Arrayer och Loopar](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML i Praktiken | Bygg HTML för att skapa ett online terrarium, med fokus pÄ att bygga en layout | [Introduktion till HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS i Praktiken | Bygg CSS för att styla det online terrarium, med fokus pÄ grunderna i CSS inklusive att göra sidan responsiv | [Introduktion till CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript-slutna funktioner, DOM-manipulation | Bygg JavaScript för att fÄ terrariet att fungera som ett drag-och-slÀpp-grÀnssnitt, med fokus pÄ slutna funktioner och DOM-manipulation | [JavaScript-slutna funktioner, DOM-manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Bygg ett skrivspel | LÀr dig anvÀnda tangentbordshÀndelser för att styra logiken i din JavaScript-app | [HÀndelsestyrd programmering](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Arbeta med webblÀsare | LÀr dig hur webblÀsare fungerar, deras historia och hur man bygger de första elementen i en webblÀsartillÀgg | [Om webblÀsare](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Bygga ett formulÀr, anropa en API och lagra variabler i lokal lagring | Bygg JavaScript-elementen i din webblÀsartillÀgg för att anropa en API med variabler som lagras i lokal lagring | [API:er, formulÀr och lokal lagring](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Bakgrundsprocesser i webblÀsaren, webbprestanda | AnvÀnd webblÀsarens bakgrundsprocesser för att hantera tillÀggets ikon; lÀr dig om webbprestanda och nÄgra optimeringar för att förbÀttra | [Bakgrundsuppgifter och prestanda](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | Mer avancerad spelutveckling med JavaScript | LÀr dig om arv med bÄde klasser och komposition samt Pub/Sub-mönstret, som förberedelse för att bygga ett spel | [Introduktion till avancerad spelutveckling](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Rita pÄ canvas | LÀr dig om Canvas API, som anvÀnds för att rita element pÄ en skÀrm| [Rita pÄ canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | Flytta element pÄ skÀrmen | UpptÀck hur element kan fÄ rörelse med hjÀlp av kartesiska koordinater och Canvas API | [Flytta element](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | Kollisionsdetektering | FÄ element att kollidera och reagera pÄ varandra med hjÀlp av tangenttryckningar och tillhandahÄll en cooldown-funktion för att sÀkerstÀlla spelets prestanda | [Kollisionsdetektering](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | HÄlla koll pÄ poÀng | Utför matematiska berÀkningar baserat pÄ spelets status och prestanda | [HÄlla koll pÄ poÀng](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | Avsluta och starta om spelet | LÀr dig om att avsluta och starta om spelet, inklusive att stÀda upp resurser och ÄterstÀlla variabelvÀrden| [Avslutningsvillkor](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML-mallar och rutter i en webbapp | LÀr dig hur man skapar grunden för en flersidig webbplatsarkitektur med hjÀlp av routing och HTML-mallar| [HTML-mallar och rutter](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Bygg ett inloggnings- och registreringsformulÀr | LÀr dig att bygga formulÀr och hantera valideringsrutiner | [FormulÀr](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Metoder för att hÀmta och anvÀnda data | Hur data flödar in och ut ur din app, hur man hÀmtar, lagrar och hanterar den | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | Koncept för tillstÄndshantering | LÀr dig hur din app behÄller tillstÄnd och hur man hanterar det programmÀssigt| [TillstÄndshantering](./7-bank-project/4-state-management/README.md) | Yohan |
## đ« Pedagogik
@ -155,23 +158,23 @@ VÄr lÀroplan Àr utformad med tvÄ viktiga pedagogiska principer i Ätanke:
* projektbaserat lÀrande
* frekventa quiz
Programmet lÀr ut grunderna i JavaScript, HTML och CSS, samt de senaste verktygen och teknikerna som anvÀnds av dagens webbutvecklare. Studenter fÄr möjlighet att utveckla praktisk erfarenhet genom att bygga ett skrivspel, ett virtuellt terrarium, ett miljövÀnligt webblÀsartillÀgg, ett spel i stil med Space Invaders och en bankapp för företag. Vid slutet av serien kommer studenterna ha fÄtt en solid förstÄelse för webbutveckling.
Programmet lÀr ut grunderna i JavaScript, HTML och CSS, samt de senaste verktygen och teknikerna som anvÀnds av dagens webbutvecklare. Studenter fÄr möjlighet att utveckla praktisk erfarenhet genom att bygga ett skrivspel, ett virtuellt terrarium, ett miljövÀnligt webblÀsartillÀgg, ett spel i stil med Space Invaders och en bankapp för företag. Vid slutet av serien kommer studenterna ha fÄtt en gedigen förstÄelse för webbutveckling.
> đ Du kan ta de första lektionerna i denna lĂ€roplan som en [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) pĂ„ Microsoft Learn!
Genom att sÀkerstÀlla att innehÄllet Àr kopplat till projekt görs processen mer engagerande för studenter och koncepten blir lÀttare att komma ihÄg. Vi har ocksÄ skrivit flera startlektioner i JavaScript-grunder för att introducera koncept, tillsammans med en video frÄn "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)"-samlingen av videotutorials, dÀr nÄgra av författarna bidragit till denna lÀroplan.
Dessutom sÀtter ett lÄgintensivt quiz före en klass studentens intention mot att lÀra sig ett Àmne, medan ett andra quiz efter klassen sÀkerstÀller ytterligare retention. Denna lÀroplan Àr utformad för att vara flexibel och rolig och kan tas i sin helhet eller delvis. Projekten börjar smÄ och blir alltmer komplexa vid slutet av den 12-veckors cykeln.
Dessutom sÀtter ett lÄgintensivt quiz före en klass studentens fokus pÄ att lÀra sig ett Àmne, medan ett andra quiz efter klassen sÀkerstÀller ytterligare retention. Denna lÀroplan Àr utformad för att vara flexibel och rolig och kan tas i sin helhet eller delvis. Projekten börjar smÄ och blir alltmer komplexa vid slutet av den 12-veckors cykeln.
Ăven om vi medvetet har undvikit att introducera JavaScript-ramverk för att fokusera pĂ„ de grundlĂ€ggande fĂ€rdigheter som behövs som webbutvecklare innan man antar ett ramverk, skulle ett bra nĂ€sta steg efter att ha slutfört denna lĂ€roplan vara att lĂ€ra sig om Node.js via en annan samling av videor: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
Ăven om vi medvetet har undvikit att introducera JavaScript-ramverk för att koncentrera oss pĂ„ de grundlĂ€ggande fĂ€rdigheter som behövs som webbutvecklare innan man antar ett ramverk, skulle ett bra nĂ€sta steg efter att ha avslutat denna lĂ€roplan vara att lĂ€ra sig om Node.js via en annan samling av videor: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Besök vÄra [Code of Conduct](CODE_OF_CONDUCT.md) och [Contributing](CONTRIBUTING.md)-riktlinjer. Vi vÀlkomnar din konstruktiva feedback!
## đ§ OfflineĂ„tkomst
Du kan köra denna dokumentation offline med hjÀlp av [Docsify](https://docsify.js.org/#/). Forka detta repo, [installera Docsify](https://docsify.js.org/#/quickstart) pÄ din lokala maskin och skriv sedan `docsify serve` i root-mappen av detta repo. Webbplatsen kommer att serveras pÄ port 3000 pÄ din localhost: `localhost:3000`.
Du kan köra denna dokumentation offline med hjÀlp av [Docsify](https://docsify.js.org/#/). Forka detta repo, [installera Docsify](https://docsify.js.org/#/quickstart) pÄ din lokala maskin och skriv sedan `docsify serve` i root-mappen av detta repo. Webbplatsen kommer att köras pÄ port 3000 pÄ din localhost: `localhost:3000`.
## đ PDF
@ -199,9 +202,9 @@ VÄrt team producerar andra kurser! Kolla in:
## Licens
Detta repository Àr licensierat under MIT-licensen. Se [LICENSE](../../LICENSE)-filen för mer information.
Detta repo Àr licensierat under MIT-licensen. Se [LICENSE](../../LICENSE)-filen för mer information.
---
**Ansvarsfriskrivning**:
Detta dokument har översatts med hjĂ€lp av AI-översĂ€ttningstjĂ€nsten [Co-op Translator](https://github.com/Azure/co-op-translator). Ăven om vi strĂ€var efter noggrannhet, bör det noteras att automatiserade översĂ€ttningar kan innehĂ„lla fel eller brister. Det ursprungliga dokumentet pĂ„ dess originalsprĂ„k bör betraktas som den auktoritativa kĂ€llan. För kritisk information rekommenderas professionell mĂ€nsklig översĂ€ttning. Vi ansvarar inte för eventuella missförstĂ„nd eller feltolkningar som kan uppstĂ„ vid anvĂ€ndning av denna översĂ€ttning.
Detta dokument har översatts med hjĂ€lp av AI-översĂ€ttningstjĂ€nsten [Co-op Translator](https://github.com/Azure/co-op-translator). Ăven om vi strĂ€var efter noggrannhet, bör det noteras att automatiska översĂ€ttningar kan innehĂ„lla fel eller felaktigheter. Det ursprungliga dokumentet pĂ„ dess ursprungliga sprĂ„k bör betraktas som den auktoritativa kĂ€llan. För kritisk information rekommenderas professionell mĂ€nsklig översĂ€ttning. Vi ansvarar inte för eventuella missförstĂ„nd eller feltolkningar som uppstĂ„r vid anvĂ€ndning av denna översĂ€ttning.