From 3d85759b22ed4d8a38e114292c750e1291d6e904 Mon Sep 17 00:00:00 2001 From: "localizeflow[bot]" Date: Fri, 24 Apr 2026 12:31:29 +0000 Subject: [PATCH] chore(i18n): sync translations with latest source changes (chunk 1/1, 12 changes) --- translations/da/.co-op-translator.json | 10 +- translations/da/AGENTS.md | 244 ++++++------- translations/da/README.md | 176 ++++----- translations/da/lesson-template/README.md | 61 +++- translations/fi/.co-op-translator.json | 10 +- translations/fi/AGENTS.md | 414 +++++++++++----------- translations/fi/README.md | 202 +++++------ translations/fi/lesson-template/README.md | 63 ++-- translations/no/.co-op-translator.json | 10 +- translations/no/AGENTS.md | 278 +++++++-------- translations/no/README.md | 172 ++++----- translations/no/lesson-template/README.md | 63 ++-- 12 files changed, 886 insertions(+), 817 deletions(-) diff --git a/translations/da/.co-op-translator.json b/translations/da/.co-op-translator.json index 4d64ec180..c4fae5d4d 100644 --- a/translations/da/.co-op-translator.json +++ b/translations/da/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:53:57+00:00", + "translation_date": "2026-04-24T12:29:03+00:00", "source_file": "AGENTS.md", "language_code": "da" }, @@ -516,8 +516,8 @@ "language_code": "da" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T18:09:00+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T12:23:08+00:00", "source_file": "README.md", "language_code": "da" }, @@ -564,8 +564,8 @@ "language_code": "da" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-26T23:13:50+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T12:23:20+00:00", "source_file": "lesson-template/README.md", "language_code": "da" }, diff --git a/translations/da/AGENTS.md b/translations/da/AGENTS.md index 3b4bda580..9033cb59f 100644 --- a/translations/da/AGENTS.md +++ b/translations/da/AGENTS.md @@ -2,29 +2,29 @@ ## Projektoversigt -Dette er et uddannelsesforløbsdepot til undervisning i grundlæggende webudvikling for begyndere. Forløbet er et omfattende 12-ugers kursus udviklet af Microsoft Cloud Advocates og indeholder 24 praktiske lektioner om JavaScript, CSS og HTML. +Dette er et uddannelses-curriculum-arkiv til undervisning i grundlæggende webudvikling for begyndere. Curriculumet er et omfattende 12-ugers kursus udviklet af Microsoft Cloud Advocates, som indeholder 24 praktiske lektioner, der dækker JavaScript, CSS og HTML. -### Centrale elementer +### Nøglekomponenter - **Uddannelsesindhold**: 24 strukturerede lektioner organiseret i projektbaserede moduler - **Praktiske projekter**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor og AI Chat Assistant - **Interaktive quizzer**: 48 quizzer med 3 spørgsmål hver (før/efter lektion vurderinger) - **Flersproget support**: Automatiske oversættelser til 50+ sprog via GitHub Actions -- **Teknologier**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (til AI projekter) +- **Teknologier**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (til AI-projekter) ### Arkitektur -- Uddannelsesdepot med lektionbaseret struktur +- Uddannelses-arkiv med lektionbaseret struktur - Hver lektionsmappe indeholder README, kodeeksempler og løsninger -- Selvstændige projekter i separate mapper (quiz-app, forskellige lektionsprojekter) -- Oversættelsessystem ved brug af GitHub Actions (co-op-translator) -- Dokumentation serveres via Docsify og er tilgængelig som PDF +- Selvstændige projekter i separate mapper (quiz-app, diverse lektionsprojekter) +- Oversættelsessystem ved hjælp af GitHub Actions (co-op-translator) +- Dokumentation serveret via Docsify og tilgængelig som PDF ## Opsætningskommandoer -Dette depot er primært til forbrug af uddannelsesindhold. For arbejde med specifikke projekter: +Dette arkiv er primært til forbrug af uddannelsesindhold. For arbejde med specifikke projekter: -### Hoveddepot opsætning +### Hovedarkiv opsætning ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git @@ -48,7 +48,7 @@ cd 7-bank-project/api npm install npm start # Start API-server npm run lint # Kør ESLint -npm run format # Formater med Prettier +npm run format # Formatér med Prettier ``` ### Browser Extension projekter @@ -56,7 +56,7 @@ npm run format # Formater med Prettier ```bash cd 5-browser-extension/solution npm install -# Følg browser-specifikke instruktioner til indlæsning af udvidelser +# Følg browser-specifikke instruktioner for indlæsning af udvidelser ``` ### Space Game projekter @@ -67,7 +67,7 @@ npm install # Åbn index.html i browseren eller brug Live Server ``` -### Chat projekt (Python Backend) +### Chat projekt (Python backend) ```bash cd 9-chat-project/solution/backend/python @@ -76,33 +76,33 @@ pip install openai python api.py ``` -## Udviklingsarbejdsgang +## Udviklingsworkflow -### For indholdsleverandører +### For indholdsbidragydere -1. **Fork depotet** til din GitHub konto -2. **Klon dit fork** lokalt +1. **Fork arkivet** til din GitHub-konto +2. **Klon din fork** lokalt 3. **Opret en ny gren** til dine ændringer -4. Foretag ændringer i lektionens indhold eller kodeeksempler +4. Foretag ændringer i lektionsindhold eller kodeeksempler 5. Test eventuelle kodeændringer i relevante projektmapper 6. Indsend pull requests i henhold til bidragsretningslinjer ### For lærende -1. Fork eller klon depotet -2. Naviger sekventielt gennem lektionsmapperne +1. Fork eller klon arkivet +2. Naviger til lektionsmapper sekventielt 3. Læs README-filer for hver lektion -4. Gennemfør før-lektions quizzer på https://ff-quizzes.netlify.app/web/ -5. Arbejd gennem kodeeksemplerne i lektionsmapperne +4. Gennemfør for-lektions quizzer på https://ff-quizzes.netlify.app/web/ +5. Arbejd dig igennem kodeeksempler i lektionsmapper 6. Udfør opgaver og udfordringer 7. Tag efter-lektions quizzer ### Live udvikling -- **Dokumentation**: Kør `docsify serve` i rodmappen (port 3000) +- **Dokumentation**: Kør `docsify serve` i root (port 3000) - **Quiz App**: Kør `npm run dev` i quiz-app mappen -- **Projekter**: Brug VS Code Live Server-udvidelsen til HTML-projekter -- **API projekter**: Kør `npm start` i de respektive API mapper +- **Projekter**: Brug VS Code Live Server extension til HTML projekter +- **API Projekter**: Kør `npm start` i respektive API mapper ## Testinstruktioner @@ -110,33 +110,33 @@ python api.py ```bash cd quiz-app -npm run lint # Tjek for kode stilproblemer -npm run build # Bekræft at byggeriet lykkes +npm run lint # Tjek for kode stil problemer +npm run build # Bekræft at build lykkes ``` ### Bank API test ```bash cd 7-bank-project/api -npm run lint # Tjek for kode stil problemer +npm run lint # Tjek for problemer med kodestil node server.js # Bekræft at serveren starter uden fejl ``` -### Generel testtilgang +### Generel test tilgang -- Dette er et uddannelsesdepot uden omfattende automatiserede tests +- Dette er et uddannelsesarkiv uden omfattende automatiserede tests - Manuel test fokuserer på: - - At kodeeksempler kører uden fejl - - At links i dokumentationen fungerer korrekt - - At projektbygninger fuldføres succesfuldt - - At eksempler følger bedste praksis + - Kodeeksempler kører uden fejl + - Links i dokumentation fungerer korrekt + - Projekt builds fuldføres succesfuldt + - Eksempler følger bedste praksis -### Forud for indsendelse +### Kontroller før indsendelse - Kør `npm run lint` i mapper med package.json -- Verificer at markdown-links er gyldige +- Bekræft at markdown-links er gyldige - Test kodeeksempler i browser eller Node.js -- Kontroller at oversættelser bevarer korrekt struktur +- Tjek at oversættelser bevarer korrekt struktur ## Kode stil retningslinjer @@ -144,47 +144,47 @@ node server.js # Bekræft at serveren starter uden fejl - Brug moderne ES6+ syntaks - Følg standard ESLint konfigurationer i projekterne -- Brug meningsfulde variabel- og funktionsnavne for pædagogisk klarhed +- Brug meningsfulde variabel- og funktionsnavne for uddannelsesmæssig klarhed - Tilføj kommentarer der forklarer koncepter for lærende -- Formater med Prettier hvor det er konfigureret +- Formatér med Prettier hvor konfigureret ### HTML/CSS - Semantiske HTML5 elementer -- Responsive designprincipper -- Klare konventioner for klassenavne -- Kommentarer der forklarer CSS-teknikker til lærende +- Responsive design principper +- Klare klasse-navngivningskonventioner +- Kommentarer der forklarer CSS teknikker for lærende ### Python -- PEP 8 stilretningslinjer -- Klare, pædagogiske kodeeksempler +- PEP 8 stil retningslinjer +- Klare, uddannelsesmæssige kodeeksempler - Type hints hvor det er hjælpsomt for læring ### Markdown dokumentation - Klar overskriftsstruktur -- Kodeblokke med sprogangivelse +- Kodeblokke med sprog angivelse - Links til yderligere ressourcer - Skærmbilleder og billeder i `images/` mapper - Alt-tekst til billeder for tilgængelighed -### Filorganisation +### Filorganisering -- Lektioner nummereret sekventielt (1-getting-started-lessons, 2-js-basics osv.) +- Lektioner nummereret sekventielt (1-getting-started-lessons, 2-js-basics, osv.) - Hvert projekt har `solution/` og ofte `start/` eller `your-work/` mapper -- Billeder gemt i lektion-specifikke `images/` mapper +- Billeder gemt i lektionsspecifikke `images/` mapper - Oversættelser i `translations/{language-code}/` struktur -## Byg og udrulning +## Build og deployment -### Quiz App udrulning (Azure Static Web Apps) +### Quiz App deployment (Azure Static Web Apps) -quiz-app er konfigureret til Azure Static Web Apps udrulning: +Quiz-appen er konfigureret til Azure Static Web Apps deployment: ```bash cd quiz-app -npm run build # Opretter dist/ mappe +npm run build # Opretter dist/-mappe # Udruller via GitHub Actions workflow ved push til main ``` @@ -193,7 +193,7 @@ Azure Static Web Apps konfiguration: - **Output placering**: `dist` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### Generering af PDF dokumentation +### Dokumentations PDF generering ```bash npm install # Installer docsify-to-pdf @@ -203,17 +203,17 @@ npm run convert # Generer PDF fra docs ### Docsify dokumentation ```bash -npm install -g docsify-cli # Installer Docsify globalt -docsify serve # Kør på localhost:3000 +npm install -g docsify-cli # Installér Docsify globalt +docsify serve # Server på localhost:3000 ``` ### Projekt-specifikke builds -Hver projektmappe kan have sin egen build-proces: -- Vue projekter: `npm run build` skaber produktionsbundles -- Statiske projekter: Ingen build-step, server filer direkte +Hver projektmappe kan have sin egen byggeproces: +- Vue projekter: `npm run build` laver produktions bundles +- Statisk projekter: Ingen build trin, server filer direkte -## Pull Request retningslinjer +## Pull request retningslinjer ### Titel format @@ -223,7 +223,7 @@ Brug klare, beskrivende titler der angiver ændringsområde: - `[Translation] Tilføj spansk oversættelse til lektion 5` - `[Docs] Opdater opsætningsinstruktioner` -### Krævede kontroller +### Påkrævede checks Før indsendelse af PR: @@ -236,47 +236,47 @@ Før indsendelse af PR: - Sørg for ingen build fejl 3. **Link validering**: - - Test alle markdown-links - - Bekræft billedreferencer fungerer + - Test alle markdown links + - Bekræft at billedreferencer virker -4. **Indholdsrevision**: - - Læs korrektur for stave- og grammatikfejl - - Sørg for kodeeksempler er korrekte og pædagogiske - - Verificer at oversættelser bevarer original betydning +4. **Indholds gennemgang**: + - Korrekturlæs for stavning og grammatik + - Sikr at kodeeksempler er korrekte og uddannelsesmæssige + - Verificer at oversættelser bevarer oprindelig mening ### Bidragskrav -- Accepter Microsoft CLA (automatisk ved første PR) +- Accepter Microsoft CLA (automatisk check ved første PR) - Følg [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - Se [CONTRIBUTING.md](./CONTRIBUTING.md) for detaljerede retningslinjer -- Henvis til issues i PR-beskrivelsen hvis relevant +- Referer til issues i PR beskrivelsen hvis relevant -### Review proces +### Gennemgangsproces -- PR’s gennemgås af vedligeholdere og community -- Prioritér pædagogisk klarhed -- Kodeeksempler skal følge gældende bedste praksis -- Oversættelser vurderes for nøjagtighed og kulturel relevans +- PR'er gennemgås af vedligeholdere og community +- Uddannelsesmæssig klarhed prioriteres +- Kodeeksempler bør følge bedste praksis +- Oversættelser gennemgås for nøjagtighed og kulturel passende ## Oversættelsessystem ### Automatisk oversættelse - Bruger GitHub Actions med co-op-translator workflow -- Oversætter til 50+ sprog automatisk +- Oversætter automatisk til 50+ sprog - Kildefiler i hovedmapper - Oversatte filer i `translations/{language-code}/` mapper -### Tilføjelse af manuelle oversættelsesforbedringer +### Tilføj manuelle oversættelsesforbedringer 1. Find fil i `translations/{language-code}/` -2. Foretag forbedringer mens strukturen bevares -3. Sørg for kodeeksempler fortsat fungerer -4. Test eventuelt lokaliseret quiz-indhold +2. Lav forbedringer mens struktur bevares +3. Sørg for kodeeksempler stadig fungerer +4. Test eventuelt lokaliseret quizindhold ### Oversættelsesmetadata -Oversatte filer inkluderer metadata-header: +Oversatte filer inkluderer metadata header: ```markdown **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å 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 intet ansvar for 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 stræber efter nøjagtighed, skal du være opmærksom på, at automatiserede oversættelser kan indeholde fejl eller unøjagtigheder. Det oprindelige dokument på dets modersmål bør betragtes som den autoritative kilde. For kritiske oplysninger anbefales professionel menneskelig oversættelse. Vi påtager os intet ansvar for eventuelle misforståelser eller fejltolkninger, der opstår ved brug af denne oversættelse. \ No newline at end of file diff --git a/translations/da/README.md b/translations/da/README.md index d58cd81d0..ef71ae5de 100644 --- a/translations/da/README.md +++ b/translations/da/README.md @@ -10,20 +10,20 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Webudvikling for begyndere - Et pensum +# Webudvikling for Begyndere - En Læreplan -Lær grundprincipperne i 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 pædagogik. Start din kodningsrejse i dag! +Lær det grundlæggende inden for 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 vidensindlæring med vores effektive projektbaserede pædagogik. Start din kodningsrejse i dag! -Deltag i Azure AI Foundry Discord-fællesskabet +Deltag i Azure AI Foundry Discord og mød eksperter og andre udviklere. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) Følg disse trin for at komme i gang med at bruge disse ressourcer: -1. **Fork repoet**: Klik [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -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**](https://discord.com/invite/ByRwuEEgH4) +1. **Fork Repoet**: Klik på [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +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 andre udviklere**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Multisprog Support +### 🌐 Understøttelse af flere sprog #### Understøttet via GitHub Action (Automatisk & Altid Opdateret) @@ -32,7 +32,7 @@ Følg disse trin for at komme i gang med at bruge disse ressourcer: > **Foretrækker du at klone lokalt?** > -> Dette repository indeholder 50+ sprogoversættelser, hvilket markant øger downloadstørrelsen. For at klone uden oversættelser, brug sparse checkout: +> Dette repository inkluderer 50+ sprogoversættelser, hvilket betydeligt øger download-størrelsen. For at klone uden oversættelser, brug spars checkout: > > **Bash / macOS / Linux:** > ```bash @@ -48,43 +48,43 @@ Følg disse trin for at komme i gang med at bruge disse ressourcer: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Dette giver dig alt, hvad du behøver for at gennemføre kurset med en langt hurtigere download. +> Dette giver dig alt, hvad du behøver for at gennemføre kurset med en meget hurtigere download. -**Hvis du ønsker, at yderligere oversættelsessprog understøttes, er de listet [her](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Hvis du ønsker yderligere oversættelser, er de understøttede sprog listet her. [her](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) #### 🧑‍🎓 _Er du studerende?_ -Besøg [**Student Hub-siden**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), hvor du finder begynderressourcer, Student-pakker og endda måder at få et gratis certifikatkupon på. Dette er siden, du vil bogmærke og tjekke fra tid til anden, da vi skifter indhold månedligt. +Besøg [**Student Hub siden**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), hvor du vil finde begynderressourcer, studenterpakker og endda måder at få et gratis certifikat-voucher. Dette er siden, du vil bogmærke og tjekke fra tid til anden, da vi skifter indhold månedligt. ### 📣 Meddelelse - Nye GitHub Copilot Agent mode udfordringer at gennemføre! -Ny udfordring tilføjet, se efter "GitHub Copilot Agent Challenge 🚀" i de fleste kapitler. Det er en ny udfordring, som du kan gennemføre ved at bruge GitHub Copilot og Agent mode. Hvis du ikke har brugt Agent mode før, kan den ikke blot generere tekst men også oprette og redigere filer, køre kommandoer og mere. +Ny udfordring tilføjet, se efter "GitHub Copilot Agent Challenge 🚀" i de fleste kapitler. Det er en ny udfordring for dig at gennemføre ved brug af GitHub Copilot og Agent mode. Hvis du ikke har brugt Agent mode før, kan den ikke bare generere tekst, men også skabe og redigere filer, køre kommandoer med mere. -### 📣 Meddelelse - _Nyt projekt at bygge ved brug af Generativ AI_ +### 📣 Meddelelse - _Nyt projekt at bygge med Generativ AI_ -Nyt AI Assistant projekt er lige tilføjet, tjek projektet ud [her](./9-chat-project/README.md) +Nyt AI Assistentprojekt lige tilføjet, tjek det ud [projekt](./9-chat-project/README.md) -### 📣 Meddelelse - _Nyt pensum_ om Generativ AI for JavaScript blev lige udgivet +### 📣 Meddelelse - _Ny læreplan_ om Generativ AI for JavaScript er netop udgivet -Gå ikke glip af vores nye Generative AI pensum! +Gå ikke glip af vores nye Generative AI læreplan! Besøg [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for at komme i gang! ![Background](../../translated_images/da/background.148a8d43afde5730.webp) -- Lektioner der dækker alt fra det grundlæggende til RAG. -- Interaktion med historiske personer ved brug af GenAI og vores companion app. -- Sjov og engagerende fortælling, du rejser i tiden! +- Lektioner som dækker alt fra grundlæggende til RAG. +- Interager med historiske personer ved hjælp af GenAI og vores companion-app. +- Sjov og engagerende fortælling, du kommer til at rejse i tiden! ![character](../../translated_images/da/character.5c0dd8e067ffd693.webp) -Hver lektion inkluderer en opgave, en videnscheck og en udfordring til at guide dig i at lære emner som: +Hver lektion inkluderer en opgave at gennemføre, en videnscheck og en udfordring for at guide dig i at lære emner som: - Prompting og prompt engineering -- Tekst- og billedapps-generering +- Tekst- og billedapp-generering - Søgeapps Besøg [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for at komme i gang! @@ -93,99 +93,99 @@ Besøg [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for at k ## 🌱 Kom godt i gang -> **Lærere**, vi har [inkluderet nogle forslag](for-teachers.md) til, hvordan dette pensum kan bruges. Vi vil elske at få jeres feedback [i vores diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Lærere**, vi har [inkluderet nogle forslag](for-teachers.md) til, hvordan du kan bruge denne læreplan. Vi vil meget gerne have din feedback [i vores diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Lærende](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for hver lektion, start med en præ-forelæsning quiz og fortsæt med at læse forelæsningsmaterialet, udføre de forskellige aktiviteter og tjek din forståelse med en post-forelæsnings quiz. +**[Lærende](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for hver lektion, start med en pre-forelæsningsquiz og følg op med at læse forelæsningsmaterialet, udfør de forskellige aktiviteter og tjek din forståelse med post-forelæsningsquizzen. -For at forbedre din læring, connect med dine jævnbyrdige for at arbejde sammen på projekterne! Diskussioner er opfordret i vores [diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), hvor vores team af moderatorer vil være til rådighed for at besvare dine spørgsmål. +For at forbedre din læringsoplevelse, forbind med dine jævnaldrende for at arbejde sammen på projekterne! 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. -For at videreuddanne dig 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. +For at fremme 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. -### 📋 Opsætning af dit miljø +### 📋 Opsæt dit miljø -Dette pensum har et udviklingsmiljø klar til brug! Når du kommer i gang, kan du vælge at køre pensum i en [Codespace](https://github.com/features/codespaces/) (_et browserbaseret miljø uden behov for installation_), 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). +Denne læreplan har et udviklingsmiljø klar til brug! Når du går i gang, kan du vælge at køre læreplanen i en [Codespace](https://github.com/features/codespaces/) (_et browser-baseret, ingen installation nødvendig miljø_), eller lokalt på din computer ved at bruge en teksteditor som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). #### Opret dit repository -For at du nemt kan 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 vil oprette et nyt repository i din GitHub-konto med en kopi af pensum. +For at du nemt kan 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æreplanen. Følg disse trin: -1. **Fork repoet**: Klik på "Fork"-knappen øverst til højre på denne side. -2. **Klon repoet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +1. **Fork Repoet**: Klik på "Fork" knappen øverst til højre på denne side. +2. **Klon Repoet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Kør pensum i en Codespace +#### Kør læreplanen i en Codespace -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 til dig at arbejde i. +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 for dig at arbejde i. ![Codespace](../../translated_images/da/createcodespace.0238bbf4d7a8d955.webp) -#### Kør pensum lokalt på din computer +#### Kør læreplanen lokalt på din computer -For at køre dette pensum lokalt på din computer, skal du bruge en teksteditor, en browser og et kommandolinjeværktøj. Vores første lektion, [Introduktion til programmeringssprog og handelsvæ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. +For at køre denne læreplan 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 igennem forskellige muligheder for hver af disse værktøjer, så du kan vælge det, der fungerer bedst for dig. -Vi anbefaler at bruge [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som din editor, som også har et integreret [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). -1. Klon dit repository til din computer. Du kan gøre dette ved at klikke på **Code** knappen og kopiere URL'en: +Vores anbefaling er 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). +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 du erstatter `` med den URL, du lige kopierede: + Å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 du udskifter `` med den URL, du lige har kopieret: ```bash git clone ``` -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. +2. Åbn mappen i Visual Studio Code. Du kan gøre dette ved at klikke **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 inden for Visual Studio Code +> * [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 -- varm-quiz før lektionen -- skriftlig lektion -- for projektbaserede lektioner, trin-for-trin vejledninger om, hvordan man bygger projektet -- videnskontroller +- quiz som opvarmning før lektionen +- skreven lektion +- for projektbaserede lektioner, trin-for-trin guider til, hvordan man bygger projektet +- videnscheck - en udfordring - supplerende læsning - opgave -- [quiz efter lektion](https://ff-quizzes.netlify.app/web/) +- [quiz efter lektionen](https://ff-quizzes.netlify.app/web/) -> **En note om quizzer**: Alle quizzer findes i Quiz-app mappen, 48 quizzer med tre spørgsmål hver. De er tilgængelige [her](https://ff-quizzes.netlify.app/web/) quiz-app'en kan køre lokalt eller udgives til Azure; følg instruktionerne i `quiz-app` mappen. +> **En note om quizzer**: Alle quizzer findes i Quiz-app mappen, i alt 48 quizzer med tre spørgsmål hver. De er tilgængelige [her](https://ff-quizzes.netlify.app/web/); quiz-appen kan køre lokalt eller implementeres til Azure; følg instruktionerne i `quiz-app` mappen. ## 🗃️ Lektioner -| | Projektnavn | Underviste 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, som hjælper professionelle udviklere | [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 GitHub, inkl. arbejde i team | Hvordan man bruger GitHub i sit projekt, og hvordan man samarbejder med andre om kodebasis | [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 tilgængelighed](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | JavaScript-datatyper | Det grundlæggende om JavaScript-datatyper | [Datatyper](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | Funktioner og metoder | Lær om funktioner og metoder til at styre et applikations logikflow | [Funktioner og metoder](./2-js-basics/2-functions-methods/README.md) | Jasmine og Christopher | -| 06 | JS Basics | Beslutningstagning med JS | Lær hvordan man skaber betingelser i din kode ved hjælp af beslutningstagsmetoder | [Beslutningstagning](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | Arrays og løkker | Arbejd med data brugt 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 | Byg HTML til at skabe et online terrarium med fokus på 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 til at style det online terrarium med fokus på CSS grundlæggende inklusive responsivt design | [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 til at gøre terrariet funktionelt som drag/drop-interface 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 Typing-spil | Lær hvordan keyboard events bruges til at styre logikken i din JavaScript-app | [Begivenhedsdrevet 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 skaber de første elementer i en browser extension | [Om browsere](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Bygge formular, kalde et API og gemme variabler i lokal lagring | Byg JavaScript-elementerne i din browser extension til at kalde et API ved hjælp af variabler i lokal lagring | [APIs, formularer og lokal lagring](./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 styre extensionens ikon; lær om webperformance og optimeringer | [Baggrundsopgaver og 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 brug af både klasser og komposition og 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) | Flytning af elementer rundt på skærmen | Opdag hvordan elementer kan få bevægelse ved hjælp af kartesiske koordinater og Canvas API | [Flyt elementer rundt](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Kollisiondetektion | Få elementer til at kollidere og reagere på hinanden ved hjælp af tastetryk og tilføj en cooldown-funktion for at sikre ydeevne | [Kollisiondetektion](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Hold styr på point | Udfør matematiske beregninger baseret på spillets status og ydeevne | [Hold 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, inklusiv oprydning af ressourcer og nulstilling af variabler | [Afslutningsbetingelsen](./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 skaber skabelonen for en multipage hjemmesides arkitektur ved brug 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) | Byg en login- og registreringsformular | Lær om opbygning af formularer og håndtering af valideringsrutiner | [Formularer](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Metoder til hentning og brug af data | Hvordan data flyder ind og ud af din app, hvordan man henter det, gemmer og rydder op | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Begreber om tilstands-styring | Lær hvordan din app bevarer tilstand og hvordan man styrer det programmæssigt | [Tilstands-styring](./7-bank-project/4-state-management/README.md) | Yohan | +| | Projektnavn | Undervisede begreber | Læringsmål | Link til 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 med deres arbejde | [Intro 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 GitHub, inkluderer samarbejde | Hvordan du bruger GitHub i dit projekt, og hvordan du samarbejder med andre om en kodebase | [Intro 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 tilgængelighed](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Basics | JavaScript datatyper | Grundlæggende JavaScript-datatyper | [Datatyper](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Basics | Funktioner og metoder | Lær om funktioner og metoder til at styre en applikations logik | [Funktioner og metoder](./2-js-basics/2-functions-methods/README.md) | Jasmine og Christopher | +| 06 | JS Basics | Beslutningstagning med JS | Lær hvordan du opretter betingelser i din kode ved hjælp af beslutningstagning | [Beslutningstagning](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Basics | 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’en til at skabe et online terrarium med fokus på 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’en til at style det online terrarium med fokus på det grundlæggende CSS inklusive 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’en til at gøre terrariet funktionelt som en træk og slip-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 typespil | Lær hvordan du bruger tastaturhændelser til at drive 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 skitserer 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) | Byg et form, kald et API og gem variabler i lokal lagerplads | Byg JavaScript-elementerne i din browserudvidelse til at kalde et API ved brug af variabler gemt i lokal lagerplads | [API'er, formularer og lokal lagring](./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 styre udvidelsens ikon; lær om webperformance og nogle optimeringer for at forbedre | [Baggrundsopgaver og 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 brug af både klasser og sammensætning 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 til canvas | Lær om Canvas API, som bruges til at tegne elementer på en skærm | [Tegning til Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Flyt elementer rundt på skærmen | Opdag hvordan elementer kan få bevægelse ved hjælp af kartesiske koordinater og Canvas API | [Flyt elementer rundt](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Kollisiondetektion | Få elementer til at kollidere og reagere på hinanden via tastetryk og tilføj en cooldown-funktion for at sikre spillets ydeevne | [Kollisiondetektion](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Hold styr på point | Udfør matematiske beregninger baseret på spillets tilstand og performance | [Pointtælling](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Afslutning og genstart af spillet | Lær om hvordan man afslutter og genstarter spillet, inklusive oprydning af assets og nulstilling af variabler | [Afslutningsbetingelsen](./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 skaber grundstrukturen til en multipage websides arkitektur ved brug 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) | Byg 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, gemmer og bortskaffer den | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Begreber i state management | Lær hvordan din app opretholder tilstand og administrerer den programmæssigt | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | | 25 | [Browser/VScode Code](../../8-code-editor) | Arbejde med VScode | Lær hvordan man bruger en kodeeditor| [Brug VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Arbejde med AI | Lær hvordan du bygger din egen AI-assistent | [AI Assistant projekt](./9-chat-project/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | Arbejde med AI | Lær hvordan du bygger din egen AI-assistent | [AI-assistent projekt](./9-chat-project/README.md) | Chris | ## 🏫 Pædagogik @@ -193,30 +193,30 @@ Vores pensum er designet med to centrale pædagogiske principper i tankerne: * projektbaseret læring * hyppige quizzer -Programmet underviser i grundlæggende JavaScript, HTML og CSS, samt de nyeste værktøjer og teknikker, som nutidens webudviklere bruger. Studerende får mulighed for at opnå praktisk erfaring ved at bygge et typing-spil, virtuelt terrarium, miljøvenlig browser extension, space-invader-stil spil og en bankapp til erhvervslivet. Ved slutningen af serien vil 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, der anvendes af nutidens webudviklere. Studerende får mulighed for praktisk erfaring ved at bygge et typespil, virtuelt terrarium, miljøvenlig browserudvidelse, space-invader-stil 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! +> 🎓 Du kan tage de første lektioner i dette pensum som en [Læringssti](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) på Microsoft Learn! -Ved at sikre at indholdet stemmer overens med projekter, gøres processen mere engagerende for eleverne og fastholdelse af begreber vil blive øget. Vi har også skrevet flere starterlektioner i JavaScript basics for at introducere begreber, 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 stemmer overens med projekter, bliver processen mere engagerende for de studerende, og fastholdelsen af begreber vil blive forbedret. Vi skrev også flere startlektioner i JavaScript-begreber 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 bidrog til dette pensum. -Derudover sætter en lav-stakes quiz før en lektion elevens fokus mod at lære et emne, mens en anden quiz efter lektionen sikrer yderligere fastholdelse. Dette pensum er designet til at være fleksibelt og sjovt og kan gennemføres helt eller delvist. Projekterne starter småt og bliver gradvist mere komplekse ved slutningen af 12-ugers cyklussen. +Desuden sætter en lavrisiko-quiz før en lektion elevens intention mod at lære et emne, mens en anden quiz efter lektionen sikrer yderligere fastholdelse. Dette pensum er designet til at være fleksibelt og sjovt og kan tages helt eller delvist. Projekterne starter småt og bliver gradvist mere komplekse ved slutningen af den 12-ugers cyklus. -Mens vi bevidst har undgået at introducere JavaScript-rammer for at fokusere på de grundlæggende færdigheder som webudvikler, inden man tager en ramme i brug, vil et godt næste skridt til at fuldføre dette pensum være at lære om Node.js gennem 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-rammeværk for at fokusere på de grundlæggende færdigheder, der er nødvendige som webudvikler, før man går videre til et rammeværk, vil et godt næste skridt for at fuldføre dette pensum være at lære om Node.js via en anden samling videoer: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Besøg vores [Adfærdskodeks](CODE_OF_CONDUCT.md) og [Bidragsvejledning](CONTRIBUTING.md). Vi byder din konstruktive feedback velkommen! +> Besøg vores [Code of Conduct](CODE_OF_CONDUCT.md) og [Contributing](CONTRIBUTING.md) retningslinjer. Vi ser frem til din konstruktive feedback! ## 🧭 Offline adgang -Du kan køre denne dokumentation offline ved at bruge [Docsify](https://docsify.js.org/#/). Fork dette repo, [installer Docsify](https://docsify.js.org/#/quickstart) på din lokale maskine, og skriv derefter i roden af dette repo `docsify serve`. Hjemmesiden serveres på port 3000 på din localhost: `localhost:3000`. +Du kan køre denne dokumentation offline ved at bruge [Docsify](https://docsify.js.org/#/). Fork dette repo, [installer Docsify](https://docsify.js.org/#/quickstart) på din lokale maskine, og skriv derefter i rodmappen i dette repo `docsify serve`. Hjemmesiden vil blive serveret på port 3000 på din localhost: `localhost:3000`. ## 📘 PDF En PDF med alle lektionerne kan findes [her](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). -## 🎒 Andre Kurser +## 🎒 Andre kurser -Vores team producerer andre kurser! Tjek: +Vores team producerer andre kurser! Tjek dem ud: ### LangChain @@ -233,7 +233,7 @@ Vores team producerer andre kurser! Tjek: --- -### Generativ AI Serie +### Generative AI Serie [![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) @@ -241,7 +241,7 @@ Vores team producerer andre kurser! Tjek: --- -### Core Learning +### Kerne Læring [![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) @@ -258,23 +258,23 @@ Vores team producerer andre kurser! Tjek: [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) -## Få Hjælp +## Få hjælp -Hvis du sidder fast eller har spørgsmål om at bygge AI-apps, så deltag sammen 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 sidder fast eller har spørgsmål om at bygge AI-apps. Deltag sammen med andre elever og erfarne udviklere i diskussioner om MCP. Det er et støttende fællesskab, hvor spørgsmål er velkomne, og viden deles frit. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Hvis du har produktfeedback eller fejl under bygning, besøg: +Hvis du har produktfeedback eller oplever fejl under udvikling, besøg: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## Licens -Dette depot er licenseret under MIT-licensen. Se filen [LICENSE](../../LICENSE) 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å 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 intet ansvar for misforståelser eller fejltolkninger, der opstår 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, bedes du være opmærksom på, at automatiserede 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 ikke ansvar for eventuelle misforståelser eller fejltolkninger, der opstår ved brug af denne oversættelse. \ No newline at end of file diff --git a/translations/da/lesson-template/README.md b/translations/da/lesson-template/README.md index 9573125b0..7c1746b44 100644 --- a/translations/da/lesson-template/README.md +++ b/translations/da/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Lektionsemne] +# Lektionsemne -![Indsæt en video her](../../../lesson-template/video-url) +## 🎥 Video -## [Quiz før lektion](../../../lesson-template/quiz-url) +> Tilføj en indlejret video eller link til lektionen her. -[Beskriv hvad vi vil lære] +--- + +## For-forelæsning quiz + +> Tilføj et quizlink her, når det er tilgængeligt. + +--- + +Giv en kort oversigt over, hvad eleverne vil lære i denne lektion. + +--- ### Introduktion -Beskriv hvad der vil blive dækket +Giv en kort introduktion, der beskriver, hvad der vil blive dækket i denne lektion. > Noter +--- + ### Forudsætninger -Hvilke trin skulle være gennemgået før denne lektion? +Liste over begreber eller emner, som eleverne allerede bør være fortrolige med, før de begynder på denne lektion. + +--- ### Forberedelse -Forberedende trin for at starte denne lektion +Liste over eventuelle opsætningstrin eller værktøjer, der kræves, inden lektionen påbegyndes. --- -[Trin gennem indhold i blokke] +### Indhold + +Trin gennem lektionens indhold i strukturerede sektioner. + +--- -## [Emne 1] +## Emne 1 ### Opgave: -Arbejd sammen om gradvist at forbedre jeres kodebase for at bygge projektet med delt kode: +Arbejd sammen for gradvist at forbedre jeres kodebase til at bygge projektet med delt kode: ```html code blocks ``` -✅ Videnscheck - brug dette øjeblik til at udfordre elevernes viden med åbne spørgsmål +✅ Videnstjek +Brug dette øjeblik til at udfordre elevernes viden med åbne spørgsmål. -## [Emne 2] +## Emne 2 +## Emne 3 -## [Emne 3] +🚀 Udfordring +Tilføj en samarbejdsudfordring for eleverne til at forbedre projektet. -🚀 Udfordring: Tilføj en udfordring, som eleverne kan arbejde på i fællesskab i klassen for at forbedre projektet +Valgfrit: Tilføj et screenshot af det færdige lektions UI, hvis det er relevant. -Valgfrit: tilføj et skærmbillede af den færdige lektionens brugergrænseflade, hvis det er relevant +## Efter-forelæsning quiz -## [Quiz efter lektion](../../../lesson-template/quiz-url) +Tilføj et quizlink her efter afslutning af lektionen. -## Gennemgang & Selvstudie +## Gennemgang & Selvstudium -**Opgave afleveres [MM/YY]**: [Opgavenavn](assignment.md) +**Opgave afleveres [MM/ÅÅ]**: [Opgavnavn](assignment.md) --- + **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å 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 opstår som følge af brugen af denne oversættelse. \ No newline at end of file +Dette dokument er 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, bedes du være opmærksom på, at automatiserede oversættelser kan indeholde fejl eller unøjagtigheder. Det oprindelige dokument på dets oprindelige sprog bør betragtes som den autoritative kilde. Til 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. + \ No newline at end of file diff --git a/translations/fi/.co-op-translator.json b/translations/fi/.co-op-translator.json index b33ba7d12..5676fc453 100644 --- a/translations/fi/.co-op-translator.json +++ b/translations/fi/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:56:34+00:00", + "translation_date": "2026-04-24T12:31:24+00:00", "source_file": "AGENTS.md", "language_code": "fi" }, @@ -516,8 +516,8 @@ "language_code": "fi" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T18:12:47+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T12:27:39+00:00", "source_file": "README.md", "language_code": "fi" }, @@ -564,8 +564,8 @@ "language_code": "fi" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-27T21:06:51+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T12:27:50+00:00", "source_file": "lesson-template/README.md", "language_code": "fi" }, diff --git a/translations/fi/AGENTS.md b/translations/fi/AGENTS.md index e183c7ba0..fb8e9ebd3 100644 --- a/translations/fi/AGENTS.md +++ b/translations/fi/AGENTS.md @@ -1,28 +1,28 @@ # AGENTS.md -## Projektin yleiskatsaus +## Projektin yleiskuvaus -Tämä on opetussisältöjen arkisto, joka on tarkoitettu web-kehityksen perusteiden opettamiseen aloittelijoille. Oppimateriaali on kattava 12 viikon kurssi, jonka ovat kehittäneet Microsoft Cloud Advocates -tiimin jäsenet. Kurssi koostuu 24 käytännönlähtöisestä oppitunnista, jotka käsittelevät JavaScriptiä, CSS:ää ja HTML:ää. +Tämä on opetuskäyttöön tarkoitettu opetussuunnitelman arkisto, joka opettaa verkkokehityksen perusteita aloittelijoille. Opetussuunnitelma on kattava 12 viikon kurssi, jonka ovat kehittäneet Microsoft Cloud Advocates. Se sisältää 24 käytännön läpikäytävää oppituntia, joissa käsitellään JavaScriptiä, CSS:ää ja HTML:ää. ### Keskeiset osat -- **Opetussisältö**: 24 jäsenneltyä oppituntia, jotka on järjestetty projektipohjaisiksi moduuleiksi -- **Käytännön projektit**: Terrarium, Typing Game, selainlaajennus, Space Game, Banking App, Code Editor ja AI Chat Assistant -- **Interaktiiviset tietovisat**: 48 tietovisaa, joissa on 3 kysymystä kukin (ennen ja jälkeen oppitunnin arvioinnit) -- **Monikielinen tuki**: Automaattiset käännökset yli 50 kielelle GitHub Actionsin avulla -- **Teknologiat**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (tekoälyprojekteissa) +- **Opetussisältö**: 24 jäsenneltyä oppituntia projekti-pohjaisina moduuleina +- **Käytännön projektit**: Terrarium, Typing Game, selainlaajennus, Space Game, pankkisovellus, koodieditori ja AI-chattiapuri +- **Interaktiiviset visailut**: 48 visailua, joissa jokaisessa 3 kysymystä (ennen ja jälkeen oppitunnin arvioinnit) +- **Monikielinen tuki**: Automaattiset käännökset yli 50 kielelle GitHub Actions -työkalun avulla +- **Teknologiat**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI-projekteissa) ### Arkkitehtuuri -- Opetussisältöön perustuva arkisto oppituntirakenteella -- Jokaisessa oppitunnin kansiossa on README, koodiesimerkkejä ja ratkaisumalleja -- Itsenäiset projektit omissa hakemistoissaan (quiz-app, eri oppituntiprojektit) -- Käännösjärjestelmä käyttää GitHub Actionsia (co-op-translator) -- Dokumentaatio näytetään Docsifylla ja on saatavilla PDF-muodossa +- Opetussisältö arkistona oppituntipohjaisella rakenteella +- Jokaisen oppitunnin kansiossa README, koodiesimerkit ja ratkaisut +- Riippumattomat projektit omissa kansioissaan (quiz-app, eri oppituntiprojektit) +- Käännösjärjestelmä GitHub Actions (co-op-translator) avulla +- Dokumentaatio tarjotaan Docsifylla ja myös PDF-muodossa ## Asennuskomennot -Tätä arkistoa käytetään ensisijaisesti opetussisältöjen lukemiseen. Työskennellessäsi tiettyjen projektien parissa: +Tätä arkistoa käytetään pääasiassa opetussisällön kuluttamiseen. Jos haluat työskennellä tiettyjen projektien parissa: ### Pääarkiston asennus @@ -30,8 +30,8 @@ Tätä arkistoa käytetään ensisijaisesti opetussisältöjen lukemiseen. Työs git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` - -### Quiz-sovelluksen asennus (Vue 3 + Vite) + +### Quiz Appin asennus (Vue 3 + Vite) ```bash cd quiz-app @@ -40,25 +40,25 @@ npm run dev # Käynnistä kehityspalvelin npm run build # Rakenna tuotantoon npm run lint # Suorita ESLint ``` - -### Bank-projektin API (Node.js + Express) + +### Pankkiprojektin API (Node.js + Express) ```bash cd 7-bank-project/api npm install npm start # Käynnistä API-palvelin npm run lint # Suorita ESLint -npm run format # Muotoile Prettierilla +npm run format # Muotoile Prettierillä ``` - + ### Selainlaajennusprojektit ```bash cd 5-browser-extension/solution npm install -# Noudata selaimen erityisiä laajennusten latausohjeita +# Noudata selaimen tiettyjä laajennuksen latausohjeita ``` - + ### Space Game -projektit ```bash @@ -66,217 +66,217 @@ cd 6-space-game/solution npm install # Avaa index.html selaimessa tai käytä Live Serveriä ``` - + ### Chat-projekti (Python Backend) ```bash cd 9-chat-project/solution/backend/python pip install openai -# Aseta GITHUB_TOKEN-ympäristömuuttuja +# Aseta GITHUB_TOKEN -ympäristömuuttuja python api.py ``` - -## Kehityskäytännöt + +## Kehitysprosessi ### Sisällöntuottajille -1. **Forkkaa arkisto** omaan GitHub-tiliisi -2. **Kloonaa fork** paikallisesti -3. **Luo uusi haara** muutoksillesi -4. Tee muutoksia oppimateriaalin sisältöön tai koodiesimerkkeihin -5. Testaa muutoksia liittyvissä projektihakemistoissa -6. Lähetä pull-pyyntöjä ohjeiden mukaisesti +1. **Forkkaa arkisto** GitHub-tilillesi +2. **Kloonaa oma forkkaus** paikallisesti +3. **Luo uusi haara** muutoksillesi +4. Tee muutoksia oppituntisisältöön tai koodiesimerkkeihin +5. Testaa koodimuutokset asiaankuuluvissa projektikansioissa +6. Tee pull request -pyyntöjä noudattaen ohjeistusta ### Oppijoille -1. Forkkaa tai kloonaa arkisto -2. Siirry oppituntien hakemistoihin peräjälkeen -3. Lue kunkin oppitunnin README-tiedostot -4. Suorita ennen oppituntia tehtävät tietovisat osoitteessa https://ff-quizzes.netlify.app/web/ -5. Kokeile koodiesimerkkejä oppituntikansioissa -6. Tee annettuja tehtäviä ja haasteita -7. Suorita oppitunnin jälkeiset tietovisat +1. Forkkaa tai kloonaa arkisto +2. Siirry oppituntikansioihin järjestyksessä +3. Lue kaikkien oppituntien README-tiedostot +4. Tee ennen oppituntia olevat visailut osoitteessa https://ff-quizzes.netlify.app/web/ +5. Käy läpi koodiesimerkit oppituntikansioissa +6. Tee tehtävät ja haasteet +7. Tee oppitunnin jälkeiset visailut ### Live-kehitys -- **Dokumentaatio**: Aja `docsify serve` juurihakemistosta (portti 3000) -- **Quiz-sovellus**: Aja `npm run dev` quiz-app kansiossa -- **Projektit**: Käytä VS Code Live Server -laajennusta HTML-projekteissa -- **API-projektit**: Aja `npm start` vastaavissa API-kansioissa +- **Dokumentaatio**: Suorita `docsify serve` juurikansiossa (portti 3000) +- **Quiz App**: Suorita `npm run dev` quiz-app-kansiossa +- **Projektit**: Käytä VS Coden Live Server -laajennusta HTML-projekteihin +- **API-projektit**: Suorita `npm start` asianmukaisissa API-kansioissa ## Testausohjeet -### Quiz-sovelluksen testaus +### Quiz Appin testaus ```bash cd quiz-app npm run lint # Tarkista koodityyliongelmat npm run build # Varmista, että käännös onnistuu ``` - -### Bank-API:n testaus + +### Pankki-API:n testaus ```bash cd 7-bank-project/api npm run lint # Tarkista koodityylin ongelmat node server.js # Varmista, että palvelin käynnistyy ilman virheitä ``` - + ### Yleinen testauslähestymistapa -- Tämä on opetussisältöarkisto, jossa ei ole kattavia automaattisia testejä +- Tämä on oppimiseen tarkoitettu arkisto, jossa ei ole kattavia automatisoituja testejä - Manuaalinen testaus keskittyy: - - Koodiesimerkkien toimivuuteen ilman virheitä - - Dokumentaation linkkien toimivuuteen - - Projektien kääntöjen onnistumiseen + - Koodiesimerkkien sujuva toimivuus ilman virheitä + - Dokumentaation linkkien oikea toiminta + - Projektien kääntymisen onnistuminen - Esimerkkien noudattavan hyviä käytäntöjä -### Ennen lähettämistä tarkistettavaa +### Tarkistukset ennen lähettämistä -- Aja `npm run lint` kaikissa package.json-hakemistoissa -- Tarkista markdown-linkkien toimivuus -- Testaa koodiesimerkit selaimessa tai Node.js:ssä -- Varmista, että käännökset säilyttävät oikean rakenteen +- Suorita `npm run lint` niissä kansioissa, joissa on package.json +- Varmista, että markdown-linkit ovat voimassa +- Testaa koodiesimerkit selaimessa tai Node.js:ssä +- Tarkista, että käännökset säilyttävät rakenteensa ## Koodityyliohjeet ### JavaScript -- Käytä modernia ES6+ syntaksia -- Noudata ESLintin standardikonfiguraatioita projekteissa -- Käytä merkityksellisiä muuttujien ja funktioiden nimiä opetustarkoituksiin -- Lisää kommentteja, jotka selittävät käsitteitä oppijoille -- Muotoile koodi Prettierillä, kun se on asetettu +- Käytä modernia ES6+ syntaksia +- Noudata projektien mukana tulevia ESLint-konfiguraatioita +- Käytä merkityksellisiä muuttuja- ja funktioiden nimiä opetuksen selkeyden takia +- Lisää kommentteja käsitteiden selittämiseen oppijoille +- Muotoile Prettierilla, jos käyttö on konfiguroitu ### HTML/CSS -- Semanttiset HTML5-elementit -- Responsiivisen suunnittelun periaatteet -- Selkeät luokkien nimeämiskäytännöt -- Kommentit, jotka selittävät CSS-tekniikoita oppijoille +- Semanttiset HTML5-elementit +- Responsiivisen suunnittelun periaatteet +- Selkeät luokkien nimeämiskäytännöt +- Kommentit CSS-tekniikoiden selittämiseen oppijoille ### Python -- Noudata PEP 8 -tyyliohjeita -- Selkeät, opetukselliset koodiesimerkit -- Käytä tyyppivihjeitä, kun ne auttavat oppimista +- PEP 8 -tyyliohjeiden noudattaminen +- Selkeät, opetukselliset koodiesimerkit +- Typet-vihjeet oppimista helpottamaan ### Markdown-dokumentaatio -- Selkeä otsikkohierarkia -- Koodilohkot kielellä merkattuina -- Linkit lisäresursseihin -- Kuvakaappaukset ja kuvat `images/` kansioissa -- Kuvien alt-tekstit saavutettavuutta varten +- Selkeä otsikkohierarkia +- Koodilohkot kielimäärityksillä +- Linkit lisäresursseihin +- Kuvakaappaukset ja kuvat `images/` kansioissa +- Kuville saavutettavuustekstit (alt) -### Tiedostojen järjestely +### Tiedostojen järjestäminen -- Oppitunnit numeroitu järjestyksessä (1-getting-started-lessons, 2-js-basics jne.) -- Jokaisella projektilla on `solution/` ja usein myös `start/` tai `your-work/` kansiot -- Kuvat tallennettu oppituntikohtaisiin `images/` kansioihin -- Käännökset rakenteessa `translations/{language-code}/` +- Oppitunnit numeroitu peräkkäin (1-getting-started-lessons, 2-js-basics, jne.) +- Jokaisessa projektissa on yleensä `solution/` ja usein `start/` tai `your-work/` kansiot +- Kuvat tallennetaan oppituntikohtaisiin `images/` kansioihin +- Käännökset `translations/{language-code}/` -rakenteessa -## Käännös- ja julkaisuohjeet +## Kääntäminen ja käyttöönotto -### Quiz-sovelluksen julkaisu (Azure Static Web Apps) +### Quiz Appin käyttöönotto (Azure Static Web Apps) -Quiz-sovellus on konfiguroitu julkaistavaksi Azure Static Web Apps -palveluun: +Quiz-app on konfiguroitu Azure Static Web Apps -käyttöönottoa varten: ```bash cd quiz-app -npm run build # Luo dist/ -kansion -# Ottaa käyttöön GitHub Actions -työnkulun push-tapahtumassa main-haaraan +npm run build # Luo dist/-kansion +# Ottaa käyttöön GitHub Actions -työnkulun kautta, kun pushataan main-haaraan ``` + +Azure Static Web Apps -konfiguraatio: +- **App location**: `/quiz-app` +- **Output location**: `dist` +- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -Azure Static Web Apps -konfiguraatio: -- **Sovelluksen sijainti**: `/quiz-app` -- **Tulostuskansio**: `dist` -- **Työnkulku**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` - -### Dokumentaation PDF:n luonti +### Dokumentaation PDF-generointi ```bash npm install # Asenna docsify-to-pdf npm run convert # Luo PDF docsista ``` - -### Docsify-dokumentaatio + +### Docsify dokumentaatio ```bash npm install -g docsify-cli # Asenna Docsify globaalisti -docsify serve # Palvele localhost:3000:ssa +docsify serve # Palvele osoitteessa localhost:3000 ``` + +### Projektikohtaiset käännösprosessit -### Projektikohtaiset buildit - -Jokaisella projekti-hakemistolla voi olla oma build-prosessinsa: -- Vue-projektit: `npm run build` luo tuotantokokoelmat -- Staattiset projektit: Ei build-vaihetta, tiedostot palvelimelle sellaisenaan +Jokaisella projektikansiolla voi olla oma rakennusprosessi: +- Vue-projekteissa `npm run build` luo tuotantopaketteja +- Staattisissa projekteissa ei ole rakennusvaihetta, tiedostot tarjotaan suoraan -## Pull request -ohjeet +## Pull request -ohjeistus -### Otsikkomuoto +### Otsikemuoto -Käytä selkeitä ja kuvaavia otsikoita, jotka kertovat muutoksen kohteen: -- `[Quiz-app] Lisää uusi tietovisa oppitunnille X` -- `[Lesson-3] Korjaa kirjoitusvirhe terrarium-projektissa` -- `[Translation] Lisää espanjankielinen käännös oppitunnille 5` +Käytä selkeitä, kuvaavia otsikoita, jotka ilmaisevat muutoksen kohteen: +- `[Quiz-app] Lisää uusi visailu oppitunnille X` +- `[Lesson-3] Korjaa kirjoitusvirhe terrarium-projektissa` +- `[Translation] Lisää espanjankielinen käännös oppitunnille 5` - `[Docs] Päivitä asennusohjeet` ### Pakolliset tarkistukset -Ennen PR:n lähettämistä: +Ennen PR:n lähettämistä: -1. **Koodin laatu**: - - Aja `npm run lint` asianomaisissa projektihakemistoissa +1. **Koodin laatu**: + - Suorita `npm run lint` muokatuissa projektikansioissa - Korjaa kaikki lint-virheet ja varoitukset -2. **Buildin toimivuus**: - - Aja `npm run build`, jos sovellettavissa - - Varmista, ettei build-virheitä ilmene +2. **Käännöksen varmistus**: + - Suorita `npm run build` tarvittaessa + - Varmista, ettei rakennusvirheitä ole -3. **Linkkien toimivuus**: - - Testaa kaikki markdown-linkit +3. **Linkkien tarkistus**: + - Testaa kaikki markdown-linkit - Varmista kuvaviitteiden toimivuus -4. **Sisällön tarkistus**: - - Tarkista oikeinkirjoitus ja kielioppi - - Varmista koodiesimerkkien oikeellisuus ja opetuksellisuus - - Tarkista, että käännökset säilyttävät alkuperäisen merkityksen +4. **Sisällön tarkastus**: + - Tarkista oikeinkirjoitus ja kielioppi + - Varmista, että koodiesimerkit ovat oikein ja opetuksellisia + - Tarkista käännösten tarkkuus ja merkityksen säilyminen ### Osallistumisvaatimukset -- Hyväksy Microsoft CLA (automaattinen tarkistus ensimmäisen PR:n yhteydessä) -- Noudata [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) -käyttäytymissääntöjä -- Katso tarkemmat ohjeet [CONTRIBUTING.md](./CONTRIBUTING.md) -tiedostosta -- Viittaa tarvittaessa issue-numeroihin PR-kuvauksessa +- Hyväksy Microsoftin CLA-sopimus (automaattinen tarkistus ensimmäisellä PR:llä) +- Noudata [Microsoftin avoimen lähdekoodin käytännesääntöjä](https://opensource.microsoft.com/codeofconduct/) +- Katso [CONTRIBUTING.md](./CONTRIBUTING.md) yksityiskohtaiset ohjeet +- Viittaa mahdollisiin issue-numeroihin PR-kuvauksessa -### Arviointiprosessi +### Tarkastusprosessi -- PR:t katselmoidaan ylläpitäjien ja yhteisön toimesta -- Painotus opetuksellisessa selkeydessä -- Koodiesimerkkien tulee noudattaa ajantasaisia hyviä käytäntöjä -- Käännökset tarkistetaan paikkansapitävyyden ja kulttuurisen sopivuuden osalta +- PR:t tarkistaa ylläpitäjät ja yhteisö +- Painopisteenä opetuksellinen selkeys +- Koodiesimerkkien tulee noudattaa tämänhetkisiä parhaita käytäntöjä +- Käännökset tarkastetaan tarkkuuden ja kulttuurisen sopivuuden osalta ## Käännösjärjestelmä ### Automaattinen käännös -- Käyttää GitHub Actionsia ja co-op-translator -työnkulkua -- Kääntää automaattisesti yli 50 kielelle -- Lähdetiedostot ovat pääkansioissa -- Käännetyt tiedostot löytyvät `translations/{language-code}/` -hakemistoista +- Käyttää GitHub Actionsia co-op-translator työnkululla +- Kääntää automaattisesti yli 50 kielelle +- Lähdetiedostot pääkansioissa +- Käännetyt tiedostot `translations/{language-code}/` kansioissa -### Manuaalisten parannusten lisääminen +### Manuaalisten käännösparannusten lisääminen -1. Etsi tiedosto `translations/{language-code}/` -hakemistosta -2. Tee parannuksia säilyttäen rakenne -3. Varmista, että koodiesimerkit toimivat edelleen -4. Testaa mahdolliset paikallistetut tietovisa-aiheet +1. Etsi tiedosto `translations/{language-code}/` -kansiosta +2. Tee parannukset rakenteen säilyttäen +3. Varmista, että koodiesimerkit toimivat edelleen +4. Testaa mahdollinen lokalisoitu visailusisältö ### Käännösmetadata -Käännetyissä tiedostoissa on mukana metadataotsikko: +Käännetyt tiedostot sisältävät metadataotsikon: ```markdown ``` - + ## Virheenkorjaus ja vianetsintä -### Yleisiä ongelmia +### Yleiset ongelmat -**Quiz-sovellus ei käynnisty**: -- Tarkista Node.js:n versio (v14+ suositeltu) -- Poista `node_modules` ja `package-lock.json`, suorita `npm install` uudelleen -- Tarkista, ettei portti ole käytössä (oletus: Vite käyttää porttia 5173) +**Quiz app ei käynnisty**: +- Tarkista Node.js versio (v14+ suositeltu) +- Poista `node_modules` ja `package-lock.json`, suorita `npm install` uudelleen +- Tarkista porttikonfliktit (oletus: Vite käyttää porttia 5173) -**API-palvelin ei käynnisty**: -- Varmista, että Node.js-versio täyttää vähimmäisvaatimuksen (node >=10) -- Tarkista portin vapautuminen -- Varmista, että kaikki riippuvuudet on asennettu komennolla `npm install` +**API-palvelin ei käynnisty**: +- Varmista, että Node.js versio on vähintään 10 +- Tarkista, onko portti varattu +- Varmista että riippuvuudet on asennettu `npm install` komennolla -**Selainlaajennus ei lataudu**: -- Tarkista, että manifest.json on oikein muotoiltu -- Katso selaimen konsolista virheilmoituksia -- Noudata selaimen erityisohjeita laajennuksen asennukseen +**Selainlaajennus ei lataudu**: +- Varmista, että manifest.json on oikein muotoiltu +- Tarkista selaimen konsolista virheilmoitukset +- Noudata selaimelle spesifisiä laajennuksen asennusohjeita -**Python chat -projektin ongelmat**: -- Varmista, että OpenAI-paketti on asennettu: `pip install openai` -- Tarkista, että GITHUB_TOKEN-ympäristömuuttuja on määritelty +**Python chat -projekti ei toimi oikein**: +- Varmista, että OpenAI-paketti on asennettu: `pip install openai` +- Tarkista, että GITHUB_TOKEN -ympäristömuuttuja on asetettu - Tarkista GitHub Models -käyttöoikeudet -**Docsify ei tarjoile dokumentaatiota**: -- Asenna docsify-cli globaalisti: `npm install -g docsify-cli` -- Aja komento arkiston juurihakemistosta -- Varmista, että `docs/_sidebar.md` on olemassa +**Docsify ei tarjoa dokumentaatiota**: +- Asenna docsify-cli globaalisti: `npm install -g docsify-cli` +- Suorita repositoryn juurikansiosta +- Varmista, että `docs/_sidebar.md` tiedosto on olemassa -### Kehitysympäristövinkit +### Kehitysympäristön vinkkejä -- Käytä VS Codea Live Server -laajennuksen kanssa HTML-projekteissa -- Asenna ESLint ja Prettier -laajennukset yhdenmukaisen muotoilun varmistamiseksi -- Käytä selaimen DevTools-työkaluja JavaScriptin debuggaamiseen +- Käytä VS Codea Live Server -laajennuksella HTML-projekteissa +- Asenna ESLint ja Prettier laajennukset yhtenäiseen muotoiluun +- Käytä selaimen DevToolsia JavaScriptin debuggaamiseen - Vue-projekteissa asenna Vue DevTools selaimen laajennus -### Suorituskyky +### Suorituskyvyn huomioita -- Valtava määrä käännettyjä tiedostoja (yli 50 kieltä) tekee kokonaisklooneista suuria -- Käytä pinnallista kloonausta, jos työskentelet vain sisällön parissa: `git clone --depth 1` -- Poista käännökset hausta, kun työskentelet englanninkielisen sisällön kanssa -- Build-prosessit voivat olla hitaita ensimmäisellä ajokerralla (npm install, Vite build) +- Suuri määrä käännettyjä tiedostoja (50+ kieltä) tekee koko kloonista suuren +- Käytä kevyttä kloonausta, jos työskentelet vain sisällön parissa: `git clone --depth 1` +- Poissulje käännökset hauista työskennellessäsi englanninkielisen sisällön parissa +- Rakennusprosessit voivat olla hitaita ensimmäisellä ajokerralla (npm install, Vite build) -## Turvakäytännöt +## Turvallisuusohjeet ### Ympäristömuuttujat -- API-avaimia ei koskaan saa tallentaa arkistoon -- Käytä `.env`-tiedostoja (sisältyvät jo `.gitignore`-tiedostoon) -- Dokumentoi vaaditut ympäristömuuttujat projektien READMEssa +- API-avaimia ei koskaan saa sitoa arkistoon +- Käytä `.env` tiedostoja (jo valmiiksi `.gitignore`-listattuina) +- Dokumentoi tarvittavat ympäristömuuttujat projektin READMEissä ### Python-projektit -- Käytä virtuaaliympäristöjä: `python -m venv venv` -- Pidä riippuvuudet ajan tasalla -- GitHub-tokenit tulee rajoittaa minimitason käyttöoikeuksiin +- Käytä virtuaaliympäristöjä: `python -m venv venv` +- Pidä riippuvuudet ajan tasalla +- GitHub tokenien käyttöoikeudet tulee olla mahdollisimman rajatut ### GitHub Models -käyttö -- Tarvitaan henkilökohtaiset käyttöoikeustokenit (PAT) -- Tokenit tulee tallentaa ympäristömuuttujiksi -- Älä koskaan tallenna tokeneita tai tunnuksia arkistoon +- Henkilökohtaiset Access Tokenit (PAT) vaaditaan GitHub Modelsin käyttöön +- Tokenit säilytetään ympäristömuuttujina +- Älä koskaan sitoa tokeneita tai tunnistetietoja arkistoon -## Lisätietoja +## Lisätiedot ### Kohdeyleisö -- Täysin aloittelijat web-kehityksessä -- Opiskelijat ja itseopiskelijat -- Opettajat, jotka käyttävät opetussuunnitelmaa luokkahuoneissa -- Sisältö on suunniteltu saavutettavaksi ja asteittaisen taitojen kehittämisen mahdollistavaksi +- Täysin aloittelijat verkkokehityksessä +- Opiskelijat ja itseopiskelijat +- Opettajat, jotka käyttävät opetussuunnitelmaa luokkahuoneessa +- Sisältö on suunniteltu saavutettavaksi ja taitotasoa asteittain kehittäväksi -### Opetussuunnitelman filosofia +### Opetushenkiset periaatteet -- Projektipohjainen oppimismenetelmä -- Tiheät tietovisat oppimisen tarkistamiseen -- Käytännön ohjelmointiharjoitukset -- Käytännön esimerkit todellisesta maailmasta -- Perusteiden korostaminen ennen kehysten opettelua +- Projekti-pohjainen oppiminen +- Säännölliset tietotarkistukset (visailut) +- Käytännön ohjelmointiharjoitukset +- Todellisten esimerkkien hyödyntäminen +- Painotus perusteissa ennen frameworkeja ### Arkiston ylläpito -- Aktiivinen oppijoiden ja avustajien yhteisö -- Riittävä päivitystahti riippuvuuksille ja sisällölle -- Ylläpitäjät seuraavat ongelmia ja keskusteluja -- Käännösten päivitys on automatisoitu GitHub Actionsilla +- Aktiivinen oppijoiden ja osallistujien yhteisö +- Riippuvuuksien ja sisällön säännölliset päivitykset +- Kysymysten ja keskustelujen seuranta ylläpitäjien toimesta +- Käännösten päivitykset automatisoitu GitHub Actionsin kautta ### Liittyvät resurssit -- [Microsoft Learn -moduulit](https://docs.microsoft.com/learn/) -- [Student Hubin materiaalit](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) suositellaan oppijoille -- Lisäkursseja: Generative AI, Data Science, ML, IoT -opetussuunnitelmat ovat saatavilla +- [Microsoft Learn -moduulit](https://docs.microsoft.com/learn/) +- [Student Hub -resurssit](https://docs.microsoft.com/learn/student-hub/) +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) suositellaan oppijoille +- Lisäkursseja: Generative AI, Data Science, ML, IoT opetussuunnitelmat saatavilla -### Työskentely tietyissä projekteissa +### Työskentely erityisten projektien kanssa -Yksityiskohtaiset ohjeet eri projekteihin löytyvät niihin liittyvistä README-tiedostoista: -- `quiz-app/README.md` - Vue 3 tietovisasovellus -- `7-bank-project/README.md` - Pankkisovellus autentikoinnilla -- `5-browser-extension/README.md` - Selainlaajennuksen kehitys -- `6-space-game/README.md` - Canvas-pohjainen peli -- `9-chat-project/README.md` - AI chat assistant -projekti +Yksityiskohtaiset ohjeet löytyvät seuraavilta README-tiedostoilta: +- `quiz-app/README.md` - Vue 3 visailusovellus +- `7-bank-project/README.md` - Pankkisovellus autentikoinnilla +- `5-browser-extension/README.md` - Selainlaajennuksen kehitys +- `6-space-game/README.md` - Canvas-pohjainen peli +- `9-chat-project/README.md` - AI-chattiapurin projekti -### Monorepo-rakenne +### Monorepon rakenne -Vaikka tämä ei ole perinteinen monorepo, arkisto sisältää useita itsenäisiä projekteja: -- Jokainen oppitunti on itsenäinen kokonaisuus -- Projektit eivät jaa riippuvuuksia keskenään -- Työskentele yksittäisten projektien parissa vaikuttamatta muihin -- Kloonaa koko repositorio saadaksesi täyden opetussuunnitelman kokemuksen +Vaikka kyseessä ei ole perinteinen monorepo, tämä arkisto sisältää useita erillisiä projekteja: +- Jokainen oppitunti on itsenäinen kokonaisuus +- Projektit eivät jaa riippuvuuksia keskenään +- Työskentele yksittäisten projektien parissa vaikuttamatta muihin +- Kloonaa koko arkisto saadaksesi täyden opetussuunnitelman kokemuksen --- -**Vastuuvapauslauseke**: -Tämä asiakirja on käännetty käyttämällä tekoälypohjaista käännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, ota huomioon, että automaattikäännöksissä saattaa esiintyä virheitä tai epätarkkuuksia. Alkuperäistä asiakirjaa sen alkuperäisellä kielellä pidetään auktoritatiivisena lähteenä. Tärkeiden tietojen osalta suositellaan ammattimaista ihmiskäännöstä. Emme ole vastuussa tämän käännöksen käytöstä aiheutuvista väärinymmärryksistä tai virhetulkinnoista. +**Vastuuvapauslauseke**: +Tämä asiakirja on käännetty käyttämällä tekoälykäännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, otathan huomioon, että automaattiset käännökset saattavat sisältää virheitä tai epätarkkuuksia. Alkuperäistä asiakirjaa sen alkuperäiskielellä tulee pitää virallisena lähteenä. Kriittisissä tiedoissa suosittelemme ammattimaista ihmiskäännöstä. Emme ole vastuussa tämän käännöksen käytöstä aiheutuvista väärinymmärryksistä tai väärintulkinnasta. \ No newline at end of file diff --git a/translations/fi/README.md b/translations/fi/README.md index de0a4b8c3..65c8c7c56 100644 --- a/translations/fi/README.md +++ b/translations/fi/README.md @@ -10,29 +10,29 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# Verkkokehitys aloittelijoille - Opetussuunnitelma +# Verkkokehitys aloittelijoille – Opetussuunnitelma -Opi verkkokehityksen perusteet kattavalla 12 viikon kurssillamme, jonka on laatinut Microsoft Cloud Advocates. Jokainen 24 oppitunnista syventyy JavaScriptiin, CSS:ään ja HTML:ään käytännön projektien, kuten terraarioiden, selaimen laajennusten ja avaruuspelien kautta. Osallistu tietokilpailuihin, keskusteluihin ja käytännön tehtäviin. Kehitä taitojasi ja optimoi tietojesi omaksuminen tehokkaan projektilähtöisen pedagogiikkamme avulla. Aloita koodausmatkasi tänään! +Opi verkkokehityksen perusteet Microsoft Cloud Advocatesin 12 viikon kattavan kurssin avulla. Jokainen 24 oppitunnista sukeltaa JavaScriptin, CSS:n ja HTML:n maailmaan käytännön projekteilla, kuten terraarioilla, selainlaajennuksilla ja avaruuspeleillä. Osallistu tietovisoihin, keskusteluihin ja käytännön tehtäviin. Kehitä taitojasi ja optimoi tiedon omaksuminen tehokkaan projektiperusteisen opetuksen avulla. Aloita koodausmatkasi tänään! -Liity Azure AI Foundryn Discord-yhteisöön +Liity Azure AI Foundryn Discord-palvelimeen ja tapaa asiantuntijoita ja muita kehittäjiä. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Seuraa näitä ohjeita aloittaaksesi näiden resurssien käytön: -1. **Forkkaa repositorio**: Klikkaa [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **Kloonaa repositorio**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Liity Azure AI Foundryn Discordiin ja tapaa asiantuntijoita sekä muita kehittäjiä**](https://discord.com/invite/ByRwuEEgH4) +Seuraa näitä ohjeita aloittaaksesi näiden materiaalien käytön: +1. **Tee forkki arkistosta**: Klikkaa [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **Kloonaa arkisto**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Liity Azure AI Foundryn Discordiin ja tapaa asiantuntijat ja kehittäjäkollegat**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Monikielinen tuki -#### Tuettu GitHub Actionin kautta (automaattinen & aina ajan tasalla) +#### Tuettu GitHub Actionin kautta (automaattinen ja aina ajan tasalla) [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](./README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) > **Haluatko kloonata paikallisesti?** > -> Tämä repositorio sisältää yli 50 kieliversiota, mikä lisää huomattavasti latauskokoa. Kloonataksesi ilman käännöksiä, käytä sparse checkoutia: +> Tämä arkisto sisältää yli 50 käännettyä kieltä, mikä lisää huomattavasti latauskokoa. Kloonataksesi ilman käännöksiä, käytä sparse checkoutia: > > **Bash / macOS / Linux:** > ```bash @@ -48,85 +48,85 @@ Seuraa näitä ohjeita aloittaaksesi näiden resurssien käytön: > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > ``` > -> Saat kaiken tarvittavan kurssin suorittamiseen paljon nopeammalla latauksella. +> Tämä antaa sinulle kaiken tarvittavan kurssin suorittamiseen huomattavasti nopeammalla latauksella. -**Jos haluat, että muita käännöskieliä tuetaan, ne löytyvät [täältä](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Jos haluat lisää käännöksiä, tuetut kielet löytyvät täältä. [tästä](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** -[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Avaa%20Visual%20Studio%20Codeen&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) +[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) #### 🧑‍🎓 _Oletko opiskelija?_ -Vieraile [**Student Hub -sivulla**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), josta löydät aloittelijoille suunnattuja resursseja, opiskelijapaketit ja jopa tapoja saada ilmainen todistuksen voucher. Tämä sivu kannattaa lisätä kirjanmerkkeihin ja tarkistaa säännöllisesti, koska sisältö vaihtuu kuukausittain. +Vieraile [**Student Hub -sivulla**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), josta löydät aloittelijoille suunnattuja resursseja, opiskelijapakkauksia ja jopa tapoja saada ilmainen sertifikaattikuponki. Tämä on sivu, joka kannattaa lisätä kirjanmerkkeihisi ja tarkistaa aika ajoin, koska päivitämme sisältöä kuukausittain. -### 📣 Ilmoitus - Uudet GitHub Copilot Agent -tilahaasteet suoritettavaksi! +### 📣 Ilmoitus – Uudet GitHub Copilot Agent -tilan haasteet suoritettavaksi! -Uusi haaste lisätty, etsi "GitHub Copilot Agent Challenge 🚀" useimmista luvuista. Tämä on uusi haaste, jonka voit suorittaa käyttäen GitHub Copilotia ja Agent-tilaa. Jos et ole aiemmin käyttänyt Agent-tilaa, se pystyy tuottamaan ei pelkästään tekstiä, vaan myös luomaan ja muokkaamaan tiedostoja, suorittamaan komentoja ja muuta. +Uusi haaste lisätty, etsi „GitHub Copilot Agent Challenge 🚀” useimmista luvuista. Tämä on uusi haaste sinulle käytettäväksi GitHub Copilotin ja Agent-tilan avulla. Jos et ole aiemmin käyttänyt Agent-tilaa, se pystyy tuottamaan tekstiä, mutta myös luomaan ja muokkaamaan tiedostoja, suorittamaan komentoja ja muuta. -### 📣 Ilmoitus - _Uusi projekti rakennettavaksi Generatiivisella AI:lla_ +### 📣 Ilmoitus – _Uusi Generatiiviseen tekoälyyn perustuva projekti rakenteilla_ -Uusi AI-avustajaprojekti juuri lisätty, tutustu [projektiin](./9-chat-project/README.md) +Uusi tekoälyavustajaprojekti juuri lisätty, tutustu [projektiin](./9-chat-project/README.md) -### 📣 Ilmoitus - _Uusi opetussuunnitelma_ Generatiivisesta AI:sta JavaScriptille juuri julkaistu +### 📣 Ilmoitus – _Uusi opetussuunnitelma_ generatiivisesta tekoälystä JavaScriptillä juuri julkaistu -Älä missaa uutta Generatiivisen AI:n opetussuunnitelmaamme! +Älä missaa uutta Generatiivisen tekoälyn opetussuunnitelmaamme! -Siirry sivulle [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) aloittaaksesi! +Aloita osoitteessa [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) -![Tausta](../../translated_images/fi/background.148a8d43afde5730.webp) +![Background](../../translated_images/fi/background.148a8d43afde5730.webp) -- Oppitunnit kattavat kaiken perusteista RAG:iin saakka. -- Keskustele historiallisten hahmojen kanssa GenAI:n ja kumppanisovelluksemme avulla. -- Hauska ja mukaansatempaava kertomus, jossa aikamatkustat! +- Oppitunnit kattavat kaiken perusasioista RAG:iin (Retrieval-Augmented Generation). +- Vuorovaikutusta historiallisten hahmojen kanssa GenAI:n ja seurassovelluksemme avulla. +- Hauska ja mukaansatempaava tarinankerronta, matkustat ajassa! -![Hahmo](../../translated_images/fi/character.5c0dd8e067ffd693.webp) +![character](../../translated_images/fi/character.5c0dd8e067ffd693.webp) -Jokaisessa oppitunnissa on suoritettava tehtävä, tietotesti ja haaste, jotka ohjaavat oppimaan aiheita kuten: -- Kehote- ja prompteinsinööritaito -- Tekstin ja kuvan sovellustuotanto +Jokainen oppitunti sisältää tehtävän, tietotestin ja haasteen, jotka ohjaavat sinua oppimaan aiheita kuten: +- Kehote- ja kehotesuunnittelu +- Tekstin ja kuvan sovellusgenerointi - Hakusovellukset -Siirry sivulle [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) aloittaaksesi! +Aloita osoitteessa [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) -## 🌱 Aloittaminen +## 🌱 Aloita -> **Opettajat**, olemme lisänneet [joitakin ehdotuksia](for-teachers.md) tämän opetussuunnitelman käyttöön. Arvostamme palautettanne [keskustelufoorumillamme](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Opettajat**, olemme [lisänneet joitakin vinkkejä](for-teachers.md) kuinka käyttää tätä opetussuunnitelmaa. Arvostamme palautettanne [keskustelufoorumissamme](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Oppijat](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, jokaiselle oppitunnille, aloita ennakko-oppitentin tekemisellä ja etene lukemalla luentomateriaali, suorittamalla erilaiset tehtävät ja tarkista ymmärryksesi jälkitentin avulla. +**[Oppijat](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, aloita jokainen oppitunti esiluentokyselyllä ja jatka lukemalla luentomateriaalit, tekemällä eri harjoitukset ja tarkista ymmärryksesi jälkiluentokyselyllä. -Parantaaksesi oppimiskokemustasi, yhdistä voimasi vertaistesi kanssa projektien parissa! Keskusteluja suositaan [keskustelufoorumillamme](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), jossa moderaattoritiimimme on valmiina vastaamaan kysymyksiisi. +Paranna oppimiskokemustasi yhdistämällä muiden oppijoiden kanssa työskentelemään projekteissa yhdessä! Keskusteluja suositellaan [keskustelufoorumissamme](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), jossa moderaattoritiimimme vastaa kysymyksiisi. -Koulutuksesi syventämiseksi suosittelemme lämpimästi tutustumaan [Microsoft Learniin](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) lisäoppimateriaaleja varten. +Jatkaaksesi opiskelua suosittelemme lämpimästi tutustumaan [Microsoft Learniin](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) saadaksesi lisämateriaaleja. ### 📋 Ympäristön asennus -Tässä opetussuunnitelmassa on kehitysympäristö valmiina käytettäväksi! Aloittaessasi voit valita opetussuunnitelman ajamisen [Codespace](https://github.com/features/codespaces/) -ympäristössä (_selainpohjainen, ei asennuksia tarvitseva ympäristö_) tai paikallisesti tietokoneellasi käyttämällä tekstieditoria, kuten [Visual Studio Codea](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Tämä opetussuunnitelma sisältää valmiin kehitysympäristön! Aloittaessasi voit valita suorittaa opetussuunnitelman [Codespacessa](https://github.com/features/codespaces/) (_selainpohjainen ympäristö, johon ei tarvitse asentaa mitään_) tai paikallisesti tietokoneellasi tekstieditorilla kuten [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Luo oma repositoriosi -Jotta voit helposti tallentaa työsi, on suositeltavaa luoda oma kopio tästä repositoriosta. Voit tehdä sen klikkaamalla sivun ylälaidassa olevaa **Use this template** -painiketta. Tämä luo uuden repositorion GitHub-tilillesi, jossa on kopio opetussuunnitelmasta. +#### Luo oma arkistosi +Työsi tallentamisen helpottamiseksi on suositeltavaa tehdä oma kopiosi tästä arkistosta. Voit tehdä sen klikkaamalla sivun ylälaidassa painiketta **Use this template**. Tämä luo uuden arkiston GitHub-tilillesi opetussuunnitelman kopion kanssa. -Seuraa nämä vaiheet: -1. **Forkkaa repositorio**: Klikkaa "Fork" -painiketta tämän sivun oikeassa yläkulmassa. -2. **Kloonaa repositorio**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +Noudata näitä ohjeita: +1. **Tee forkki arkistosta**: Klikkaa sivun oikeassa yläkulmassa olevaa "Fork"-painiketta. +2. **Kloonaa arkisto**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Opetussuunnitelman suorittaminen Codespacessa -Luo omaan kopioosi tästä repositoriosta, jonka teit, klikkaa **Code** -painiketta ja valitse **Open with Codespaces**. Tämä luo sinulle uuden Codespace-ympäristön työskentelyä varten. +Oman luomasi kopion arkistosta kohdalla klikkaa **Code**-painiketta ja valitse **Open with Codespaces**. Tämä luo sinulle uuden Codespace-työalueen. ![Codespace](../../translated_images/fi/createcodespace.0238bbf4d7a8d955.webp) -#### Opetussuunnitelman suorittaminen paikallisesti tietokoneellasi +#### Opetussuunnitelman suorittaminen paikallisesti tietokoneella -Suorittaaksesi tämän opetussuunnitelman paikallisesti tietokoneellasi tarvitset tekstieditorin, selaimen ja komentorivityökalun. Ensimmäinen oppituntimme, [Johdanto ohjelmointikieliin ja työkaluihin](../../1-getting-started-lessons/1-intro-to-programming-languages), opastaa sinua erilaisten työkaluvaihtoehtojen läpi, joista voit valita sinulle parhaiten sopivat. +Suorittaaksesi opetussuunnitelman paikallisesti sinun tulee asentaa tekstieditori, selain ja komentorivityökalu. Ensimmäinen oppituntimme, [Johdatus ohjelmointikieliin ja työkaluihin](../../1-getting-started-lessons/1-intro-to-programming-languages), esittelee sinulle erilaisia vaihtoehtoja jokaiselle näistä työkaluista, jotta voit valita sinulle parhaiten sopivat. -Suosittelemme käyttämään editorina [Visual Studio Codea](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon), jossa on myös sisäänrakennettu [Komentorivi](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Voit ladata Visual Studio Coden [tästä](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -1. Kloonaa arkistosi tietokoneellesi. Voit tehdä tämän napsauttamalla **Code**-painiketta ja kopioimalla URL-osoitteen: +Suosittelemme käyttämään tekstieditorina [Visual Studio Codea](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon), joka sisältää myös sisäisen [Komentorivin (Terminaalin)](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Voit ladata Visual Studio Coden [tästä](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. Kloonaa oma repositoriosi tietokoneellesi. Voit tehdä tämän napsauttamalla **Code**-painiketta ja kopioimalla URL-osoitteen: [CodeSpace](./images/createcodespace.png) - Avaa sitten [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) [Visual Studio Codessa](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ja suorita seuraava komento korvaten `` juuri kopioimallasi URL-osoitteella: + Avaa sitten [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) -sovelluksessa ja suorita seuraava komento korvaamalla `` juuri kopioimallasi URL-osoitteella: ```bash git clone @@ -137,85 +137,85 @@ Suosittelemme käyttämään editorina [Visual Studio Codea](https://code.visual > Suositellut Visual Studio Code -laajennukset: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML-sivujen esikatselua varten Visual Studio Codessa +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML-sivujen esikatseluun Visual Studio Codessa > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - auttaa sinua kirjoittamaan koodia nopeammin ## 📂 Jokainen oppitunti sisältää: - valinnaisen sketchnoten -- valinnaisen tukevan videon -- lämmittelykyselyn ennen oppituntia +- valinnaisen lisävideon +- ennen oppituntia tehtävän lämmittelykyselyn - kirjallisen oppitunnin -- projektipohjaisissa oppitunneissa vaiheittaiset ohjeet projektin rakentamiseen -- tietämyksen tarkistukset +- projektilähtöisissä oppitunneissa vaiheittaiset ohjeet projektin rakentamiseen +- tietovisiot - haasteen -- tukevan lukemisen +- lisälukemista - tehtävän - [oppitunnin jälkeisen kyselyn](https://ff-quizzes.netlify.app/web/) -> **Huomio kyselyistä**: Kaikki kyselyt ovat Quiz-app-kansiossa, yhteensä 48 kyselyä, joissa jokaisessa on kolme kysymystä. Ne ovat saatavilla [tästä](https://ff-quizzes.netlify.app/web/). Kyselysovellusta voi käyttää paikallisesti tai ottaa käyttöön Azuren kautta; noudata ohjeita `quiz-app`-kansiossa. +> **Huomautus kyselyistä**: Kaikki kyselyt löytyvät Quiz-app-kansiosta, yhteensä 48 kyselyä, joissa jokaisessa on kolme kysymystä. Ne ovat saatavilla [tässä](https://ff-quizzes.netlify.app/web/). Quiz-sovellusta voi ajaa paikallisesti tai ottaa käyttöön Azuren kautta; noudata ohjeita `quiz-app`-kansiossa. ## 🗃️ Oppitunnit -| | Projektin nimi | Käsitellyt käsitteet | Oppimistavoitteet | Linkitetty oppitunti | Tekijä | -| :-: | :----------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Getting Started | Ohjelmoinnin perusteet ja työkalut | Opi useimpien ohjelmointikielten perustukset ja ohjelmistot, jotka auttavat ammattilaiskehittäjiä työssään | [Johdatus ohjelmointikieliin ja työkaluihin](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Getting Started | GitHubin perusteet, sisältää yhteistyön tiimissä | Kuinka käyttää GitHubia projektissasi, miten tehdä yhteistyötä muiden kanssa koodikannan parissa | [Johdatus GitHubiin](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Getting Started | Esteettömyys | Opi verkkosisällön saavutettavuuden perusteet | [Esteettömyyden perusteet](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Basics | JavaScriptin tietotyypit | JavaScriptin tietotyyppien perusteet | [Tietotyypit](./2-js-basics/1-data-types/README.md) | Jasmine | -| 05 | JS Basics | Funktiot ja metodit | Opi funktioista ja metodeista sovelluksen logiikan hallinnassa | [Funktiot ja metodit](./2-js-basics/2-functions-methods/README.md) | Jasmine ja Christopher | -| 06 | JS Basics | Päätöksenteko JS:llä | Opi luomaan ehtoisuuksia koodissasi päätöksentekomenetelmillä | [Päätöksenteko](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Basics | Taulukot ja silmukat | Työskentele datan kanssa taulukoiden ja silmukoiden avulla JavaScriptissä | [Taulukot ja silmukat](./2-js-basics/4-arrays-loops/README.md) | Jasmine | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML käytännössä | Rakenna HTML luodaksesi verkkoterraarion keskittyen asettelun rakentamiseen | [Johdatus HTML:ään](./3-terrarium/1-intro-to-html/README.md) | Jen | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS käytännössä | Luo CSS tyylitelläksesi verkkoterraariota, keskittyen CSS:n perusteisiin ja sivun responsiivisuuteen | [Johdatus CSS:ään](./3-terrarium/2-intro-to-css/README.md) | Jen | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closuret, DOM-manipulointi | Rakenna JavaScript, joka tekee terrariumin toimivaksi drag/drop-käyttöliittymänä, keskittyen closureihin ja DOM-manipulointiin | [JavaScript Closuret, DOM-manipulointi](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | Typing-pelin rakentaminen | Opi käyttämään näppäimistötapahtumia JavaScript-sovelluksesi logiikan ohjaamiseen | [Tapahtumaohjautuva ohjelmointi](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Toimiminen selaimissa | Opi, miten selaimet toimivat, niiden historia ja miten rakentaa selaimien laajennuksen ensimmäiset elementit | [Tietoa selaimista](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lomakkeen rakentaminen, API:n käyttäminen ja muuttujien tallentaminen paikalliseen muistiin | Rakenna selainlaajennuksen JavaScript-elementit API-kutsujen tekemiseen käyttäen paikalliseen muistiin tallennettuja muuttujia | [API:t, lomakkeet ja paikallinen muisti](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Taustaprosessit selaimessa ja verkkosuorituskyky | Käytä selaimen taustaprosesseja laajennuksen kuvakkeen hallintaan; opi verkkosuorituskyvystä ja joistakin optimoinneista | [Taustatehtävät ja suorituskyky](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | -| 15 | [Space Game](./6-space-game/solution/README.md) | Edistyneempi pelinkehitys JavaScriptillä | Opi perinnäisyydestä käyttäen sekä luokkia että koostetta sekä Pub/Sub-mallista pelin rakentamista varten | [Johdatus edistyneeseen pelinkehitykseen](./6-space-game/1-introduction/README.md) | Chris | -| 16 | [Space Game](./6-space-game/solution/README.md) | Piirtäminen canvakselle | Opi Canvas API:sta, jota käytetään elementtien piirtämiseen näytölle | [Piirtäminen canvakselle](./6-space-game/2-drawing-to-canvas/README.md) | Chris | -| 17 | [Space Game](./6-space-game/solution/README.md) | Elementtien liikuttaminen näytöllä | Tutustu, miten elementtejä voi liikuttaa käyttäen karteesisia koordinaatteja ja Canvas API:a | [Elementtien liikuttaminen](./6-space-game/3-moving-elements-around/README.md) | Chris | -| 18 | [Space Game](./6-space-game/solution/README.md) | Törmäysten havaitseminen | Tee elementtien törmäämisestä ja reagoimisesta toisiinsa näppäinpainallusten avulla ja lisää cooldown-toiminto pelin suorituskyvyn varmistamiseksi | [Törmäysten havaitseminen](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Pisteiden seuranta | Tee matemaattisia laskelmia pelin tilan ja suorituskyvyn perusteella | [Pisteiden seuranta](./6-space-game/5-keeping-score/README.md) | Chris | -| 20 | [Space Game](./6-space-game/solution/README.md) | Pelin lopetus ja uudelleen käynnistys | Opi pelin lopettamisesta ja uudelleenkäynnistyksestä, mukaan lukien resurssien siivouksesta ja muuttujien nollauksesta | [Lopetusehto](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML-mallit ja reititys web-sovelluksessa | Opi luomaan monisivuisen verkkosivuston runko reitityksen ja HTML-mallien avulla | [HTML-mallit ja reititys](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Banking App](./7-bank-project/solution/README.md) | Kirjautumis- ja rekisteröitymislomakkeen rakentaminen | Opi lomakkeiden rakentamisesta ja validoinnin käsittelystä | [Lomakkeet](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Banking App](./7-bank-project/solution/README.md) | Tietojen hakemisen ja käytön menetelmät | Kuinka tieto virtaa sovelluksessasi, miten sitä haetaan, tallennetaan ja hävitetään | [Tieto](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Banking App](./7-bank-project/solution/README.md) | Tilanhallinnan käsitteet | Opi, miten sovelluksesi säilyttää tilaa ja hallinnoi sitä ohjelmallisesti | [Tilanhallinta](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Työskentely VScoden kanssa | Opi käyttämään koodieditoria| [Käytä VScode-koodieditoria](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Työskentely tekoälyn kanssa | Opi rakentamaan oma tekoälyavustajasi | [Tekoälyavustajaprojekti](./9-chat-project/README.md) | Chris | +| | Projektin nimi | Käsiteltävät käsitteet | Oppimistavoitteet | Linkitetty oppitunti | Tekijä | +| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Aloittaminen | Johdatus ohjelmointiin ja työkaluihin | Opi ohjelmointikielten perusperiaatteet ja ohjelmistot, jotka auttavat ammattilaiskehittäjiä työssään | [Johdatus ohjelmointikieliin ja työkaluihin](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Aloittaminen | GitHubin perusteet, tiimityöskentely | Kuinka käyttää GitHubia projektissa, kuinka tehdä yhteistyötä muiden kanssa koodipohjan parissa | [Johdatus GitHubiin](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Aloittaminen | Esteettömyys | Opi web-estettömyyden perusteet | [Esteettömyyden perusteet](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS Perusteet | JavaScriptin tietotyypit | JavaScriptin tietotyyppien perusteet | [Tietotyypit](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS Perusteet | Funktiot ja metodit | Opi funktioista ja metodeista sovelluksen logiikan hallintaan | [Funktiot ja metodit](./2-js-basics/2-functions-methods/README.md) | Jasmine ja Christopher | +| 06 | JS Perusteet | Päätöksenteko JS:llä | Opi luomaan ehtoisuuksia koodissasi päätöksentekomenetelmillä | [Päätöksenteko](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Perusteet | Taulukot ja silmukat | Työskentele datan kanssa käyttäen taulukoita ja silmukoita JavaScriptissä | [Taulukot ja silmukat](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML käytännössä | Rakenna HTML luodaksesi online-terrarion, keskitytään sivun asetteluun | [Johdatus HTML:ään](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS käytännössä | Rakenna CSS tyylittelemään online-terrariota, keskitytään CSS:n perusteisiin, mukaan lukien responsiivisuus | [Johdatus CSS:ään](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScriptin sulkeet, DOM-manipulointi | Rakenna JavaScript, joka tekee terrariosta toimivan vedä/posta -käyttöliittymän, painottaen sulkeita ja DOM-manipulointia | [JavaScript-sulkeet, DOM-manipulointi](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | Rakenna kirjoituspeli | Opi käyttämään näppäimistötapahtumia JavaScript-sovelluksesi logiikan ohjaamiseen | [Tapahtumapohjainen ohjelmointi](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Työskentely selainten kanssa | Opi selainten toiminnasta, historiasta ja selaimen laajennuksen ensimmäisten elementtien luomisesta | [Tietoa selaimista](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lomakkeen rakentaminen, API-kutsut ja muuttujien tallennus paikalliseen tallennustilaan | Rakenna selaimen laajennuksen JavaScript-elementit, jotka kutsuvat API:a käyttäen paikalliseen tallennustilaan tallennettuja muuttujia | [API:t, lomakkeet ja paikallinen tallennus](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Taustaprosessit selaimessa, web-suorituskyky | Hyödynnä selaimen taustaprosesseja laajennuksen kuvakkeen hallintaan; opi web-suorituskyvystä ja joistakin optimoinneista suorituskyvyn parantamiseksi | [Taustatehtävät ja suorituskyky](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | Edistyneempi pelikehitys JavaScriptillä | Opi perinnöstä käyttäen luokkia ja koostamista sekä Pub/Sub-mallia pelin rakentamista varten | [Johdatus edistyneeseen pelikehitykseen](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | Piirtäminen canvasilla | Opi Canvas-API:sta, jota käytetään elementtien piirtämiseen näytölle | [Piirtäminen canvasille](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | Elementtien liikuttaminen näytöllä | Tutustu, kuinka elementit saavat liikkeen käyttäen karteesisia koordinaatteja ja Canvas API:a | [Elementtien liikuttaminen](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | Törmäystunnistus | Tee elementeistä törmäyskelpoisia ja reagoi toisiinsa näppäinten avulla, sekä lisää viivefunktio pelin suorituskyvyn turvaamiseksi | [Törmäystunnistus](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Pistelasku | Suorita matemaattisia laskelmia pelin tilan ja suorituskyvyn perusteella | [Pistelasku](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | Pelin lopettaminen ja uudelleenkäynnistys | Opi pelin lopettamisesta ja uudelleenkäynnistyksestä, mukaan lukien resurssien siivous ja muuttujien nollaaminen | [Lopetusehto](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML-mallit ja reitit web-sovelluksessa | Opi luomaan monisivuisen verkkosivuston arkkitehtuurin runko reitityksen ja HTML-mallien avulla | [HTML-mallit ja reitit](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | Kirjautumis- ja rekisteröintilomakkeen rakentaminen | Opi lomakkeiden rakentamisesta ja validointirutiinien käsittelystä | [Lomakkeet](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | Tietojen hakemisen ja käytön menetelmät | Kuinka data virtaa sovellukseen ja sieltä pois, kuinka hakea sitä, tallentaa ja käsitellä | [Data](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | Tilanhallinnan käsitteet | Opi kuinka sovelluksesi säilyttää tilan ja hallitsee sitä ohjelmallisesti | [Tilanhallinta](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Työskentely VScoden kanssa | Opi käyttämään koodieditoria | [Käytä VScode -koodieditoria](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | Työskentely tekoälyn kanssa | Opi rakentamaan oma tekoälyavustajasi | [AI-avustajaprojekti](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogiikka -Oppimateriaalimme on suunniteltu kahden keskeisen pedagogisen periaatteen pohjalta: -* projektipohjainen oppiminen -* säännölliset kyselyt +Oppiaineemme on suunniteltu kahden tärkeän pedagogisen periaatteen pohjalta: +* projektilähtöinen oppiminen +* tiheät kyselyt -Ohjelma opettaa JavaScriptin, HTML:n ja CSS:n perusteet sekä uusimmat työkalut ja tekniikat, joita nykypäivän web-kehittäjät käyttävät. Opiskelijat saavat käytännön kokemusta rakentamalla kirjoituspelin, virtuaalisen terrarion, ympäristöystävällisen selainlaajennuksen, avaruuslajin pelin sekä pankkisovelluksen yrityksille. Sarjan lopuksi opiskelijoilla on vankka ymmärrys web-kehityksestä. +Ohjelma opettaa JavaScriptin, HTML:n ja CSS:n perusteet sekä uusimmat työkalut ja tekniikat, joita nykyiset web-kehittäjät käyttävät. Opiskelijat pääsevät käytännön kokemukseen rakentamalla kirjoituspelin, virtuaaliterrarion, ympäristöystävällisen selaimen laajennuksen, avaruuslajityylisen pelin ja pankkisovelluksen yrityksille. Sarjan lopussa opiskelijoilla on vahva ymmärrys web-kehityksestä. -> 🎓 Voit suorittaa tämän oppimateriaalin ensimmäiset oppitunnit osana [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) -opintopolkua Microsoft Learnissä! +> 🎓 Voit suorittaa tämän opintokokonaisuuden ensimmäiset oppitunnit Microsoft Learnissä [Learn Pathin](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) kautta! -Sisällön linkittäminen projekteihin tekee prosessista opiskelijalle mielekkäämpää ja käsitteiden muistaminen paranee. Kirjoitimme myös useita aloittavia JavaScriptin perusteisiin keskittyviä oppitunteja, joissa perehdytään käsitteisiin, ja ne ovat parina videon kanssa "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" kokoelmasta, jonka osa tekijöistä osallistui tämän oppimateriaalin laadintaan. +Varmistamalla, että sisältö vastaa projekteja, prosessi on opiskelijoille kiinnostavampi ja käsitteiden pysyvyys paranee. Kirjoitimme myös useita alkutason JavaScript-perusteiden oppitunteja käsitteiden esittelyä varten, jotka yhdistettiin videoon "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" -video-opetusmateriaalikokoelmasta, jonka jotkut tekijöistä osallistuivat tämän opetussuunnitelman laatimiseen. -Lisäksi kevyt kysely ennen luentoa asettaa opiskelijan opiskelutavoitetta ja toinen kysely luennon jälkeen varmistaa sisällön parempaa omaksumista. Tämä oppimateriaali on tarkoitettu joustavaksi ja hauskaksi, ja sen voi suorittaa kokonaan tai osittain. Projektit alkavat yksinkertaisista ja monimutkaistuvat 12 viikon jaksolla. +Lisäksi matalan panoksen kysely ennen tuntia suuntaa opiskelijan aikomuksen oppia aihetta, ja toinen kysely tunnin jälkeen varmistaa käsitteiden paremman muistamisen. Tämä opetussuunnitelma on suunniteltu joustavaksi ja hauskaksi ja sen voi suorittaa kokonaan tai osittain. Projektit alkavat pienestä ja monimutkaistuvat vähitellen 12 viikon aikana. -Vaikka tarkoituksella vältimme JavaScript-kirjastojen esittelyä keskittyäksemme verkkokehittäjän perustaitoihin ennen kirjastoihin siirtymistä, seuraava hyvä askel tämän oppimateriaalin jälkeen olisi Node.js:n opiskelu toisen videosarjan avulla: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Vaikka olemme tietoisesti välttäneet JavaScript-kehysten esittelyä keskittyäksemme web-kehittäjälle tarvittaviin perusvalmiuksiin ennen kehyksen käyttöönottoa, hyvä seuraava askel tämän opetussuunnitelman jälkeen olisi opiskella Node.js:ää toisen videosarjan kautta: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". -> Tutustu [käyttäytymissääntöihimme](CODE_OF_CONDUCT.md) ja [osallistumisohjeisiimme](CONTRIBUTING.md). Otamme mielellämme vastaan rakentavaa palautettasi! +> Tutustu [käyttäytymissääntöihimme](CODE_OF_CONDUCT.md) ja [osallistumisohjeisiimme](CONTRIBUTING.md). Otamme mielellämme vastaan rakentavaa palautetta! ## 🧭 Offline-käyttö -Voit käyttää tätä dokumentaatiota offline-tilassa käyttämällä [Docsify](https://docsify.js.org/#/). Haarauta tämä arkisto, [asenna Docsify](https://docsify.js.org/#/quickstart) paikallisesti koneellesi, ja kirjoita tämän arkiston juurikansiossa `docsify serve`. Sivusto palvelee portissa 3000 paikallisessa ympäristössä: `localhost:3000`. +Voit käyttää tätä dokumentaatiota offline-tilassa käyttämällä [Docsify](https://docsify.js.org/#/). Haarauta tämä repositorio, [asenna Docsify](https://docsify.js.org/#/quickstart) paikalliselle koneellesi, ja kirjoita tämän repositorion juurikansiossa `docsify serve`. Verkkosivusto palvellaan portissa 3000 osoitteessa localhost: `localhost:3000`. ## 📘 PDF -Kaikkiin oppitunteihin liittyvän PDF:n löydät täältä [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +Kaikkien oppituntien PDF löytyy täältä [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). ## 🎒 Muut kurssit -Tiimimme tuottaa myös muita kursseja! Tutustu: +Tiimimme tuottaa muita kursseja! Tutustu: ### LangChain @@ -224,7 +224,7 @@ Tiimimme tuottaa myös muita kursseja! Tutustu: [![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Agents +### Azure / Edge / MCP / Agentit [![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) [![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) [![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) @@ -232,7 +232,7 @@ Tiimimme tuottaa myös muita kursseja! Tutustu: --- -### Generatiivinen tekoäly -sarja +### Generatiivinen AI -sarja [![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) @@ -240,7 +240,7 @@ Tiimimme tuottaa myös muita kursseja! Tutustu: --- -### Perusopiskelu +### Ydinopinnot [![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) @@ -259,21 +259,21 @@ Tiimimme tuottaa myös muita kursseja! Tutustu: ## Apua -Jos juutut tai sinulla on kysyttävää tekoälysovellusten rakentamisesta, liity muiden oppijoiden ja kokeneiden kehittäjien keskusteluihin MCP:stä. Se on kannustava yhteisö, jossa kysymykset ovat tervetulleita ja tieto jaetaan vapaasti. +Jos jäät jumiin tai sinulla on kysyttävää tekoälysovellusten rakentamisesta, liity muiden oppijoiden ja kokeneiden kehittäjien keskusteluihin MCP:stä. Se on kannustava yhteisö, jossa kysymyksiä voi esittää ja tietoa jaetaan vapaasti. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -Jos sinulla on palautetta tuotteesta tai löydät virheitä rakentaessasi, käy: +Jos sinulla on palautetta tuotteesta tai kohtaat virheitä rakennusvaiheessa, vieraile: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## Lisenssi -Tämä arkisto on lisensoitu MIT-lisenssillä. Katso lisätietoja [LICENSE](../../LICENSE)-tiedostosta. +Tämä arkisto on lisensoitu MIT-lisenssillä. Lisätietoja on tiedostossa [LICENSE](../../LICENSE). --- -**Vastuuvapauslauseke**: -Tämä asiakirja on käännetty käyttämällä tekoälypohjaista käännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, ota huomioon, että automaattikäännöksissä saattaa esiintyä virheitä tai epätarkkuuksia. Alkuperäistä asiakirjaa sen omalla kielellä tulisi pitää virallisena lähteenä. Tärkeiden tietojen osalta suositellaan ammattimaista ihmiskäännöstä. Emme ole vastuussa tämän käännöksen käytöstä johtuvista väärinymmärryksistä tai tulkinnoista. +**Vastuuvapauslauseke**: +Tämä asiakirja on käännetty käyttämällä tekoälypohjaista käännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Pyrimme tarkkuuteen, mutta huomioithan, että automaattikäännöksissä voi esiintyä virheitä tai epätarkkuuksia. Alkuperäistä asiakirjaa sen omalla kielellä tulee pitää auktoriteettisena lähteenä. Tärkeiden tietojen osalta suositellaan ammattilaisen tekemää käännöstä. Emme ole vastuussa tämän käännöksen käytöstä aiheutuvista väärinymmärryksistä tai virhetulkinnoista. \ No newline at end of file diff --git a/translations/fi/lesson-template/README.md b/translations/fi/lesson-template/README.md index b692abf63..dcdd47d83 100644 --- a/translations/fi/lesson-template/README.md +++ b/translations/fi/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Oppiaihe] +# Oppitunnin aihe -![Upota video tähän](../../../lesson-template/video-url) +## 🎥 Video -## [Ennakkokysely](../../../lesson-template/quiz-url) +> Lisää tähän upotettu video tai oppitunnin linkki. -[Kuvaile, mitä opimme] +--- + +## Ennakkotesti + +> Lisää tänne testi-linkki, kun se on saatavilla. + +--- + +Tarjoa lyhyt yleiskatsaus siitä, mitä opiskelijat oppivat tässä oppitunnissa. + +--- ### Johdanto -Kuvaile, mitä käsitellään +Anna lyhyt johdanto, jossa kuvataan, mitä tässä oppitunnissa käsitellään. -> Muistiinpanot +> Huomautuksia + +--- ### Esitiedot -Mitkä vaiheet olisi pitänyt käydä läpi ennen tätä oppituntia? +Listaa käsitteet tai aiheet, joihin opiskelijoiden tulisi olla jo perehtyneitä ennen tämän oppitunnin aloittamista. + +--- ### Valmistautuminen -Valmisteluvaiheet tämän oppitunnin aloittamiseksi +Listaa kaikki valmistelut tai työkalut, jotka vaaditaan ennen oppitunnin aloittamista. --- -[Käy sisältö läpi lohkoissa] +### Sisältö + +Käy oppitunnin sisältö vaiheittain läpi rakenteellisissa osioissa. + +--- -## [Aihe 1] +## Aihe 1 ### Tehtävä: -Työskennelkää yhdessä parantaaksenne koodipohjaa asteittain ja rakentaaksenne projektin yhteisellä koodilla: +Työskentele yhdessä parantaaksesi vähitellen koodipohjaasi rakentaaksesi projektin jaettua koodia käyttäen: ```html code blocks ``` -✅ Tietotesti - käytä tätä hetkeä venyttääksesi opiskelijoiden tietämystä avoimilla kysymyksillä +✅ Tietotarkistus +Hyödynnä tämä hetki venyttääksesi opiskelijoiden tietämystä avoimiin kysymyksiin vastaamalla. -## [Aihe 2] +## Aihe 2 +## Aihe 3 -## [Aihe 3] +🚀 Haaste +Lisää yhteinen haaste opiskelijoille projektin kehittämiseksi. -🚀 Haaste: Lisää haaste, jossa opiskelijat työskentelevät yhdessä luokassa projektin parantamiseksi +Valinnainen: Lisää kuvakaappaus valmiin oppitunnin käyttöliittymästä, jos se on sopivaa. -Valinnainen: lisää kuvakaappaus valmiin oppitunnin käyttöliittymästä, jos tarpeellista +## Oppitunnin jälkeinen testi -## [Jälkituntikysely](../../../lesson-template/quiz-url) +Lisää testi-linkki tänne oppitunnin suorittamisen jälkeen. -## Kertaus & Itseopiskelu +## Kertaus & Itsenäinen opiskelu **Tehtävän palautus [KK/VV]**: [Tehtävän nimi](assignment.md) --- -**Vastuuvapauslauseke**: -Tämä asiakirja on käännetty käyttämällä tekoälypohjaista käännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, huomioithan, että automaattiset käännökset voivat sisältää virheitä tai epätarkkuuksia. Alkuperäinen asiakirja sen alkuperäisellä kielellä tulisi pitää ensisijaisena lähteenä. Kriittisen tiedon osalta suositellaan ammattimaista ihmiskäännöstä. Emme ole vastuussa väärinkäsityksistä tai virhetulkinnoista, jotka johtuvat tämän käännöksen käytöstä. \ No newline at end of file + +**Vastuuvapauslauseke**: +Tämä asiakirja on käännetty käyttämällä tekoälykäännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, ota huomioon, että automaattikäännöksissä voi esiintyä virheitä tai epätarkkuuksia. Alkuperäistä asiakirjaa sen alkuperäiskielellä on pidettävä virallisena lähteenä. Tärkeissä asioissa suositellaan ammattimaista ihmiskäännöstä. Emme ole vastuussa tämän käännöksen käytöstä johtuvista väärinymmärryksistä tai virhetulkinnoista. + \ No newline at end of file diff --git a/translations/no/.co-op-translator.json b/translations/no/.co-op-translator.json index 93cc4d265..0b08d8f60 100644 --- a/translations/no/.co-op-translator.json +++ b/translations/no/.co-op-translator.json @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-04-20T15:55:04+00:00", + "translation_date": "2026-04-24T12:30:20+00:00", "source_file": "AGENTS.md", "language_code": "no" }, @@ -516,8 +516,8 @@ "language_code": "no" }, "README.md": { - "original_hash": "b885c87c7544109b78d6684daad6cba6", - "translation_date": "2026-04-06T18:11:05+00:00", + "original_hash": "b1766b45123e043ef2c72612f28b86dd", + "translation_date": "2026-04-24T12:25:48+00:00", "source_file": "README.md", "language_code": "no" }, @@ -564,8 +564,8 @@ "language_code": "no" }, "lesson-template/README.md": { - "original_hash": "0494be70ad7fadd13a8c3d549c23e355", - "translation_date": "2025-08-26T23:13:57+00:00", + "original_hash": "ce2f64fd0d518f0500fc082b97c1e662", + "translation_date": "2026-04-24T12:26:00+00:00", "source_file": "lesson-template/README.md", "language_code": "no" }, diff --git a/translations/no/AGENTS.md b/translations/no/AGENTS.md index 5011abd8d..b00fdad3e 100644 --- a/translations/no/AGENTS.md +++ b/translations/no/AGENTS.md @@ -2,29 +2,29 @@ ## Prosjektoversikt -Dette er et utdanningspensum-repositorium for å lære grunnleggende webutvikling til nybegynnere. Pensumet er et omfattende 12-ukers kurs utviklet av Microsoft Cloud Advocates, med 24 praktiske leksjoner som dekker JavaScript, CSS og HTML. +Dette er et utdanningsrepositorium for å lære grunnleggende webutvikling til nybegynnere. Pensumet er et omfattende 12-ukers kurs utviklet av Microsoft Cloud Advocates, med 24 praktiske leksjoner som dekker JavaScript, CSS og HTML. ### Nøkkelkomponenter - **Utdanningsinnhold**: 24 strukturerte leksjoner organisert i prosjektbaserte moduler -- **Praktiske Prosjekter**: Terrarium, Typingspill, Nettleserutvidelse, Romspill, Bankapp, Kodeditor og AI Chat-assistent -- **Interaktive Quizzer**: 48 quizzer med 3 spørsmål hver (før- og etter-leksjon vurderinger) -- **Flerspråklig Støtte**: Automatiske oversettelser til 50+ språk via GitHub Actions +- **Praktiske prosjekter**: Terrarium, Typing Game, Nettleserutvidelse, Space Game, Bankapp, Kodeeditor og AI Chat Assistant +- **Interaktive quizer**: 48 quizer med 3 spørsmål hver (før/etter leksjon) +- **Flerspråklig støtte**: Automatiserte oversettelser til 50+ språk via GitHub Actions - **Teknologier**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (for AI-prosjekter) ### Arkitektur -- Utdanningsrepo med leksjonsbasert struktur +- Utdanningsrepositorium med leksjonsbasert struktur - Hver leksjonsmappe inneholder README, kodeeksempler og løsninger -- Selvstendige prosjekter i separate kataloger (quiz-app, ulike leksjonsprosjekter) -- Oversettelsessystem med GitHub Actions (co-op-translator) -- Dokumentasjon levert via Docsify og tilgjengelig som PDF +- Frittstående prosjekter i separate kataloger (quiz-app, ulike leksjonsprosjekter) +- Oversettelsessystem ved bruk av GitHub Actions (co-op-translator) +- Dokumentasjon servert via Docsify og tilgjengelig som PDF ## Oppsettkommandoer -Dette repositoriet er hovedsakelig for konsum av utdanningsinnhold. For arbeid med spesifikke prosjekter: +Dette repositoriet er primært for konsum av utdanningsinnhold. For å jobbe med spesifikke prosjekter: -### Hovedrepo-setup +### Hovedoppsett for Repository ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git @@ -41,7 +41,7 @@ npm run build # Bygg for produksjon npm run lint # Kjør ESLint ``` -### Bank Prosjekt API (Node.js + Express) +### Bankprosjekt API (Node.js + Express) ```bash cd 7-bank-project/api @@ -59,76 +59,76 @@ npm install # Følg nettleserspesifikke instruksjoner for lasting av utvidelser ``` -### Romspillprosjekter +### Space Game-prosjekter ```bash cd 6-space-game/solution npm install -# Åpne index.html i nettleser eller bruk Live Server +# Åpne index.html i nettleseren eller bruk Live Server ``` -### Chatprosjekt (Python Backend) +### Chat-prosjekt (Python Backend) ```bash cd 9-chat-project/solution/backend/python pip install openai -# Sett GITHUB_TOKEN-miljøvariabelen +# Sett miljøvariabelen GITHUB_TOKEN python api.py ``` ## Utviklingsarbeidsflyt -### For Innholdsbidragsytere +### For innholdsbidragsytere -1. **Fork repositoriet** til din GitHub-konto +1. **Lag en fork** av repositoriet til din GitHub-konto 2. **Klon din fork** lokalt 3. **Opprett en ny gren** for dine endringer 4. Gjør endringer i leksjonsinnhold eller kodeeksempler -5. Test eventuelle kodeendringer i relevante prosjektmapper -6. Send inn pull requests i samsvar med bidragsretningslinjer +5. Test eventuelle kodeendringer i relevante prosjektkataloger +6. Send inn pull requests i henhold til retningslinjer for bidrag -### For Lærende +### For lærende -1. Fork eller klon repositoriet +1. Lag en fork eller klon repositoriet 2. Naviger gjennom leksjonskatalogene sekvensielt -3. Les README-filer for hver leksjon -4. Fullfør før-leksjonsquizzer på https://ff-quizzes.netlify.app/web/ -5. Arbeid gjennom kodeeksempler i leksjonsmapper +3. Les README-filene for hver leksjon +4. Fullfør forhånds-leksjonsquizer på https://ff-quizzes.netlify.app/web/ +5. Arbeid med kodeeksempler i leksjonsmappene 6. Fullfør oppgaver og utfordringer -7. Ta etter-leksjonsquizzer +7. Ta quizer etter leksjonen ### Live utvikling -- **Dokumentasjon**: Kjør `docsify serve` i rotkatalog (port 3000) -- **Quiz App**: Kjør `npm run dev` i quiz-app katalogen -- **Prosjekter**: Bruk VS Code Live Server extension for HTML-prosjekter -- **API Prosjekter**: Kjør `npm start` i respektive API-kataloger +- **Dokumentasjon**: Kjør `docsify serve` i rotmappen (port 3000) +- **Quiz App**: Kjør `npm run dev` i quiz-app-katalogen +- **Prosjekter**: Bruk VS Code Live Server-utvidelsen for HTML-prosjekter +- **API-prosjekter**: Kjør `npm start` i respektive API-kataloger ## Testinstruksjoner -### Quiz App Testing +### Test av Quiz App ```bash cd quiz-app -npm run lint # Sjekk for problemer med kodestil -npm run build # Verifiser at byggingen lykkes +npm run lint # Sjekk for kode stil problemer +npm run build # Bekreft at bygging lykkes ``` ### Bank API Testing ```bash cd 7-bank-project/api -npm run lint # Sjekk for problemer med kodestil +npm run lint # Sjekk etter kode stil problemer node server.js # Bekreft at serveren starter uten feil ``` -### Generell Testtilnærming +### Generell testtilnærming -- Dette er et utdanningsrepo uten omfattende automatiske tester +- Dette er et utdanningsrepositorium uten omfattende automatiserte tester - Manuell testing fokuserer på: - Kodeeksempler kjører uten feil - Lenker i dokumentasjon fungerer korrekt - - Prosjektbygg fullføres suksessfullt + - Prosjektbygninger fullføres suksessfullt - Eksempler følger beste praksis ### Forhåndssjekker før innsending @@ -136,71 +136,71 @@ node server.js # Bekreft at serveren starter uten feil - Kjør `npm run lint` i kataloger med package.json - Verifiser at markdown-lenker er gyldige - Test kodeeksempler i nettleser eller Node.js -- Sjekk at oversettelser beholder riktig struktur +- Kontroller at oversettelser opprettholder korrekt struktur -## Kode-stilretningslinjer +## Retningslinjer for kodestil ### JavaScript - Bruk moderne ES6+ syntaks -- Følg standard ESLint-konfigurasjoner gitt i prosjektene +- Følg standard ESLint-konfigurasjoner som finnes i prosjektene - Bruk meningsfulle variabel- og funksjonsnavn for pedagogisk klarhet - Legg til kommentarer som forklarer konsepter for lærende -- Formater med Prettier der konfigurert +- Formater med Prettier der det er konfigurert ### HTML/CSS - Semantiske HTML5-elementer - Responsive designprinsipper -- Klare klasse-navnekonvensjoner +- Klare navnekonvensjoner for klasser - Kommentarer som forklarer CSS-teknikker for lærende ### Python - PEP 8 stilretningslinjer - Klare, pedagogiske kodeeksempler -- Typehint der nyttig for læring +- Typeangivelser der det er hjelpsomt for læring -### Markdown Dokumentasjon +### Markdown-dokumentasjon -- Klar overskriftsstruktur -- Kodeblokker med språkspesifikasjon -- Lenker til tilleggsmateriale -- Skjermbilder og bilder i `images/` kataloger +- Tydelig overskriftshierarki +- Kodeblokker med språkspecificasjon +- Lenker til tilleggsmaterialer +- Skjermbilder og bilder i `images/`-mapper - Alt-tekst for bilder for tilgjengelighet ### Filorganisering - Leksjoner nummerert sekvensielt (1-getting-started-lessons, 2-js-basics, osv.) - Hvert prosjekt har `solution/` og ofte `start/` eller `your-work/` kataloger -- Bilder lagres i leksjonsspesifikke `images/` mapper +- Bilder lagret i leksjonsspesifikke `images/`-mapper - Oversettelser i `translations/{language-code}/` struktur -## Bygging og Distribusjon +## Bygging og distribusjon -### Quiz App distribusjon (Azure Static Web Apps) +### Quiz App-distribusjon (Azure Static Web Apps) -quiz-app er konfigurert for Azure Static Web Apps-distribusjon: +quiz-app er konfigurert for Azure Static Web Apps distribusjon: ```bash cd quiz-app -npm run build # Oppretter dist/-mappen -# Distribuerer via GitHub Actions-arbeidsflyt ved push til main +npm run build # Oppretter dist/ mappe +# Distribuerer via GitHub Actions arbeidsflyt ved push til main ``` -Azure Static Web Apps-konfigurasjon: -- **App-lokasjon**: `/quiz-app` -- **Output-lokasjon**: `dist` +Azure Static Web Apps konfigurasjon: +- **App plassering**: `/quiz-app` +- **Utdata plassering**: `dist` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### Dokumentasjons PDF-generering +### Generering av dokumentasjon PDF ```bash npm install # Installer docsify-to-pdf npm run convert # Generer PDF fra docs ``` -### Docsify Dokumentasjon +### Docsify dokumentasjon ```bash npm install -g docsify-cli # Installer Docsify globalt @@ -209,74 +209,74 @@ docsify serve # Server på localhost:3000 ### Prosjektspesifikke bygg -Hver prosjektmappe kan ha egen byggprosess: +Hver prosjektmappe kan ha egen byggeprosess: - Vue-prosjekter: `npm run build` lager produksjonspakker -- Statisk prosjekter: Ingen byggesteg, tjen filer direkte +- Statiske prosjekter: Ingen byggeprosess, server filene direkte -## Retningslinjer for Pull Requests +## Retningslinjer for pull request ### Tittelformat -Bruk klare, beskrivende titler som angir endringsområdet: +Bruk klare, beskrivende titler som angir endringsområde: - `[Quiz-app] Legg til ny quiz for leksjon X` - `[Lesson-3] Rett skrivefeil i terrarium-prosjektet` - `[Translation] Legg til spansk oversettelse for leksjon 5` -- `[Docs] Oppdater oppsettinstruksjoner` +- `[Docs] Oppdater oppsettsinstruksjoner` -### Påkrevde Sjekker +### Nødvendige sjekker Før innsending av PR: 1. **Kodekvalitet**: - Kjør `npm run lint` i berørte prosjektmapper - - Rett alle lintfeil og advarsler + - Fiks alle linting-feil og advarsler -2. **Byggverifisering**: - - Kjør `npm run build` om aktuelt - - Sørg for ingen byggefeil +2. **Byggeverifisering**: + - Kjør `npm run build` om relevant + - Sørg for at det ikke er byggefeil 3. **Lenkevalidering**: - Test alle markdown-lenker - - Verifiser bildehenvisninger fungerer + - Verifiser at bildefiler fungerer -4. **Innholdsrevisjon**: +4. **Innholdsreview**: - Korrekturles for rettskrivning og grammatikk - - Sørg for at kodeeksempler er korrekte og pedagogiske - - Kontroller at oversettelser beholder opprinnelig mening + - Kontroller at kodeeksempler er korrekte og lærerike + - Verifiser at oversettelser opprettholder original betydning ### Bidragskrav -- Aksepter Microsoft CLA (automatisk sjekk ved første PR) +- Godta Microsoft CLA (automatisk sjekk på første PR) - Følg [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - Se [CONTRIBUTING.md](./CONTRIBUTING.md) for detaljerte retningslinjer -- Referer til issues i PR-beskrivelse om aktuelt +- Referer til issues i PR-beskrivelsen hvis aktuelt ### Gjennomgangsprosess -- PR-er gjennomgås av vedlikeholdere og community +- PR-er blir vurdert av vedlikeholdere og fellesskapet - Pedagogisk klarhet prioriteres -- Kodeeksempler skal følge gjeldende beste praksis -- Oversettelser vurderes for nøyaktighet og kulturell hensiktsmessighet +- Kodeeksempler bør følge gjeldende beste praksis +- Oversettelser vurderes for nøyaktighet og kulturtilpasning ## Oversettelsessystem -### Automatisk Oversettelse +### Automatisert oversettelse - Bruker GitHub Actions med co-op-translator workflow -- Oversetter til 50+ språk automatisk +- Oversetter automatisk til 50+ språk - Kildefiler i hovedkataloger - Oversatte filer i `translations/{language-code}/` kataloger -### Legge til Manuelle Oversettelsesforbedringer +### Legge til manuelle oversettelsesforbedringer 1. Finn fil i `translations/{language-code}/` -2. Gjør forbedringer mens du bevarer struktur +2. Gjør forbedringer mens struktur bevares 3. Sørg for at kodeeksempler fortsatt fungerer -4. Test eventuelt lokalt quiz-innhold +4. Test eventuelt lokalisert quizinnhold ### Oversettelsesmetadata -Oversatte filer inkluderer metadataheader: +Oversatte filer inkluderer metadata header: ```markdown ``` - -## Feilsøking og Problemløsning -### Vanlige Problemer +## Feilsøking og problemløsning -**Quiz-app starter ikke**: -- Sjekk Node.js-versjon (v14+ anbefalt) +### Vanlige problemer + +**Quiz app starter ikke**: +- Sjekk Node.js versjon (v14+ anbefalt) - Slett `node_modules` og `package-lock.json`, kjør `npm install` på nytt - Sjekk for portkonflikter (standard: Vite bruker port 5173) **API-server starter ikke**: -- Bekreft Node.js-versjon møter minimumskrav (node >=10) +- Verifiser at Node.js-versjon møter minimumskrav (node >=10) - Sjekk om port allerede er i bruk - Sørg for at alle avhengigheter er installert med `npm install` **Nettleserutvidelse lastes ikke**: -- Verifiser at manifest.json er riktig formatert -- Sjekk nettleserkonsollen for feil -- Følg nettleserspesifikke installasjonsinstrukser for utvidelser +- Kontroller at manifest.json er riktig formatert +- Se etter feil i nettleserkonsollen +- Følg nettleserspesifikke installasjonsinstruksjoner for utvidelser -**Python chat-prosjekt problemer**: +**Problemer med Python chat-prosjekt**: - Sørg for at OpenAI-pakken er installert: `pip install openai` -- Bekreft at GITHUB_TOKEN miljøvariabel er satt -- Sjekk GitHub Models adgangstillatelser +- Verifiser at GITHUB_TOKEN miljøvariabel er satt +- Sjekk GitHub Models-tilgangstillatelser -**Docsify server ikke dokumentasjon**: +**Docsify serverer ikke dokumentasjon**: - Installer docsify-cli globalt: `npm install -g docsify-cli` -- Kjør fra repos rotkatalog -- Sjekk at `docs/_sidebar.md` eksisterer +- Kjør fra repositoriets rotmappe +- Kontroller at `docs/_sidebar.md` finnes -### Tips for Utviklingsmiljø +### Tips for utviklingsmiljø -- Bruk VS Code med Live Server extension for HTML-prosjekter -- Installer ESLint og Prettier extensions for konsistent formatering -- Bruk nettleserens DevTools for JavaScript-feilsøking -- For Vue-prosjekter, installer Vue DevTools nettleser-utvidelse +- Bruk VS Code med Live Server-utvidelse for HTML-prosjekter +- Installer ESLint og Prettier-utvidelser for konsistent formatering +- Bruk nettleserens devtools for JavaScript-feilsøking +- For Vue-prosjekter, installer Vue DevTools nettleserutvidelse -### Ytelsesbetraktninger +### Ytelseshensyn -- Mange oversatte filer (50+ språk) gjør full kloning stor +- Stort antall oversatte filer (50+ språk) gjør fulle kloner store - Bruk shallow clone hvis du kun jobber med innhold: `git clone --depth 1` -- Ekskluder oversettelser i søk når du jobber med engelsk innhold -- Byggeprosesser kan være treg ved første kjøring (npm install, Vite build) +- Ekskluder oversettelser fra søk ved arbeid med engelsk innhold +- Byggeprosesser kan være trege ved første kjøring (npm install, Vite build) -## Sikkerhetsbetraktninger +## Sikkerhetshensyn ### Miljøvariabler -- API-nøkler må aldri legges i repositoriet +- API-nøkler skal aldri forplantes til repositoriet - Bruk `.env` filer (allerede i `.gitignore`) -- Dokumenter nødvendige miljøvariabler i prosjekt-READMEer +- Dokumenter nødvendige miljøvariabler i prosjektets README-er -### Python Prosjekter +### Python-prosjekter - Bruk virtuelle miljøer: `python -m venv venv` - Hold avhengigheter oppdatert -- GitHub-tokens bør ha minimale nødvendige rettigheter +- GitHub-tokens bør ha minimale nødvendige tillatelser -### GitHub Models-adgang +### GitHub Models-tilgang -- Personlige tilgangstokener (PAT) kreves for GitHub Models +- Personal Access Tokens (PAT) kreves for GitHub Models - Tokens skal lagres som miljøvariabler -- Aldri legg tokens eller credentials i repositoriet +- Aldri forplante tokens eller legitimasjon -## Tilleggsnotater +## Ytterligere merknader ### Målgruppe -- Helt komplette nybegynnere til webutvikling +- Fullstendige nybegynnere til webutvikling - Studenter og selvstudenter - Lærere som bruker pensum i klasserom -- Innhold designet for tilgjengelighet og gradvis ferdighetsbygging +- Innhold er designet for tilgjengelighet og gradvis ferdighetsbygging -### Pedagogisk Filosofi +### Utdanningsfilosofi -- Prosjektbasert læringsmetode -- Hyppige kunnskapssjekker (quizzer) -- Praktiske kodingøvelser -- Virkelighetsnære eksempler -- Fokus på grunnprinsipper før rammeverk +- Prosjektbasert læringstilnærming +- Hyppige kunnskapssjekker (quizer) +- Praktiske kodeøvelser +- Virkelighetstilpassede eksempler +- Fokus på grunnleggende ferdigheter før rammeverk -### Repositorieveiledning +### Repository-vedlikehold -- Aktiv community av lærende og bidragsytere -- Regelmessige oppdateringer av avhengigheter og innhold +- Aktivt fellesskap av lærende og bidragsytere +- Regelmessige oppdateringer til avhengigheter og innhold - Issues og diskusjoner overvåkes av vedlikeholdere - Oversettelsesoppdateringer automatisert via GitHub Actions -### Relaterte Ressurser +### Relaterte ressurser - [Microsoft Learn moduler](https://docs.microsoft.com/learn/) -- [Student Hub-ressurser](https://docs.microsoft.com/learn/student-hub/) +- [Student Hub ressurser](https://docs.microsoft.com/learn/student-hub/) - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) anbefalt for lærende -- Flere kurs: Generative AI, Data Science, ML, IoT pensum tilgjengelig +- Ytterligere kurs: Generativ AI, Data Science, ML, IoT pensum tilgjengelig -### Arbeid med Spesifikke Prosjekter +### Arbeid med spesifikke prosjekter -For detaljerte instrukser om enkeltprosjekter, se README-filene i: -- `quiz-app/README.md` - Vue 3 quiz-applikasjon +For detaljerte instruksjoner om enkeltprosjekter, se README-filene i: +- `quiz-app/README.md` - Vue 3 quizapplikasjon - `7-bank-project/README.md` - Bankapplikasjon med autentisering - `5-browser-extension/README.md` - Nettleserutvidelsesutvikling - `6-space-game/README.md` - Canvas-basert spillutvikling -- `9-chat-project/README.md` - AI chat-assistent prosjekt +- `9-chat-project/README.md` - AI chat assistent prosjekt ### Monorepo-struktur -Selv om det ikke er et tradisjonelt monorepo, inneholder dette repositoriet flere uavhengige prosjekter: +Selv om det ikke er en tradisjonell monorepo, inneholder dette repositoriet flere uavhengige prosjekter: - Hver leksjon er selvstendig -- Prosjekter deler ikke avhengigheter -- Arbeid med individuelle prosjekter uten å påvirke andre +- Prosjektene deler ikke avhengigheter +- Arbeid på individuelle prosjekter uten å påvirke andre - Klon hele repo for full pensumopplevelse --- -**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, vennligst vær oppmerksom på at automatiserte oversettelser kan inneholde feil eller unøyaktigheter. Det opprinnelige dokumentet på originalspråket skal anses som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for misforståelser eller feiltolkninger som følge av bruken av denne oversettelsen. +**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, vennligst vær oppmerksom på at automatiske oversettelser kan inneholde feil eller unøyaktigheter. Det opprinnelige dokumentet på dets 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. \ No newline at end of file diff --git a/translations/no/README.md b/translations/no/README.md index f7ef52e93..50e33160b 100644 --- a/translations/no/README.md +++ b/translations/no/README.md @@ -12,27 +12,27 @@ # Webutvikling for nybegynnere - En læreplan -Lær det grunnleggende innen webutvikling med vårt 12-ukers omfattende kurs av Microsoft Cloud Advocates. Hver av de 24 leksjonene dykker inn i JavaScript, CSS og HTML gjennom praktiske prosjekter som terrarier, nettleserutvidelser og romspill. Engasjer deg med quizzer, diskusjoner og praktiske oppgaver. Forbedre ferdighetene dine og optimaliser kunnskapsinnhentingen med vår effektive prosjektbaserte pedagogikk. Start kodingen din i dag! +Lær det grunnleggende innen webutvikling med vårt 12-ukers omfattende kurs levert av 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 med quizer, diskusjoner og praktiske oppgaver. Forbedre ferdighetene dine og optimaliser kunnskapsbevaringen med vår effektive prosjektbaserte pedagogikk. Start kodingsreisen din i dag! -Bli med i Azure AI Foundry Discord-samfunnet +Bli med i Azure AI Foundry Discord og møt eksperter og andre utviklere. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) Følg disse trinnene for å komme i gang med disse ressursene: -1. **Fork repositoriet**: Klikk [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **Klone repositoriet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Bli med i Azure AI Foundry Discord og møt eksperter og medutviklere**](https://discord.com/invite/ByRwuEEgH4) +1. **Lag en fork av depotet**: Klikk [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **Klon depotet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Bli med i Azure AI Foundry Discord og møt eksperter og andre utviklere**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 Støtte for flere språk +### 🌐 Flerspråklig støtte -#### Støttet via GitHub Action (Automatisert og alltid oppdatert) +#### Støttes via GitHub Action (Automatisk og alltid oppdatert) [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](./README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) > **Foretrekker du å klone lokalt?** > -> Dette repositoriet inkluderer 50+ språkoversettelser som betydelig øker nedlastingsstørrelsen. For å klone uten oversettelser, bruk sparsom utsjekking: +> Dette depotet inkluderer over 50 språkoversettelser som øker nedlastingsstørrelsen betydelig. For å klone uten oversettelser, bruk sparse checkout: > > **Bash / macOS / Linux:** > ```bash @@ -51,41 +51,41 @@ Følg disse trinnene for å komme i gang med disse ressursene: > Dette gir deg alt du trenger for å fullføre kurset med en mye raskere nedlasting. -**Hvis du ønsker at flere oversettelser skal støttes, er de oppført [her](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**Hvis du ønsker flere oversettelser, er de støttede språkene listet opp [her](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) #### 🧑‍🎓 _Er du student?_ -Besøk [**Student Hub-siden**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) hvor du finner nybegynnerressurser, studentpakker og til og med måter å få et gratis sertifikatkupong på. Dette er siden du vil bokmerke og sjekke fra tid til annen 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 nybegynnerressurser, studentpakker og til og med måter å få et gratis sertifikatkupong på. Dette er siden du vil bokmerke og sjekke fra tid til annen, siden vi bytter ut innhold månedlig. ### 📣 Kunngjøring - Nye utfordringer i GitHub Copilot Agent-modus å fullføre! -Ny utfordring lagt til, se etter "GitHub Copilot Agent Challenge 🚀" i de fleste kapitler. Det er en ny utfordring for deg å gjennomføre ved bruk av GitHub Copilot og Agent-modus. Hvis du ikke har brukt Agent-modus før, kan den ikke bare generere tekst, men også opprette og redigere filer, kjøre kommandoer og mer. +Ny utfordring lagt til, se etter "GitHub Copilot Agent Challenge 🚀" i de fleste kapitlene. Det er en ny utfordring for deg å fullføre ved å bruke GitHub Copilot og Agent-modus. Hvis du ikke har brukt Agent-modus før, kan den ikke bare generere tekst, men også opprette og redigere filer, kjøre kommandoer og mer. -### 📣 Kunngjøring - _Nytt prosjekt å bygge med generativ AI_ +### 📣 Kunngjøring - _Nytt prosjekt å bygge med Generativ AI_ -Nytt AI Assistant prosjekt lagt til, sjekk det ut [prosjekt](./9-chat-project/README.md) +Nytt AI-assistentprosjekt nettopp lagt til, sjekk det ut [prosjekt](./9-chat-project/README.md) -### 📣 Kunngjøring - _Ny læreplan_ om generativ AI for JavaScript ble nettopp lansert +### 📣 Kunngjøring - _Ny læreplan_ om Generativ AI for JavaScript ble nettopp lansert -Ikke gå glipp av vår nye læreplan for generativ AI! +Ikke gå glipp av vår nye Generativ AI-læreplan! Besøk [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for å komme i gang! ![Background](../../translated_images/no/background.148a8d43afde5730.webp) - Leksjoner som dekker alt fra grunnleggende til RAG. -- Interager med historiske karakterer ved hjelp av GenAI og vår følgesvenn-app. -- Morsom og engasjerende fortelling, du vil tidsreise! +- Samhandle med historiske karakterer ved hjelp av GenAI og vår følgesvenn-app. +- Gøyalt og engasjerende narrativ, du vil tidsreise! ![character](../../translated_images/no/character.5c0dd8e067ffd693.webp) -Hver leksjon inkluderer en oppgave som må fullføres, en kunnskapskontroll og en utfordring for å veilede deg i læringstemaer som: -- Prompting og prompt engineering -- Tekst- og bildeapp-generering -- Søkeapper +Hver leksjon inkluderer en oppgave som skal fullføres, en kunnskapskontroll og en utfordring for å veilede deg i temaer som: +- Prompting og promptengineering +- Tekst- og bildeappgenerering +- Søk-apper Besøk [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for å komme i gang! @@ -93,41 +93,41 @@ Besøk [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for å k ## 🌱 Komme i gang -> **Lærere**, vi har [inkludert noen forslag](for-teachers.md) om hvordan bruke denne læreplanen. Vi setter pris på din tilbakemelding [i vårt diskusjonsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +> **Lærere**, vi har [inkludert noen forslag](for-teachers.md) til hvordan du kan bruke denne læreplanen. Vi setter pris på tilbakemeldinger [i vårt diskusjonsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[Lærende](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for hver leksjon, start med en forhånds-quiz og følg opp med å lese forelesningsmaterialet, fullføre de ulike aktivitetene og sjekk forståelsen din med post-forelesningsquizen. +**[Elever](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for hver leksjon, start med en quiz før forelesningen og les deretter forelesningsmaterialet, fullfør de forskjellige aktivitetene og sjekk forståelsen din med quiz etter forelesningen. -For å forbedre læringsopplevelsen, koble deg til med jevnaldrende for å jobbe sammen på prosjektene! Diskusjoner oppmuntres i vårt [diskusjonsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) der vårt team av moderatorer er tilgjengelige for å svare på spørsmålene dine. +For å forbedre læringsopplevelsen, knytt kontakt med medelever for å jobbe sammen 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 tilgjengelig for å svare på spørsmål. -For å fremme utdanningen din anbefaler vi sterkt å utforske [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for ekstra studiemateriell. +For å utdype utdanningen anbefaler vi sterkt å utforske [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for ytterligere studiemateriell. -### 📋 Sette opp ditt miljø +### 📋 Sette opp miljøet ditt -Denne læreplanen har et utviklingsmiljø klart til bruk! Når du starter kan du velge å kjøre læreplanen i en [Codespace](https://github.com/features/codespaces/) (_et nettleserbasert miljø uten behov for installasjoner_), eller lokalt på din maskin ved å bruke en teksteditor som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +Denne læreplanen har et utviklingsmiljø klart til bruk! Når du begynner kan du velge å kjøre læreplanen i en [Codespace](https://github.com/features/codespaces/) (_et nettleserbasert miljø uten behov for installasjoner_), eller lokalt på din egen datamaskin ved bruk av en teksteditor som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). -#### Opprett ditt eget repository -For at du enkelt skal lagre arbeidet ditt, anbefales det at du lager din egen kopi av dette repositoriet. 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 læreplanen. +#### Opprett ditt depot +For å enkelt kunne lagre arbeidet ditt anbefales det at du lager din egen kopi av dette depotet. Du kan gjøre dette ved å klikke på **Bruk denne malen**-knappen øverst på siden. Dette vil opprette et nytt depot i din GitHub-konto med en kopi av læreplanen. Følg disse trinnene: -1. **Fork repositoriet**: Klikk på "Fork"-knappen øverst til høyre på denne siden. -2. **Klone repositoriet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +1. **Lag en fork av depotet**: Klikk på "Fork" knappen øverst til høyre på denne siden. +2. **Klon depotet**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Kjøre læreplanen i en Codespace -I din kopi av dette repositoriet som du laget, klikk på **Code**-knappen og velg **Open with Codespaces**. Dette oppretter en ny Codespace for deg å jobbe i. +I din kopi av dette depotet som du opprettet, trykk på **Code**-knappen og velg **Open with Codespaces**. Dette vil lage en ny Codespace hvor du kan jobbe. ![Codespace](../../translated_images/no/createcodespace.0238bbf4d7a8d955.webp) -#### Kjøre læreplanen lokalt på din datamaskin +#### Kjøre læreplanen lokalt på din egen datamaskin -For å kjøre denne læreplanen lokalt 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 veilede deg gjennom ulike alternativer for hver av disse verktøyene slik at du kan velge det som passer best for deg. +For å kjøre denne læreplanen lokalt trenger du en teksteditor, en nettleser og et kommandolinjeverktøy. Vår første leksjon, [Introduksjon til programmeringsspråk og verktøy for faget](../../1-getting-started-lessons/1-intro-to-programming-languages), vil veilede deg gjennom forskjellige alternativer for hvert av disse verktøyene slik at du kan velge det som passer deg best. -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). +Vår anbefaling er å bruke [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som editor, som også har 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 depotet ditt til datamaskinen. Du kan gjøre dette ved å klikke på **Code**-knappen og kopiere URL-en: [CodeSpace](./images/createcodespace.png) - Åpne deretter [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ør følgende kommando, og erstatt `` med URL-en du nettopp kopierte: + 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 du erstatter `` med URL-en du nettopp kopierte: ```bash git clone @@ -139,76 +139,76 @@ Vår anbefaling er å bruke [Visual Studio Code](https://code.visualstudio.com/? > 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 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 +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - for å hjelpe deg å skrive kode raskere -## 📂 Hver leksjon inkluderer: +## 📂 Hver leksjon inneholder: -- valgfri sketchnote +- valgfri skisse-notat - valgfri supplerende video -- oppvarmingsquiz før leksjonen -- skriftlig leksjon -- for prosjektbaserte leksjoner, trinnvise guider for hvordan bygge prosjektet -- kunnskapstester +- quiz som oppvarming før leksjonen +- skrevet leksjon +- for prosjektbaserte leksjoner, trinnvise veiledninger for hvordan bygge prosjektet +- kunnskapssjekker - en utfordring - supplerende lesing - oppgave - [quiz etter leksjonen](https://ff-quizzes.netlify.app/web/) -> **En merknad om quizer**: Alle quizene finnes i Quiz-app-mappen, totalt 48 quizer med tre spørsmål hver. De er tilgjengelige [her](https://ff-quizzes.netlify.app/web/) quiz-appen kan kjøres lokalt eller distribueres til Azure; følg instruksjonene i `quiz-app`-mappen. +> **En merknad om quizer**: Alle quizer er samlet i Quiz-app-mappen, totalt 48 quizer med tre spørsmål hver. De er tilgjengelige [her](https://ff-quizzes.netlify.app/web/). Quiz-appen kan kjøres lokalt eller publiseres til Azure; følg instruksjonene i `quiz-app`-mappen. ## 🗃️ Leksjoner -| | Prosjektnavn | Lærte konsept | Læringsmål | Tilknyttet leksjon | Forfatter | -| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Komme i gang | Introduksjon til programmering og verktøy | Lær de grunnleggende prinsippene bak de fleste programmeringsspråk og programvare som hjelper profesjonelle utviklere | [Intro til programmeringsspråk og verktøy](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | -| 02 | Komme i gang | Grunnleggende GitHub, inklusive å jobbe i team | Hvordan bruke GitHub i prosjektet ditt, hvordan samarbeide med andre på en kodebase | [Intro til GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | -| 03 | Komme i gang | Tilgjengelighet | Lær det grunnleggende om webtilgjengelighet | [Tilgjengelighetsgrunnlag](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | -| 04 | JS Grunnleggende | JavaScript datatyper | 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 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 ved å bruke metoder for beslutningstaking | [Å ta beslutninger](./2-js-basics/3-making-decisions/README.md) | Jasmine | -| 07 | JS Grunnleggende | Arrays og løkker | Arbeid 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å 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å grunnleggende 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 | Lag JavaScript for å gjøre terrariet funksjonelt 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 | [Typing Game](./4-typing-game/solution/README.md) | Lag et skrive-spill | Lær hvordan du bruker tastaturhendelser for å styre logikken i din JavaScript-app | [Event-Drevet programmering](./4-typing-game/typing-game/README.md) | Christopher | -| 12 | [Grønn Nettleserutvidelse](./5-browser-extension/solution/README.md) | Arbeide med nettlesere | Lær hvordan nettlesere fungerer, deres historie, og hvordan du bygger de første elementene i en nettleserutvidelse | [Om nettlesere](./5-browser-extension/1-about-browsers/README.md) | Jen | -| 13 | [Grønn Nettleserutvidelse](./5-browser-extension/solution/README.md) | Lage et skjema, kalle et API og lagre variabler lokalt | Bygg JavaScript-elementene i nettleserutvidelsen din for å kalle et API med variabler lagret i lokal lagring | [APIer, skjemaer og lokal lagring](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | -| 14 | [Grønn Nettleserutvidelse](./5-browser-extension/solution/README.md) | Bakgrunnsprosesser i nettleseren, webytelse | Bruk nettleserens bakgrunnsprosesser til å styre utvidelsens ikon; lær om webytelse og noen optimaliseringer | [Bakgrunnsprosesser 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 og Pub/Sub-mønsteret i 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) | Tegning til canvas | Lær om Canvas API, brukt for å tegne elementer på skjermen | [Tegning til 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 bruk 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 bruk av tastetrykk og lag en nedkjølingsfunksjon for å sikre ytelse | [Kollisjonsdeteksjon](./6-space-game/4-collision-detection/README.md) | Chris | -| 19 | [Space Game](./6-space-game/solution/README.md) | Holde poengsum | Utfør matematiske beregninger basert på spillets status og ytelse | [Holde poengsum](./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 å rydde opp ressurser og tilbakestille variabler | [Avslutningsbetingelsen](./6-space-game/6-end-condition/README.md) | Chris | -| 21 | [Bank App](./7-bank-project/solution/README.md) | HTML-maler og ruter i en webapp | Lær hvordan lage strukturen av en flersidig nettside ved bruk av ruting og HTML-maler | [HTML-maler og ruter](./7-bank-project/1-template-route/README.md) | Yohan | -| 22 | [Bank App](./7-bank-project/solution/README.md) | Lag en innloggings- og registreringsskjema | Lær om å bygge skjemaer og håndtere valideringsrutiner | [Skjemaer](./7-bank-project/2-forms/README.md) | Yohan | -| 23 | [Bank App](./7-bank-project/solution/README.md) | Metoder for henting og bruk av data | Hvordan data flyter inn og ut av appen din, hvordan hente, lagre og kassere den | [Data](./7-bank-project/3-data/README.md) | Yohan | -| 24 | [Bank App](./7-bank-project/solution/README.md) | Konsepter for tilstandshåndtering | Lær hvordan appen din beholder tilstand og hvordan styre den programmatisk | [Tilstandshåndtering](./7-bank-project/4-state-management/README.md) | Yohan | -| 25 | [Browser/VScode Code](../../8-code-editor) | Arbeide med VScode | Lær hvordan du bruker en kodeeditor| [Bruke VScode kodeeditor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | -| 26 | [AI Assistants](./9-chat-project/README.md) | Arbeide med AI | Lær hvordan du bygger din egen AI-assistent | [AI-assistentprosjekt](./9-chat-project/README.md) | Chris | +| | Prosjektnavn | Lærte konsepter | Læringsmål | Lenket leksjon | Forfatter | +| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :------------------------: | +| 01 | Komme i gang | Introduksjon til programmering og verktøy | Lær det grunnleggende bak de fleste programmeringsspråk og om programvare som hjelper profesjonelle utviklere med jobben deres | [Introduksjon til programmeringsspråk og verktøy](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | Komme i gang | Grunnleggende GitHub, inkludert arbeid i team | Hvordan bruke GitHub i prosjektet ditt, hvordan samarbeide med andre på kodebasis | [Introduksjon til GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | Komme i gang | Tilgjengelighet | Lær det grunnleggende om webtilgjengelighet | [Tilgjengelighetsgrunnlag](./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 et applikasjons logikkflyt | [Funksjoner og metoder](./2-js-basics/2-functions-methods/README.md) | Jasmine og Christopher | +| 06 | JS Grunnleggende | Beslutninger med JS | Lær hvordan du lager betingelser i koden ved hjelp av beslutningsmetoder | [Å gjøre beslutninger](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS Grunnleggende | Arrays og løkker | Arbeid med data ved bruk 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å 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å grunnleggende CSS inkludert responsivt design | [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 for å gjøre terrariet til en 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) | Lag et skrive-spill | Lær å bruke tastaturhendelser til å drive 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) | Arbeid med nettlesere | Lær hvordan nettlesere fungerer, deres historie, og hvordan du lager grunnleggende elementer 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 skjema, kalle API og lagre variabler i lokal lagring | Bygg de JavaScript-elementene i nettleserutvidelsen din for å kalle et API med variabler lagret i lokal lagring | [APIer, 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 til å håndtere utvidelsens ikon; lær om webytelse og 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 både klasser og sammensetning samt Pub/Sub-mønsteret, som forberedelse til å lage et spill | [Introduksjon til avansert spillutvikling](./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, brukt til å tegne elementer på skjermen | [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å skjermen | Oppdag hvordan elementer kan få bevegelse ved bruk 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 med tastehendelser og tilby en nedkjølingsfunksjon for å sikre ytelse i spillet | [Kollisjonsdeteksjon](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | Poengtelling | Utfør matematiske beregninger basert på spillets status og ytelse | [Poengtelling](./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 å rydde opp ressurser og tilbakestille variabelverdier | [Avslutningsbetingelsen](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML-maler og ruter i et nettprogram | Lær hvordan lage skjelettet for en fler-sides nettsides arkitektur ved bruk 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) | Lage innlogging 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 henting og bruk av data | Hvordan data flyter inn og ut av appen din, hvordan hente, lagre og kvitte seg med 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 kan styre den programmessig | [Tilstandsadministrasjon](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | Arbeide med VScode | Lær å bruke en kodeditor| [Bruke VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI Assistants](./9-chat-project/README.md) | Arbeide med AI | Lær å bygge din egen AI-assistent | [AI Assistant project](./9-chat-project/README.md) | Chris | ## 🏫 Pedagogikk -Vår læreplan er designet med to viktige pedagogiske prinsipper i tankene: +Vårt pensum er utformet med to viktige pedagogiske prinsipper i tankene: * prosjektbasert læring * hyppige quizer -Programmet underviser grunnleggende JavaScript, HTML og CSS, samt de nyeste verktøy og teknikker som dagens webutviklere bruker. Studentene får muligheten til å utvikle praktisk erfaring ved å bygge et skrive-spill, virtuelt terrarium, miljøvennlig nettleserutvidelse, et rom-invasjonsspill og en bankapp for bedrifter. Ved slutten av serien vil studentene ha fått en solid forståelse av webutvikling. +Programmet lærer grunnleggende JavaScript, HTML og CSS, i tillegg til de nyeste verktøyene og teknikkene som dagens webutviklere bruker. Studenter får muligheten til å utvikle praktisk erfaring ved å lage et skrive-spill, virtuelt terrarium, miljøvennlig nettleserutvidelse, rom-invasjonsspill og en bankapp for bedrifter. Når serien er fullført har studentene fått 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! +> 🎓 Du kan ta de første leksjonene i dette pensumet som en [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) på Microsoft Learn! -Ved å sikre at innholdet samsvarer med prosjekter, blir prosessen mer engasjerende for studentene og konseptene blir lettere å huske. Vi har også skrevet flere introduksjonsleksjoner 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)" samling av videotutorials, hvorav noen av forfatterne bidro til denne læreplanen. +Ved å sikre at innholdet samsvarer med prosjekter, blir prosessen mer engasjerende for studentene og konseptene sitter bedre. Vi skrev også flere introduksjonsleksjoner 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 dette pensumet. -I tillegg setter en lavrisiko quiz før en klasse intensjonen til studenten mot å lære et emne, mens en andre quiz etter klassen sikrer videre innlæring. Denne læreplanen er designet for å være fleksibel og morsom og kan tas helt eller delvis. Prosjektene starter smått og blir gradvis mer kompliserte etter hvert som 12-ukers syklusen skrider frem. +I tillegg setter en lavterskel-quiz før timen studentens intensjon mot å lære et tema, mens en andre quiz etter timen sikrer bedre læringsutbytte. Dette pensumet er designet for å være fleksibelt og morsomt og kan tas i sin helhet eller i deler. Prosjektene starter smått og blir mer komplekse mot slutten av 12-ukers syklusen. -Selv om vi bevisst har unngått å introdusere JavaScript-rammeverk for å konsentrere oss om grunnleggende ferdigheter som trengs som webutvikler før man tar i bruk et rammeverk, vil et godt neste steg for å fullføre denne læreplanen være å lære om Node.js via en annen videosamling: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +Selv om vi bevisst unngikk å introdusere JavaScript-rammeverk for å fokusere på grunnleggende ferdigheter som webutvikler før man tar i bruk rammeverk, er et godt neste steg etter å ha fullført dette pensumet å 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 [Atferdskodeks](CODE_OF_CONDUCT.md) og [Bidrag](CONTRIBUTING.md). Vi setter pris på konstruktive tilbakemeldinger! +> Besøk våre retningslinjer for [Oppførselskodeks](CODE_OF_CONDUCT.md) og [Bidrag](CONTRIBUTING.md). Vi tar imot konstruktive tilbakemeldinger! ## 🧭 Offline-tilgang -Du kan kjøre denne dokumentasjonen offline ved å bruke [Docsify](https://docsify.js.org/#/). Fork dette repoet, [installer Docsify](https://docsify.js.org/#/quickstart) på din lokale maskin, og skriv så `docsify serve` i rotmappen til dette repoet. Nettstedet vil bli servert på port 3000 på din localhost: `localhost:3000`. +Du kan kjøre denne dokumentasjonen offline ved å bruke [Docsify](https://docsify.js.org/#/). Fork dette repoet, [installer Docsify](https://docsify.js.org/#/quickstart) på din lokale maskin, og så i rotmappen for dette repoet, skriv `docsify serve`. Nettstedet vil da serveres på port 3000 på din lokale maskin: `localhost:3000`. ## 📘 PDF En PDF av alle leksjonene kan finnes [her](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). @@ -233,7 +233,7 @@ Vårt team produserer andre kurs! Sjekk ut: --- -### Generativ AI Serie +### Generativ AI-serie [![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) @@ -241,7 +241,7 @@ Vårt team produserer andre kurs! Sjekk ut: --- -### Kjerne Læring +### Kjerne-læring [![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) @@ -252,7 +252,7 @@ Vårt team produserer andre kurs! Sjekk ut: --- -### Copilot Serie +### Copilot-serie [![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) @@ -260,7 +260,7 @@ Vårt team produserer andre kurs! Sjekk ut: ## Få hjelp -Hvis du sitter fast eller har spørsmål om å lage AI-apper. Bli med andre lærende og erfarne utviklere i diskusjoner om MCP. Det er et støttende fellesskap hvor spørsmål er velkomne og kunnskap deles fritt. +Hvis du sitter fast eller har spørsmål om å bygge AI-apper. Bli med andre elever og erfarne utviklere i diskusjoner om MCP. Det er et støttende fellesskap hvor spørsmål er velkomne og kunnskap deles fritt. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) @@ -275,6 +275,6 @@ Dette depotet er lisensiert under MIT-lisensen. Se [LICENSE](../../LICENSE)-file --- -**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, vennligst vær oppmerksom på at automatiske oversettelser kan inneholde feil eller unøyaktigheter. Det opprinnelige dokumentet på sitt opprinnelige språk bør betraktes som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for misforståelser eller feiltolkninger som følge av bruk av denne oversettelsen. +**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, vennligst vær oppmerksom på at automatiske oversettelser kan inneholde feil eller unøyaktigheter. Det opprinnelige dokumentet på originalspråket skal anses som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for eventuelle misforståelser eller feiltolkninger som følge av bruk av denne oversettelsen. \ No newline at end of file diff --git a/translations/no/lesson-template/README.md b/translations/no/lesson-template/README.md index e694a9945..6c7c8b0a3 100644 --- a/translations/no/lesson-template/README.md +++ b/translations/no/lesson-template/README.md @@ -1,56 +1,79 @@ -# [Leksjonstema] +# Emnetema -![Legg til en video her](../../../lesson-template/video-url) +## 🎥 Video -## [Quiz før forelesning](../../../lesson-template/quiz-url) +> Legg til en innebygd video eller lenke til leksjonen her. -[Beskriv hva vi skal lære] +--- + +## Quiz før forelesning + +> Legg til en quizlenke her når den er tilgjengelig. + +--- + +Gi en kort oversikt over hva studentene vil lære i denne leksjonen. + +--- ### Introduksjon -Beskriv hva som vil bli dekket +Gi en kort introduksjon som beskriver hva som vil bli dekket i denne leksjonen. > Notater +--- + ### Forutsetninger -Hvilke steg bør ha blitt gjennomgått før denne leksjonen? +List opp begreper eller emner studentene bør være kjent med før de starter denne leksjonen. + +--- ### Forberedelse -Forberedende steg for å starte denne leksjonen +List opp eventuelle oppsettstrinn eller verktøy som kreves før leksjonen starter. --- -[Jobb gjennom innholdet i blokker] +### Innhold + +Gå gjennom leksjonsinnholdet i strukturerte seksjoner. + +--- -## [Tema 1] +## Emne 1 ### Oppgave: -Jobb sammen for å gradvis forbedre kodebasen din for å bygge prosjektet med delt kode: +Arbeid sammen for gradvis å forbedre kodebasen for å bygge prosjektet med delt kode: ```html code blocks ``` -✅ Kunnskapssjekk - bruk dette øyeblikket til å utfordre studentenes kunnskap med åpne spørsmål +✅ Kunnskapssjekk +Bruk dette øyeblikket til å utfordre studentenes kunnskap med åpne spørsmål. -## [Tema 2] +## Emne 2 +## Emne 3 -## [Tema 3] +🚀 Utfordring +Legg til en samarbeidsutfordring for at studentene skal kunne forbedre prosjektet. -🚀 Utfordring: Legg til en utfordring for studentene å jobbe med i fellesskap i klassen for å forbedre prosjektet +Valgfritt: Legg til et skjermbilde av UI-en til den fullførte leksjonen hvis det er passende. -Valgfritt: legg til et skjermbilde av den fullførte leksjonens brukergrensesnitt hvis det er relevant +## Quiz etter forelesning -## [Quiz etter forelesning](../../../lesson-template/quiz-url) +Legg til en quizlenke her etter at leksjonen er fullført. -## Oppsummering og selvstudium +## Gjennomgang & Selvstudium -**Innlevering [MM/ÅÅ]**: [Oppgavenavn](assignment.md) +**Innlevering forfall [MM/ÅÅ]**: [Oppgave Navn](assignment.md) --- -**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 eventuelle misforståelser eller feiltolkninger som oppstår ved bruk av denne oversettelsen. \ No newline at end of file + +**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, vennligst vær oppmerksom på at automatiske oversettelser kan inneholde feil eller unøyaktigheter. Det originale dokumentet på originalspråket bør anses som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for eventuelle misforståelser eller feiltolkninger som følge av bruk av denne oversettelsen. + \ No newline at end of file