msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity

chore(i18n): sync translations with latest source changes (chunk 1/1, 9 changes)

Browse Source
pull/1781/head
localizeflow[bot] 6 months ago
parent 6c6d6aeae8
commit ddf0a8cb04
9 changed files with 693 additions and 711 deletions
Show Stats Download Patch File Download Diff File

6
translations/it/.co-op-translator.json
Unescape View File

@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-03-27T21:58:14+00:00", "translation_date": "2026-04-06T18:48:10+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "it" "language_code": "it"
}, },
@ -516,8 +516,8 @@
"language_code": "it" "language_code": "it"
}, },
"README.md": { "README.md": {
"original_hash": "a2c9eed480687319517c08a6319e5536", "original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-03-06T18:35:20+00:00", "translation_date": "2026-04-06T18:42:54+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "it" "language_code": "it"
}, },

232
translations/it/AGENTS.md
Unescape View File

@ -2,42 +2,42 @@
## Panoramica del Progetto ## Panoramica del Progetto
Questo è un repository per un curriculum educativo per insegnare le basi dello sviluppo web ai principianti. Il curriculum è un corso completo di 12 settimane sviluppato dai Microsoft Cloud Advocates, con 24 lezioni pratiche che coprono JavaScript, CSS e HTML. Questo è un repository curriculare educativo per insegnare le basi dello sviluppo web ai principianti. Il curriculum è un corso completo di 12 settimane sviluppato dai Microsoft Cloud Advocates, che presenta 24 lezioni pratiche che coprono JavaScript, CSS e HTML.
### Componenti Chiave ### Componenti Chiave
- **Contenuto Educativo**: 24 lezioni strutturate organizzate in moduli basati su progetti - **Contenuti Educativi**: 24 lezioni strutturate organizzate in moduli basati su progetti
- **Progetti Pratici**: Terrarium, Gioco di Digitazione, Estensione per Browser, Gioco Spaziale, App Bancaria, Editor di Codice e Assistente Chat AI - **Progetti Pratici**: Terrario, Gioco di Digitazione, Estensione Browser, Gioco Spaziale, App Bancaria, Editor di Codice e Assistente Chat AI
- **Quiz Interattivi**: 48 quiz con 3 domande ciascuno (valutazioni pre/post lezione) - **Quiz Interattivi**: 48 quiz con 3 domande ciascuno (valutazioni pre/post lezione)
- **Supporto Multilingue**: Traduzioni automatizzate per più di 50 lingue tramite GitHub Actions - **Supporto Multilingue**: Traduzioni automatizzate per oltre 50 lingue tramite GitHub Actions
- **Tecnologie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (per progetti AI) - **Tecnologie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (per progetti AI)
### Architettura ### Architettura
- Repository educativo con struttura basata sulle lezioni - Repository educativo con struttura basata sulle lezioni
- Ogni cartella lezione contiene README, esempi di codice e soluzioni - Ogni cartella lezione contiene README, esempi di codice e soluzioni
- Progetti autonomi in directory separate (quiz-app, vari progetti di lezione) - Progetti autonomi in directory separate (quiz-app, vari progetti lezioni)
- Sistema di traduzione tramite GitHub Actions (co-op-translator) - Sistema di traduzione usando GitHub Actions (co-op-translator)
- Documentazione servita tramite Docsify e disponibile in PDF - Documentazione servita tramite Docsify e disponibile in PDF
## Comandi di Configurazione ## Comandi di Setup
Questo repository è principalmente per il consumo di contenuti educativi. Per lavorare con progetti specifici: Questo repository è principalmente per il consumo di contenuti educativi. Per lavorare su progetti specifici:
### Configurazione Principale del Repository ### Setup Principale del Repository
```bash ```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners cd Web-Dev-For-Beginners
``` ```
### Configurazione Quiz App (Vue 3 + Vite) ### Setup Quiz App (Vue 3 + Vite)
```bash ```bash
cd quiz-app cd quiz-app
npm install npm install
npm run dev # Avvia il server di sviluppo npm run dev # Avvia il server di sviluppo
npm run build # Compila per la produzione npm run build # Costruisci per la produzione
npm run lint # Esegui ESLint npm run lint # Esegui ESLint
``` ```
@ -64,7 +64,7 @@ npm install
```bash ```bash
cd 6-space-game/solution cd 6-space-game/solution
npm install npm install
# Apri index.html nel browser o usa Live Server # Apri index.html nel browser oppure usa Live Server
``` ```
### Progetto Chat (Backend Python) ### Progetto Chat (Backend Python)
@ -78,35 +78,35 @@ python api.py
## Flusso di Lavoro per lo Sviluppo ## Flusso di Lavoro per lo Sviluppo
### Per i Collaboratori dei Contenuti ### Per i Collaboratori di Contenuti
1. **Fork del repository** nel tuo account GitHub 1. **Forka il repository** nel tuo account GitHub
2. **Clona il tuo fork** in locale 2. **Clona il tuo fork** localmente
3. **Crea un nuovo branch** per le tue modifiche 3. **Crea un nuovo branch** per le tue modifiche
4. Modifica contenuti delle lezioni o esempi di codice 4. Modifica contenuti delle lezioni o esempi di codice
5. Testa eventuali modifiche al codice nelle directory di progetto rilevanti 5. Testa eventuali modifiche al codice nelle directory dei progetti pertinenti
6. Invia pull request seguendo le linee guida di contributo 6. Invia pull request seguendo le linee guida per i contributi
### Per gli Studenti ### Per gli Studenti
1. Fai fork o clona il repository 1. Fork o clona il repository
2. Naviga nelle cartelle delle lezioni in ordine 2. Naviga nelle directory delle lezioni in sequenza
3. Leggi i file README di ogni lezione 3. Leggi i file README di ogni lezione
4. Completa i quiz pre-lezione su https://ff-quizzes.netlify.app/web/ 4. Completa i quiz pre-lezione su https://ff-quizzes.netlify.app/web/
5. Lavora sugli esempi di codice nelle cartelle delle lezioni 5. Lavora sugli esempi di codice nelle cartelle delle lezioni
6. Completa compiti e sfide 6. Completa esercizi e sfide
7. Sostieni i quiz post-lezione 7. Fai i quiz post-lezione
### Sviluppo in Diretta ### Sviluppo in Diretta
- **Documentazione**: esegui `docsify serve` nella root (porta 3000) - **Documentazione**: Esegui `docsify serve` nella root (porta 3000)
- **Quiz App**: esegui `npm run dev` nella directory quiz-app - **Quiz App**: Esegui `npm run dev` nella directory quiz-app
- **Progetti**: usa l’estensione Live Server di VS Code per i progetti HTML - **Progetti**: Usa l'estensione Live Server di VS Code per progetti HTML
- **Progetti API**: esegui `npm start` nelle directory API corrispondenti - **Progetti API**: Esegui `npm start` nelle directory API rispettive
## Istruzioni per il Test ## Istruzioni per il Testing
### Test Quiz App ### Testing Quiz App
```bash ```bash
cd quiz-app cd quiz-app
@ -114,78 +114,78 @@ npm run lint # Controlla problemi di stile del codice
npm run build # Verifica che la compilazione abbia successo npm run build # Verifica che la compilazione abbia successo
``` ```
### Test API Bancaria ### Testing Bank API
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # Controlla problemi di stile del codice npm run lint # Verifica la presenza di problemi di stile del codice
node server.js # Verifica che il server si avvii senza errori node server.js # Verifica che il server si avvii senza errori
``` ```
### Approccio Generale ai Test ### Approccio Generale al Testing
- Questo è un repository educativo senza test automatizzati completi - Questo è un repository educativo senza test automatizzati completi
- I test manuali si concentrano su: - Il testing manuale si concentra su:
- Esecuzione senza errori degli esempi di codice - Esempi di codice eseguiti senza errori
- Funzionamento corretto dei link nella documentazione - Link nella documentazione funzionanti correttamente
- Build dei progetti completati con successo - Build dei progetti completate con successo
- Gli esempi seguono le migliori pratiche - Esempi che seguono le migliori pratiche
### Controlli Pre-Consegna ### Controlli Pre-Invio
- Esegui `npm run lint` nelle directory con package.json - Esegui `npm run lint` nelle directory con package.json
- Verifica che i link markdown siano validi - Verifica che i link markdown siano validi
- Testa esempi di codice in browser o Node.js - Testa gli esempi di codice in browser o Node.js
- Controlla che le traduzioni mantengano la struttura corretta - Controlla che le traduzioni mantengano la struttura corretta
## Linee Guida di Stile del Codice ## Linee Guida per lo Stile del Codice
### JavaScript ### JavaScript
- Usa sintassi moderna ES6+ - Usa sintassi moderna ES6+
- Segui le configurazioni ESLint standard fornite nei progetti - Segui le configurazioni ESLint standard fornite nei progetti
- Usa nomi di variabili e funzioni significativi per chiarezza educativa - Usa nomi di variabili e funzioni significativi per chiarezza educativa
- Aggiungi commenti che spiegano i concetti agli studenti - Aggiungi commenti che spiegano i concetti per gli studenti
- Format con Prettier dove configurato - Formattta con Prettier ove configurato
### HTML/CSS ### HTML/CSS
- Elementi HTML5 semantici - Elementi semantici HTML5
- Principi di design responsive - Principi di design responsivo
- Convenzioni chiare per nomi delle classi - Convenzioni chiare per nomi di classi
- Commenti che spiegano tecniche CSS per studenti - Commenti che spiegano le tecniche CSS per gli studenti
### Python ### Python
- Linee guida di stile PEP 8 - Linee guida di stile PEP 8
- Esempi di codice chiari e didattici - Esempi di codice chiari e educativi
- Hint tipi dove utile per l’apprendimento - Indicazioni di tipo dove utili per l’apprendimento
### Documentazione Markdown ### Documentazione Markdown
- Gerarchia chiara delle intestazioni - Chiara gerarchia di intestazioni
- Blocchi di codice con specifica di linguaggio - Blocchi di codice con specifica del linguaggio
- Link a risorse aggiuntive - Link a risorse aggiuntive
- Screenshot e immagini nelle cartelle `images/` - Screenshot e immagini nelle cartelle `images/`
- Testo alternativo per immagini per accessibilità - Testo alternativo per immagini per accessibilità
### Organizzazione dei File ### Organizzazione dei File
- Lezioni numerate sequenzialmente (1-getting-started-lessons, 2-js-basics, ecc.) - Lezioni numerate progressivamente (1-getting-started-lessons, 2-js-basics, ecc.)
- Ogni progetto ha directory `solution/` e spesso `start/` o `your-work/` - Ogni progetto ha directory `solution/` e spesso `start/` o `your-work/`
- Immagini archiviate in cartelle `images/` specifiche per lezione - Immagini conservate in cartelle `images/` specifiche per la lezione
- Traduzioni nella struttura `translations/{language-code}/` - Traduzioni in struttura `translations/{language-code}/`
## Build e Distribuzione ## Build e Distribuzione
### Distribuzione Quiz App (Azure Static Web Apps) ### Distribuzione Quiz App (Azure Static Web Apps)
La quiz-app è configurata per la distribuzione su Azure Static Web Apps: La quiz-app è configurata per distribuzione su Azure Static Web Apps:
```bash ```bash
cd quiz-app cd quiz-app
npm run build # Crea la cartella dist/ npm run build # Crea la cartella dist/
# Esegue il deployment tramite workflow GitHub Actions al push su main # Esegue il deploy tramite workflow di GitHub Actions al push sul ramo main
``` ```
Configurazione Azure Static Web Apps: Configurazione Azure Static Web Apps:
@ -204,44 +204,44 @@ npm run convert # Genera PDF da docs
```bash ```bash
npm install -g docsify-cli # Installa Docsify globalmente npm install -g docsify-cli # Installa Docsify globalmente
docsify serve # Serve su localhost:3000 docsify serve # Servi su localhost:3000
``` ```
### Build Specifici per Progetto ### Build Specifici per Progetto
Ogni directory progetto può avere un proprio processo di build: Ogni directory progetto può avere un proprio processo di build:
- Progetti Vue: `npm run build` crea bundle di produzione - Progetti Vue: `npm run build` crea bundle di produzione
- Progetti statici: Nessun passaggio di build, servire i file direttamente - Progetti statici: nessun passaggio di build, servire file direttamente
## Linee Guida per le Pull Request ## Linee Guida per le Pull Request
### Formato del Titolo ### Formato del Titolo
Usa titoli chiari e descrittivi che indicano l’area di modifica: Usa titoli chiari e descrittivi indicanti l’area di modifica:
- `[Quiz-app] Aggiungi nuovo quiz per lezione X` - `[Quiz-app] Aggiungi nuovo quiz per la lezione X`
- `[Lesson-3] Correggi errore di battitura nel progetto terrarium` - `[Lesson-3] Correggi errore di battitura nel progetto terrario`
- `[Translation] Aggiungi traduzione spagnola per lezione 5` - `[Translation] Aggiungi traduzione spagnola per la lezione 5`
- `[Docs] Aggiorna istruzioni di configurazione` - `[Docs] Aggiorna istruzioni di setup`
### Controlli Richiesti ### Controlli Richiesti
Prima di inviare una PR: Prima di inviare una PR:
1. **Qualità del Codice**: 1. **Qualità del Codice**:
- Esegui `npm run lint` nelle directory di progetto interessate - Esegui `npm run lint` nelle directory progetto coinvolte
- Risolvi tutti gli errori e avvisi di linting - Risolvi tutti gli errori e avvisi di linting
2. **Verifica Build**: 2. **Verifica Build**:
- Esegui `npm run build` se applicabile - Esegui `npm run build` se applicabile
- Assicurati che non ci siano errori di build - Assicurati di non avere errori di build
3. **Validazione Link**: 3. **Validazione Link**:
- Testa tutti i link markdown - Testa tutti i link markdown
- Verifica che i riferimenti alle immagini funzionino - Verifica i riferimenti alle immagini
4. **Revisione Contenuto**: 4. **Revisione Contenuti**:
- Controlla ortografia e grammatica - Correggi errori di ortografia e grammatica
- Assicurati che gli esempi di codice siano corretti e didattici - Assicurati che gli esempi di codice siano corretti ed educativi
- Verifica che le traduzioni mantengano il significato originale - Verifica che le traduzioni mantengano il significato originale
### Requisiti per il Contributo ### Requisiti per il Contributo
@ -249,12 +249,12 @@ Prima di inviare una PR:
- Accetta il CLA Microsoft (controllo automatico alla prima PR) - Accetta il CLA Microsoft (controllo automatico alla prima PR)
- Segui il [Codice di Condotta Open Source Microsoft](https://opensource.microsoft.com/codeofconduct/) - Segui il [Codice di Condotta Open Source Microsoft](https://opensource.microsoft.com/codeofconduct/)
- Consulta [CONTRIBUTING.md](./CONTRIBUTING.md) per linee guida dettagliate - Consulta [CONTRIBUTING.md](./CONTRIBUTING.md) per linee guida dettagliate
- Riferisci i numeri degli issue nella descrizione della PR se applicabile - Riporta i numeri degli issue nella descrizione della PR se applicabile
### Processo di Revisione ### Processo di Revisione
- Le PR sono revisionate da manutentori e comunità - Le PR sono revisionate da manutentori e comunità
- Priorità alla chiarezza educativa - La chiarezza educativa è una priorità
- Gli esempi di codice devono seguire le migliori pratiche correnti - Gli esempi di codice devono seguire le migliori pratiche correnti
- Le traduzioni sono revisionate per accuratezza e adeguatezza culturale - Le traduzioni sono revisionate per accuratezza e adeguatezza culturale
@ -263,20 +263,20 @@ Prima di inviare una PR:
### Traduzione Automatica ### Traduzione Automatica
- Usa GitHub Actions con workflow co-op-translator - Usa GitHub Actions con workflow co-op-translator
- Traduce automaticamente in oltre 50 lingue - Traduce automaticamente in più di 50 lingue
- File sorgente nelle directory principali - File sorgente nelle directory principali
- File tradotti nelle directory `translations/{language-code}/` - File tradotti nelle directory `translations/{language-code}/`
### Aggiunta di Miglioramenti Manuali alla Traduzione ### Aggiunta di Miglioramenti Manuali alle Traduzioni
1. Trova il file in `translations/{language-code}/` 1. Trova il file in `translations/{language-code}/`
2. Effettua miglioramenti mantenendo la struttura 2. Effettua miglioramenti mantenendo la struttura
3. Assicurati che gli esempi di codice rimangano funzionanti 3. Assicurati che gli esempi di codice restino funzionanti
4. Testa eventuale contenuto quiz localizzato 4. Testa eventuali quiz localizzati
### Metadati della Traduzione ### Metadati di Traduzione
I file tradotti includono header metadati: I file tradotti includono header di metadati:
```markdown ```markdown
<!-- <!--
CO_OP_TRANSLATOR_METADATA: CO_OP_TRANSLATOR_METADATA:
@ -289,68 +289,68 @@ CO_OP_TRANSLATOR_METADATA:
--> -->
``` ```
## Debug e Risoluzione Problemi ## Debugging e Risoluzione Problemi
### Problemi Comuni ### Problemi Comuni
**Quiz app non si avvia**: **Quiz app non si avvia**:
- Controlla versione Node.js (consigliato v14+) - Controlla la versione di Node.js (consigliata v14+)
- Elimina `node_modules` e `package-lock.json`, esegui di nuovo `npm install` - Cancella `node_modules` e `package-lock.json`, esegui di nuovo `npm install`
- Controlla conflitti di porta (default: Vite usa porta 5173) - Controlla conflitti di porta (default: Vite usa porta 5173)
**Server API non si avvia**: **Server API non parte**:
- Verifica versione minima Node.js (node >=10) - Verifica che la versione di Node.js sia minima (node >=10)
- Controlla se la porta è già in uso - Controlla se la porta è già in uso
- Assicurati che tutte le dipendenze siano installate con `npm install` - Assicurati che tutte le dipendenze siano installate con `npm install`
**Estensione browser non si carica**: **Estensione browser non si carica**:
- Controlla che manifest.json sia formattato correttamente - Verifica che manifest.json sia formattato correttamente
- Controlla la console del browser per errori - Controlla la console del browser per errori
- Segui istruzioni specifiche per installazione estensioni browser - Segui le istruzioni di installazione specifiche per il browser
**Problemi progetto chat Python**: **Problemi con progetto chat Python**:
- Assicurati che il pacchetto OpenAI sia installato: `pip install openai` - Assicurati che il pacchetto OpenAI sia installato: `pip install openai`
- Verifica che la variabile ambiente GITHUB_TOKEN sia impostata - Verifica che la variabile ambiente GITHUB_TOKEN sia impostata
- Controlla permessi di accesso GitHub Models - Controlla i permessi di accesso ai GitHub Models
**Docsify non serve la documentazione**: **Docsify non serve la documentazione**:
- Installa docsify-cli globalmente: `npm install -g docsify-cli` - Installa docsify-cli globalmente: `npm install -g docsify-cli`
- Esegui dalla directory root del repository - Esegui dalla directory root del repository
- Controlla che `docs/_sidebar.md` esista - Controlla che esista `docs/_sidebar.md`
### Consigli per l’Ambiente di Sviluppo ### Suggerimenti per l’Ambiente di Sviluppo
- Usa VS Code con estensione Live Server per progetti HTML - Usa VS Code con estensione Live Server per progetti HTML
- Installa estensioni ESLint e Prettier per formattazione coerente - Installa estensioni ESLint e Prettier per formattazione coerente
- Usa DevTools del browser per il debug JavaScript - Usa DevTools del browser per il debugging di JavaScript
- Per progetti Vue, installa estensione browser Vue DevTools - Per progetti Vue, installa l’estensione Vue DevTools per browser
### Considerazioni sulle Prestazioni ### Considerazioni sulle Prestazioni
- Il gran numero di file tradotti (oltre 50 lingue) rende i clone completi grandi - L’elevato numero di file tradotti (oltre 50 lingue) rende le clone complete grandi
- Usa clone superficiale se lavori solo sui contenuti: `git clone --depth 1` - Usa clone superficiale se lavori solo sui contenuti: `git clone --depth 1`
- Escludi traduzioni dalle ricerche quando lavori sui contenuti in inglese - Escludi le traduzioni dalle ricerche quando lavori solo su contenuti in inglese
- I processi di build possono essere lenti alla prima esecuzione (npm install, build Vite) - I processi di build possono essere lenti alla prima esecuzione (npm install, build Vite)
## Considerazioni sulla Sicurezza ## Considerazioni sulla Sicurezza
### Variabili d’Ambiente ### Variabili d’Ambiente
- Le chiavi API non devono mai essere committate nel repository - Le API key non devono mai essere immesse nel repository
- Usa file `.env` (già in `.gitignore`) - Usa file `.env` (già inclusi in `.gitignore`)
- Documenta le variabili ambiente richieste nei README dei progetti - Documenta le variabili d’ambiente richieste nei README dei progetti
### Progetti Python ### Progetti Python
- Usa ambienti virtuali: `python -m venv venv` - Usa ambienti virtuali: `python -m venv venv`
- Mantieni aggiornate le dipendenze - Mantieni le dipendenze aggiornate
- I token GitHub devono avere permessi minimi necessari - I token GitHub devono avere permessi minimi necessari
### Accesso ai Modelli GitHub ### Accesso a GitHub Models
- Sono necessari Personal Access Tokens (PAT) per i Modelli GitHub - Sono necessari Personal Access Token (PAT) per GitHub Models
- I token devono essere conservati come variabili ambiente - I token vanno conservati come variabili d’ambiente
- Non committare mai token o credenziali - Mai commitare token o credenziali
## Note Aggiuntive ## Note Aggiuntive
@ -358,51 +358,51 @@ CO_OP_TRANSLATOR_METADATA:
- Principianti completi nello sviluppo web - Principianti completi nello sviluppo web
- Studenti e autodidatti - Studenti e autodidatti
- Insegnanti che utilizzano il curriculum in classe - Insegnanti che usano il curriculum in aula
- Contenuti progettati per accessibilità e crescita graduale delle competenze - Contenuti progettati per accessibilità e costruzione graduale di competenze
### Filosofia Educativa ### Filosofia Educativa
- Approccio basato su apprendimento tramite progetto - Approccio basato su apprendimento via progetti
- Controlli di conoscenza frequenti (quiz) - Controlli frequenti della conoscenza (quiz)
- Esercizi pratici di programmazione - Esercizi pratici di coding
- Esempi di applicazione reali - Esempi di applicazione reale
- Focus sulle fondamenta prima dei framework - Focus sui fondamenti prima dei framework
### Manutenzione del Repository ### Manutenzione del Repository
- Comunità attiva di studenti e collaboratori - Comunità attiva di studenti e collaboratori
- Aggiornamenti regolari di dipendenze e contenuti - Aggiornamenti regolari di dipendenze e contenuti
- Monitoraggio di issue e discussioni da parte dei manutentori - Monitoraggio di issue e discussioni da parte dei manutentori
- Aggiornamenti traduzioni automatizzati tramite GitHub Actions - Aggiornamenti traduzione automatizzati tramite GitHub Actions
### Risorse Correlate ### Risorse Correlate
- [Moduli Microsoft Learn](https://docs.microsoft.com/learn/) - [Moduli Microsoft Learn](https://docs.microsoft.com/learn/)
- [Risorse Student Hub](https://docs.microsoft.com/learn/student-hub/) - [Risorse Student Hub](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) consigliato per studenti - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) consigliato per studenti
- Corsi aggiuntivi: AI generativa, Data Science, ML, curricula IoT disponibili - Corsi aggiuntivi: curricula Generative AI, Data Science, ML, IoT disponibili
### Lavorare con Progetti Specifici ### Lavorare con Progetti Specifici
Per istruzioni dettagliate sui progetti singoli, consulta i file README in: Per istruzioni dettagliate sui singoli progetti, consulta i file README in:
- `quiz-app/README.md` - Applicazione quiz Vue 3 - `quiz-app/README.md` - applicazione quiz Vue 3
- `7-bank-project/README.md` - Applicazione bancaria con autenticazione - `7-bank-project/README.md` - applicazione bancaria con autenticazione
- `5-browser-extension/README.md` - Sviluppo estensione per browser - `5-browser-extension/README.md` - sviluppo estensione browser
- `6-space-game/README.md` - Sviluppo gioco basato su Canvas - `6-space-game/README.md` - sviluppo gioco basato su canvas
- `9-chat-project/README.md` - Progetto assistente chat AI - `9-chat-project/README.md` - progetto assistente chat AI
### Struttura Monorepo ### Struttura Monorepo
Pur non essendo un monorepo tradizionale, questo repository contiene più progetti indipendenti: Anche se non è un monorepo tradizionale, questo repository contiene molti progetti indipendenti:
- Ogni lezione è autonoma - Ogni lezione è autonoma
- I progetti non condividono dipendenze - I progetti non condividono dipendenze
- Lavora su singoli progetti senza influire sugli altri - Lavora su progetti individuali senza influenzare gli altri
- Clona l'intero repository per l’esperienza completa del curriculum - Clona l’intero repo per l’esperienza completa del curriculum
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Disclaimer**: **Disclaimer**:
Questo documento è stato tradotto utilizzando il servizio di traduzione automatica [Co-op Translator](https://github.com/Azure/co-op-translator). Pur impegnandoci per l’accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o inesattezze. Il documento originale nella sua lingua nativa deve essere considerato la fonte autorevole. Per informazioni critiche, si raccomanda una traduzione professionale effettuata da un esperto umano. Non siamo responsabili per eventuali malintesi o interpretazioni errate derivanti dall’uso di questa traduzione. Questo documento è stato tradotto utilizzando il servizio di traduzione automatica [Co-op Translator](https://github.com/Azure/co-op-translator). Pur impegnandoci per garantire l’accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o inesattezze. Il documento originale nella sua lingua originale dovrebbe essere considerato la fonte autorevole. Per informazioni critiche, si raccomanda una traduzione professionale effettuata da un essere umano. Non ci assumiamo alcuna responsabilità per eventuali malintesi o interpretazioni errate derivanti dall’uso di questa traduzione.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

198
translations/it/README.md
Unescape View File

@ -1,38 +1,21 @@
[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
[![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
[![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
[![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
[![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
[![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
[![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Sviluppo Web per Principianti - Un Curriculum # Sviluppo Web per Principianti - Un Curriculum
Impara le basi dello sviluppo web con il nostro corso completo di 12 settimane offerto dai Microsoft Cloud Advocates. Ognuna delle 24 lezioni esplora JavaScript, CSS e HTML attraverso progetti pratici come terrari, estensioni per browser e giochi spaziali. Partecipa a quiz, discussioni e compiti pratici. Migliora le tue competenze e ottimizza la tua memorizzazione con la nostra efficace pedagogia basata su progetti. Inizia oggi il tuo viaggio nel coding! Impara le basi dello sviluppo web con il nostro corso completo di 12 settimane tenuto dai Microsoft Cloud Advocates. Ognuna delle 24 lezioni approfondisce JavaScript, CSS e HTML attraverso progetti pratici come terrari, estensioni per browser e giochi spaziali. Partecipa a quiz, discussioni e compiti pratici. Migliora le tue competenze e ottimizza la tua memoria con la nostra efficace metodologia di apprendimento basata su progetti. Inizia il tuo percorso di codifica oggi stesso!
Unisciti alla Comunità Discord di Azure AI Foundry
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) Unisciti alla community Discord di Azure AI Foundry
Segui questi passaggi per iniziare a utilizzare queste risorse: Segui questi passaggi per iniziare a usare queste risorse:
1. **Forka il Repository**: Clicca su [![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) 1. **Fork del repository**: Clicca [![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. **Clona il Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Clona il repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Unisciti al Discord di The Azure AI Foundry e incontra esperti e altri sviluppatori**](https://discord.com/invite/ByRwuEEgH4) 3. [**Unisciti al Discord di Azure AI Foundry e incontra esperti e altri sviluppatori**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Supporto Multilingue ### 🌐 Supporto Multilingua
#### Supportato tramite GitHub Action (Automatizzato e sempre aggiornato) #### Supportato tramite GitHub Action (Automatizzato e sempre aggiornato)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[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](./README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/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)
> **Preferisci clonare localmente?** > **Preferisci clonare localmente?**
> >
> Questo repository include oltre 50 traduzioni linguistiche che aumentano significativamente la dimensione del download. Per clonare senza le traduzioni, usa il sparse checkout: > Questo repository include più di 50 traduzioni linguistiche aumentando significativamente la dimensione del download. Per clonare senza traduzioni, usa il checkout parziale:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -48,28 +31,25 @@ Segui questi passaggi per iniziare a utilizzare queste risorse:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ``` > ```
> >
> Ti fornisce tutto il necessario per completare il corso con un download molto più veloce. > Questo ti darà tutto ciò che serve per completare il corso con un download molto più veloce.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Se desideri altre lingue di traduzione, quelle supportate sono elencate [qui](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=Apri%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) **Se desideri che vengano supportate altre lingue di traduzione, sono elencate [qui](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
#### 🧑‍🎓 _Sei uno studente?_ #### 🧑‍🎓 _Sei uno studente?_
Visita la [**pagina Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) dove troverai risorse per principianti, pacchetti per studenti e anche i modi per ottenere un voucher gratuito per il certificato. Questa è la pagina da aggiungere tra i preferiti e controllare periodicamente poiché i contenuti vengono aggiornati mensilmente. Visita la [**pagina Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) dove troverai risorse per principianti, pacchetti per studenti e anche modi per ottenere un voucher gratuito per la certificazione. Questa è la pagina da aggiungere ai preferiti e controllare di tanto in tanto, poiché aggiorniamo i contenuti mensilmente.
### 📣 Annuncio - Nuove sfide Modalità GitHub Copilot Agent da completare! ### 📣 Annuncio - Nuove sfide modalità GitHub Copilot Agent da completare!
Nuova sfida aggiunta, cerca "GitHub Copilot Agent Challenge 🚀" nella maggior parte dei capitoli. È una nuova sfida da completare usando GitHub Copilot e la modalità Agent. Se non hai mai usato la modalità Agent, questa non genera solo testo ma può anche creare e modificare file, eseguire comandi e altro. È stata aggiunta una nuova sfida, cercala come "GitHub Copilot Agent Challenge 🚀" nella maggior parte dei capitoli. È una nuova sfida da completare utilizzando GitHub Copilot e la modalità Agent. Se non hai mai usato la modalità Agent, è in grado non solo di generare testo ma anche di creare e modificare file, eseguire comandi e altro ancora.
### 📣 Annuncio - _Nuovo Progetto da costruire usando Generative AI_ ### 📣 Annuncio - _Nuovo progetto da costruire usando l’AI generativa_
Nuovo progetto Assistente AI appena aggiunto, dai un’occhiata al [progetto](./9-chat-project/README.md) È stato appena aggiunto un nuovo progetto AI Assistant, dai un’occhiata al [progetto](./9-chat-project/README.md)
### 📣 Annuncio - _Nuovo Curriculum_ sulla Generative AI per JavaScript appena pubblicato ### 📣 Annuncio - _Nuovo curriculum_ sull’AI Generativa per JavaScript appena rilasciato
Non perdere il nostro nuovo curriculum sulla Generative AI! Non perderti il nostro nuovo curriculum sull’AI Generativa!
Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) per iniziare! Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) per iniziare!
@ -81,53 +61,53 @@ Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) per iniz
![character](../../translated_images/it/character.5c0dd8e067ffd693.webp) ![character](../../translated_images/it/character.5c0dd8e067ffd693.webp)
Ogni lezione include un compito da completare, un controllo di conoscenza e una sfida che ti guiderà nell’apprendimento di argomenti come:
Ogni lezione include un compito da completare, un controllo delle conoscenze e una sfida per guidarti nell’apprendimento di argomenti come: - Prompting e ingegneria del prompt
- Prompt e prompt engineering - Generazione di app testuali e di immagini
- Generazione di app di testo e immagini
- App di ricerca - App di ricerca
Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) per iniziare! Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) per iniziare!
## 🌱 Per Iniziare ## 🌱 Iniziare
> **Insegnanti**, abbiamo [incluso qualche suggerimento](for-teachers.md) su come usare questo curriculum. Ci piacerebbe avere il vostro feedback [nel nostro forum di discussione](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! > **Insegnanti**, abbiamo [incluso alcuni suggerimenti](for-teachers.md) su come usare questo curriculum. Ci piacerebbe ricevere i vostri feedback [nel nostro forum di discussione](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Studenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, per ogni lezione, iniziate con un quiz pre-lezione e continuate leggendo il materiale della lezione, completando le varie attività e verificando la comprensione con il quiz post-lezione. **[Studenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, per ogni lezione, iniziate con un quiz pre-lezione e proseguite leggendo il materiale della lezione, completando le varie attività e verificando la comprensione con il quiz post-lezione.
Per migliorare la tua esperienza di apprendimento, connettiti con i tuoi compagni per lavorare insieme sui progetti! Sono incoraggiate le discussioni nel nostro [forum di discussione](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) dove il nostro team di moderatori sarà disponibile a rispondere alle tue domande. Per migliorare l’esperienza di apprendimento, connettiti con i tuoi compagni per lavorare insieme sui progetti! Le discussioni sono incoraggiate nel nostro [forum di discussione](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) dove il nostro team di moderatori sarà disponibile per rispondere alle tue domande.
Per approfondire la tua formazione, ti consigliamo vivamente di esplorare [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) per ulteriori materiali di studio. Per approfondire la tua formazione, consigliamo vivamente di esplorare [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) per materiali di studio aggiuntivi.
### 📋 Configurare il tuo ambiente ### 📋 Configurazione del tuo ambiente
Questo curriculum ha un ambiente di sviluppo pronto all’uso! Quando inizi puoi scegliere di eseguire il curriculum in un [Codespace](https://github.com/features/codespaces/) (_un ambiente basato su browser, senza bisogno di installazioni_), oppure localmente sul tuo computer usando un editor di testo come [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). Questo curriculum include un ambiente di sviluppo pronto all’uso! All’inizio puoi scegliere di eseguire il curriculum in un [Codespace](https://github.com/features/codespaces/) (_un ambiente basato su browser, senza necessità di installazioni_), oppure localmente sul tuo computer usando un editor di testo come [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Crea il tuo repository #### Crea il tuo repository
Per salvare facilmente il tuo lavoro, si consiglia di creare una copia di questo repository. Puoi farlo cliccando sul pulsante **Usa questo modello** in alto nella pagina. Questo creerà un nuovo repository nel tuo account GitHub con una copia del curriculum. Per salvare facilmente il tuo lavoro, si consiglia di creare una copia personale di questo repository. Puoi farlo cliccando sul pulsante **Usa questo modello** in alto nella pagina. Questo creerà un nuovo repository nel tuo account GitHub con una copia del curriculum.
Segui questi passaggi: Segui questi passi:
1. **Forka il Repository**: Clicca sul bottone "Fork" in alto a destra di questa pagina. 1. **Fork del repository**: clicca sul pulsante "Fork" nell’angolo in alto a destra di questa pagina.
2. **Clona il Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Clona il repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Eseguire il curriculum in un Codespace #### Esecuzione del curriculum in un Codespace
Nella tua copia del repository che hai creato, clicca il bottone **Code** e seleziona **Open with Codespaces**. Questo creerà un nuovo Codespace dove potrai lavorare. Nella tua copia di questo repository che hai creato, clicca sul pulsante **Code** e seleziona **Open with Codespaces**. Questo creerà un nuovo Codespace su cui lavorare.
![Codespace](../../translated_images/it/createcodespace.0238bbf4d7a8d955.webp) ![Codespace](../../translated_images/it/createcodespace.0238bbf4d7a8d955.webp)
#### Eseguire il curriculum localmente sul tuo computer #### Esecuzione del curriculum localmente sul tuo computer
Per eseguire questo curriculum localmente sul tuo computer, ti servirà un editor di testo, un browser e uno strumento da riga di comando. La nostra prima lezione, [Introduzione ai linguaggi di programmazione e strumenti del mestiere](../../1-getting-started-lessons/1-intro-to-programming-languages), ti guiderà attraverso varie opzioni per ciascuno di questi strumenti per poterti scegliere ciò che funziona meglio per te.
Per eseguire questo curriculum localmente serve un editor di testo, un browser e uno strumento da riga di comando. La nostra prima lezione, [Introduzione ai linguaggi di programmazione e agli strumenti del mestiere](../../1-getting-started-lessons/1-intro-to-programming-languages), ti guiderà attraverso varie opzioni per ciascuno di questi strumenti in modo che tu possa scegliere quella che preferisci. La nostra raccomandazione è di usare [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) come editor, che include anche un [Terminale](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrato. Puoi scaricare Visual Studio Code [qui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
La nostra raccomandazione è di usare [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) come editor, che ha anche un [Terminale](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrato. Puoi scaricare Visual Studio Code [qui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). 1. Clona il tuo repository sul computer. Puoi farlo cliccando sul pulsante **Code** e copiando l'URL:
1. Clona il tuo repository sul computer. Puoi farlo cliccando sul pulsante **Code** e copiando l’URL:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
Poi, apri [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) all’interno di [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ed esegui il comando seguente, sostituendo `<your-repository-url>` con l’URL che hai appena copiato: Poi, apri [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) all'interno di [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ed esegui il comando seguente, sostituendo `<your-repository-url>` con l'URL appena copiato:
```bash ```bash
git clone <your-repository-url> git clone <your-repository-url>
@ -136,87 +116,87 @@ La nostra raccomandazione è di usare [Visual Studio Code](https://code.visualst
2. Apri la cartella in Visual Studio Code. Puoi farlo cliccando su **File** > **Open Folder** e selezionando la cartella appena clonata. 2. Apri la cartella in Visual Studio Code. Puoi farlo cliccando su **File** > **Open Folder** e selezionando la cartella appena clonata.
> Estensioni consigliate di Visual Studio Code: > Estensioni Visual Studio Code raccomandate:
> >
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - per visualizzare in anteprima pagine HTML all’interno di Visual Studio Code > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - per visualizzare in anteprima le pagine HTML all’interno di Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - per aiutarti a scrivere codice più velocemente > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - per aiutarti a scrivere codice più velocemente
## 📂 Ogni lezione include: ## 📂 Ogni lezione include:
- sketchnote opzionale - sketchnote opzionale
- video supplementare opzionale - video supplementare opzionale
- quiz di riscaldamento prima della lezione - quiz di riscaldamento pre-lezione
- lezione scritta - lezione scritta
- per le lezioni basate su progetti, guide passo-passo su come costruire il progetto - per lezioni basate su progetti, guide passo-passo su come costruire il progetto
- controlli delle conoscenze - verifiche di conoscenza
- una sfida - una sfida
- letture supplementari - letture supplementari
- compito - compito
- [quiz post-lezione](https://ff-quizzes.netlify.app/web/) - [quiz post-lezione](https://ff-quizzes.netlify.app/web/)
> **Una nota sui quiz**: Tutti i quiz si trovano nella cartella Quiz-app, 48 quiz totali di tre domande ciascuno. Sono disponibili [qui](https://ff-quizzes.netlify.app/web/); l’app del quiz può essere eseguita localmente o distribuita su Azure; segui le istruzioni nella cartella `quiz-app`. > **Una nota sui quiz**: Tutti i quiz sono contenuti nella cartella Quiz-app, 48 quiz totali con tre domande ciascuno. Sono disponibili [qui](https://ff-quizzes.netlify.app/web/); l'app dei quiz può essere eseguita localmente o distribuita su Azure; segui le istruzioni nella cartella `quiz-app`.
## 🗃️ Lezioni ## 🗃️ Lezioni
| | Nome Progetto | Concetti Insegnati | Obiettivi di Apprendimento | Lezione Collegata | Autore | | | Nome del Progetto | Concetti Insegnati | Obiettivi di Apprendimento | Lezione Collegata | Autore |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :-----------------------------------------------------------: | :-----------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Getting Started | Introduzione alla Programmazione e Strumenti del Mestiere | Impara le basi comuni alla maggior parte dei linguaggi di programmazione e sul software che aiuta gli sviluppatori professionisti a svolgere il loro lavoro | [Introduzione ai Linguaggi di Programmazione e Strumenti del Mestiere](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 01 | Getting Started | Introduzione alla programmazione e agli strumenti del mestiere | Imparare le basi che stanno dietro la maggior parte dei linguaggi di programmazione e sul software che aiuta gli sviluppatori professionisti a svolgere il loro lavoro | [Introduzione ai Linguaggi di Programmazione e Strumenti](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Getting Started | Nozioni base su GitHub, incluso il lavoro in team | Come usare GitHub nel tuo progetto, come collaborare con altri su una base di codice | [Introduzione a GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 02 | Getting Started | Nozioni base di GitHub, inclusa la collaborazione in team | Come usare GitHub nel tuo progetto, come collaborare con altri su una base di codice | [Introduzione a GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Getting Started | Accessibilità | Impara le basi dell’accessibilità web | [Fondamenti di Accessibilità](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | Getting Started | Accessibilità | Imparare le basi dell'accessibilità web | [Fondamenti di Accessibilità](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Basics | Tipi di Dati JavaScript | Le basi dei tipi di dati in JavaScript | [Tipi di Dati](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | JS Basics | Tipi di dati in JavaScript | Le basi dei tipi di dati in JavaScript | [Tipi di Dati](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Basics | Funzioni e Metodi | Impara su funzioni e metodi per gestire il flusso logico di un’applicazione | [Funzioni e Metodi](./2-js-basics/2-functions-methods/README.md) | Jasmine e Christopher | | 05 | JS Basics | Funzioni e Metodi | Imparare sulle funzioni e metodi per gestire il flusso logico di un'applicazione | [Funzioni e Metodi](./2-js-basics/2-functions-methods/README.md) | Jasmine e Christopher |
| 06 | JS Basics | Prendere Decisioni con JS | Impara a creare condizioni nel tuo codice usando metodi decisionali | [Prendere Decisioni](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | JS Basics | Prendere decisioni con JS | Imparare a creare condizioni nel codice usando metodi di decisione | [Prendere Decisioni](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Basics | Array e Cicli | Lavora con dati usando array e cicli in JavaScript | [Array e Cicli](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 07 | JS Basics | Array e Cicli | Lavorare con dati usando array e cicli in JavaScript | [Array e Cicli](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML in Pratica | Costruisci l’HTML per creare un terrario online, focalizzandoti sulla costruzione del layout | [Introduzione a HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML in pratica | Costruire l'HTML per creare un terrario online, concentrandosi sulla costruzione di un layout | [Introduzione all'HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS in Pratica | Costruisci il CSS per stilizzare il terrario online, concentrandoti sulle basi del CSS inclusa la responsività della pagina | [Introduzione a CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS in pratica | Costruire il CSS per lo stile del terrario online, concentrandosi sulle basi del CSS inclusa la resa responsiva della pagina | [Introduzione al CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | Chiusure JavaScript, manipolazione del DOM | Costruisci il JavaScript per far funzionare il terrario come interfaccia drag/drop, concentrandoti su chiusure e manipolazione del DOM | [Chiusure JavaScript, manipolazione del DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 10 | [Terrarium](./3-terrarium/solution/README.md) | Closure JavaScript, manipolazione DOM | Costruire il JavaScript per fare in modo che il terrario funzioni come un'interfaccia drag & drop, concentrandosi su closure e manipolazioni DOM | [Closure JavaScript, manipolazione DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Costruire un Gioco di Digitazione | Impara a usare eventi da tastiera per guidare la logica della tua app JavaScript | [Programmazione Event-Driven](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Typing Game](./4-typing-game/solution/README.md) | Costruire un gioco di digitazione | Imparare a usare eventi da tastiera per guidare la logica della tua app JavaScript | [Programmazione basata su eventi](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lavorare con i Browser | Impara come funzionano i browser, la loro storia e come strutturare i primi elementi di un’estensione del browser | [Informazioni sui Browser](./5-browser-extension/1-about-browsers/README.md) | Jen | | 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lavorare con i browser | Imparare come funzionano i browser, la loro storia e come strutturare i primi elementi di un'estensione per browser | [Informazioni sui browser](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Costruzione di un form, chiamata API e memorizzazione variabili in local storage | Costruisci gli elementi JavaScript della tua estensione per chiamare un’API usando variabili memorizzate nel local storage | [API, Form e Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Costruire un modulo, chiamare un’API e memorizzare variabili nello storage locale | Costruire gli elementi JavaScript della tua estensione browser per chiamare un'API usando variabili memorizzate nello storage locale | [API, moduli e storage locale](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Processi in background nel browser, prestazioni web | Usa i processi in background del browser per gestire l’icona dell’estensione; impara sulle prestazioni web e alcune ottimizzazioni per migliorare | [Attività Background e Prestazioni](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Processi in background nel browser, performance web | Usare i processi in background del browser per gestire l'icona dell'estensione; imparare sulle performance web e alcune ottimizzazioni per migliorare | [Processi di background e performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | Sviluppo di giochi più avanzato con JavaScript | Impara sull’Ereditarietà usando sia Classi che Composizione e sul pattern Pub/Sub, in preparazione per costruire un gioco | [Introduzione allo Sviluppo Avanzato di Giochi](./6-space-game/1-introduction/README.md) | Chris | | 15 | [Space Game](./6-space-game/solution/README.md) | Sviluppo di giochi avanzato con JavaScript | Imparare sull'ereditarietà usando sia Classi che Composizione e il pattern Pub/Sub, in preparazione per costruire un gioco | [Introduzione allo sviluppo di giochi avanzato](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Disegnare su canvas | Impara la Canvas API, usata per disegnare elementi su uno schermo | [Disegnare su Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 16 | [Space Game](./6-space-game/solution/README.md) | Disegnare su canvas | Imparare l'API Canvas, usata per disegnare elementi su schermo | [Disegnare su Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | Muovere gli elementi sullo schermo | Scopri come gli elementi possono muoversi usando coordinate cartesiane e la Canvas API | [Muovere gli Elementi](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Space Game](./6-space-game/solution/README.md) | Muovere elementi sullo schermo | Scoprire come gli elementi possono acquisire movimento usando coordinate cartesiane e l'API Canvas | [Muovere elementi](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | Rilevamento collisioni | Fai collidere elementi e reagire tra loro usando pressioni di tasti e fornisci una funzione di cooldown per assicurare le prestazioni del gioco | [Rilevamento Collisioni](./6-space-game/4-collision-detection/README.md) | Chris | | 18 | [Space Game](./6-space-game/solution/README.md) | Rilevamento collisioni | Far collidere e reagire elementi tra loro usando pressioni di tasti e fornire una funzione di cooldown per assicurare le prestazioni del gioco | [Rilevamento collisioni](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | Mantenere il punteggio | Esegui calcoli matematici basati sullo stato e prestazioni del gioco | [Mantenere il Punteggio](./6-space-game/5-keeping-score/README.md) | Chris | | 19 | [Space Game](./6-space-game/solution/README.md) | Tenere il punteggio | Effettuare calcoli matematici basati sullo stato e le prestazioni del gioco | [Tenere il punteggio](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | Terminare e riavviare il gioco | Impara a terminare e riavviare il gioco, inclusa la pulizia delle risorse e il reset dei valori delle variabili | [La Condizione di Fine](./6-space-game/6-end-condition/README.md) | Chris | | 20 | [Space Game](./6-space-game/solution/README.md) | Finire e riavviare il gioco | Imparare a finire e riavviare il gioco, compreso pulire le risorse e reimpostare i valori delle variabili | [La condizione di fine](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | Template HTML e Routing in un'app web | Impara a creare la struttura architettonica di un sito multipagina usando routing e template HTML | [Template HTML e Routing](./7-bank-project/1-template-route/README.md) | Yohan | | 21 | [Banking App](./7-bank-project/solution/README.md) | Template HTML e Routing in una Web App | Imparare a creare la struttura di un sito web multipagina usando routing e template HTML | [Template HTML e Routing](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Costruire un form di login e registrazione | Impara a costruire form e gestire routine di validazione | [Form](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [Banking App](./7-bank-project/solution/README.md) | Costruire un modulo di login e registrazione | Imparare a costruire moduli e gestire routine di validazione | [Moduli](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Metodi di Fetching e Uso dei Dati | Come i dati entrano e escono dalla tua app, come recuperarli, salvarli e scartarli | [Dati](./7-bank-project/3-data/README.md) | Yohan | | 23 | [Banking App](./7-bank-project/solution/README.md) | Metodi per recuperare e usare dati | Come i dati fluiscono dentro e fuori dalla tua app, come recuperarli, memorizzarli e smaltirli | [Dati](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | Concetti di Gestione dello Stato | Impara come la tua app mantiene lo stato e come gestirlo programmaticamente | [Gestione dello Stato](./7-bank-project/4-state-management/README.md) | Yohan | | 24 | [Banking App](./7-bank-project/solution/README.md) | Concetti di gestione dello stato | Imparare come la tua app mantiene lo stato e come gestirlo programmaticamente | [Gestione dello Stato](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | Lavorare con VScode | Impara a usare un editor di codice| [Usare VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [Browser/VScode Code](../../8-code-editor) | Lavorare con VScode | Imparare a usare un editor di codice| [Usa l’editor di codice VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | Lavorare con AI | Impara a costruire il tuo assistente AI | [Progetto Assistente AI](./9-chat-project/README.md) | Chris | | 26 | [AI Assistants](./9-chat-project/README.md) | Lavorare con l’AI | Imparare a costruire il tuo assistente AI | [Progetto assistente AI](./9-chat-project/README.md) | Chris |
## 🏫 Pedagogia ## 🏫 Pedagogia
Il nostro curriculum è progettato secondo due principi pedagogici chiave: Il nostro curriculum è progettato seguendo due principi pedagogici chiave:
* apprendimento basato su progetti * apprendimento basato su progetti
* quiz frequenti * quiz frequenti
Il programma insegna le basi di JavaScript, HTML e CSS, così come gli strumenti e le tecniche più recenti usati dagli sviluppatori web di oggi. Gli studenti avranno l’opportunità di acquisire esperienza pratica costruendo un gioco di digitazione, un terrario virtuale, un’estensione browser ecologica, un gioco in stile space-invader e un’app bancaria per aziende. Alla fine della serie, gli studenti avranno acquisito una solida comprensione dello sviluppo web. Il programma insegna le basi di JavaScript, HTML e CSS, nonché gli strumenti e le tecniche più recenti usati dagli sviluppatori web di oggi. Gli studenti avranno l'opportunità di acquisire esperienza pratica costruendo un gioco di digitazione, un terrario virtuale, un'estensione browser eco-sostenibile, un gioco in stile space invader e un'app bancaria per imprese. Alla fine della serie, gli studenti avranno acquisito una solida comprensione dello sviluppo web.
> 🎓 Puoi seguire le prime lezioni di questo curriculum come [Percorso di Apprendimento](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) su Microsoft Learn! > 🎓 Puoi seguire le prime lezioni di questo curriculum come un [Percorso di Apprendimento](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) su Microsoft Learn!
Assicurando che il contenuto sia allineato ai progetti, il processo diventa più coinvolgente per gli studenti e la ritenzione dei concetti sarà aumentata. Abbiamo inoltre scritto diverse lezioni introduttive sulle basi di JavaScript per introdurre i concetti, abbinate a un video della raccolta "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", alcuni dei cui autori hanno contribuito a questo curriculum. Garantendo che il contenuto sia allineato con i progetti, il processo risulta più coinvolgente per gli studenti e la ritenzione dei concetti sarà aumentata. Abbiamo inoltre scritto diverse lezioni introduttive sulle basi di JavaScript per introdurre i concetti, abbinate a un video dalla collezione "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" di tutorial video, alcuni autori dei quali hanno contribuito a questo curriculum.
Inoltre, un quiz a bassa pressione prima di una lezione pone l’intenzione dello studente verso l’apprendimento di un argomento, mentre un secondo quiz dopo la lezione assicura una maggiore ritenzione. Questo curriculum è stato progettato per essere flessibile e divertente e può essere seguito integralmente o parzialmente. I progetti iniziano piccoli e diventano progressivamente più complessi entro la fine del ciclo di 12 settimane. Inoltre, un quiz a basso rischio prima della lezione stabilisce l'intenzione dello studente verso l'apprendimento di un argomento, mentre un secondo quiz dopo la lezione assicura una maggiore ritenzione. Questo curriculum è stato progettato per essere flessibile e divertente e può essere seguito interamente o parzialmente. I progetti iniziano piccoli e diventano progressivamente più complessi entro la fine del ciclo di 12 settimane.
Sebbene abbiamo volutamente evitato l’introduzione di framework JavaScript per concentrarci sulle competenze di base necessarie come sviluppatore web prima di adottare un framework, un buon passo successivo per completare questo curriculum sarebbe imparare Node.js tramite un’altra raccolta di video: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". Anche se abbiamo volutamente evitato di introdurre framework JavaScript per concentrarci sulle abilità di base necessarie come sviluppatore web prima di adottare un framework, un buon passo successivo per completare questo curriculum sarebbe imparare Node.js tramite un'altra collezione di video: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Visita le nostre linee guida [Codice di Condotta](CODE_OF_CONDUCT.md) e [Contributi](CONTRIBUTING.md). Accogliamo con piacere il tuo feedback costruttivo! > Visita le nostre linee guida su [Codice di Condotta](CODE_OF_CONDUCT.md) e [Come contribuire](CONTRIBUTING.md). Accogliamo con piacere i tuoi feedback costruttivi!
## 🧭 Accesso offline ## 🧭 Accesso offline
Puoi eseguire questa documentazione offline usando [Docsify](https://docsify.js.org/#/). Fai un fork di questo repo, [installa Docsify](https://docsify.js.org/#/quickstart) sulla tua macchina locale, e poi nella cartella principale di questo repo, digita `docsify serve`. Il sito sarà servito sulla porta 3000 del tuo localhost: `localhost:3000`. Puoi eseguire questa documentazione offline usando [Docsify](https://docsify.js.org/#/). Fai un fork di questo repository, [installa Docsify](https://docsify.js.org/#/quickstart) sulla tua macchina locale, e poi nella cartella radice di questo repository, digita `docsify serve`. Il sito web sarà servito sulla porta 3000 del tuo localhost: `localhost:3000`.
## 📘 PDF ## 📘 PDF
Un PDF di tutte le lezioni è disponibile [qui](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). Un PDF di tutte le lezioni può essere trovato [qui](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Altri Corsi ## 🎒 Altri Corsi
Il nostro team produce altri corsi! Dai un'occhiata: Il nostro team produce altri corsi! Dai un’occhiata a:
<!-- CO-OP TRANSLATOR OTHER COURSES START --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
@ -241,7 +221,7 @@ Il nostro team produce altri corsi! Dai un'occhiata:
--- ---
### Apprendimento Core ### Formazione Base
[![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) [![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) [![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) [![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)
@ -260,21 +240,21 @@ Il nostro team produce altri corsi! Dai un'occhiata:
## Ottenere Aiuto ## Ottenere Aiuto
Se rimani bloccato o hai domande sulla creazione di app AI, unisciti ad altri studenti e sviluppatori esperti nelle discussioni su MCP. È una comunità di supporto dove le domande sono benvenute e la conoscenza viene condivisa liberamente. Se ti blocchi o hai domande sulla creazione di app AI, unisciti ad altri studenti e sviluppatori esperti nelle discussioni su MCP. È una comunità di supporto dove le domande sono benvenute e la conoscenza è condivisa liberamente.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Se hai feedback sul prodotto o incontri errori durante la creazione visita: Se hai feedback sul prodotto o errori durante lo sviluppo visita:
[![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) [![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)
## Licenza ## Licenza
Questo repository è concesso in licenza sotto la licenza MIT. Consulta il file [LICENSE](../../LICENSE) per maggiori informazioni. Questo repository è concesso in licenza sotto la licenza MIT. Vedere il file [LICENSE](../../LICENSE) per maggiori informazioni.
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Avvertenza**: **Disclaimer**:
Questo documento è stato tradotto utilizzando il servizio di traduzione automatica [Co-op Translator](https://github.com/Azure/co-op-translator). Pur facendo del nostro meglio per garantire l'accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o inesattezze. Il documento originale nella sua lingua nativa deve essere considerato la fonte autorevole. Per informazioni critiche, si consiglia la traduzione professionale effettuata da un umano. Non ci assumiamo responsabilità per eventuali malintesi o interpretazioni errate derivanti dall'uso di questa traduzione. Questo documento è stato tradotto utilizzando il servizio di traduzione automatica [Co-op Translator](https://github.com/Azure/co-op-translator). Pur impegnandoci per garantire l’accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o imprecisioni. Il documento originale nella sua lingua originale deve essere considerato la fonte autorevole. Per informazioni critiche, si raccomanda una traduzione professionale umana. Non siamo responsabili per eventuali malintesi o interpretazioni errate derivanti dall’uso di questa traduzione.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

6
translations/pl/.co-op-translator.json
Unescape View File

@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-03-27T21:59:29+00:00", "translation_date": "2026-04-06T18:49:28+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "pl" "language_code": "pl"
}, },
@ -516,8 +516,8 @@
"language_code": "pl" "language_code": "pl"
}, },
"README.md": { "README.md": {
"original_hash": "a2c9eed480687319517c08a6319e5536", "original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-03-06T18:40:41+00:00", "translation_date": "2026-04-06T18:44:55+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "pl" "language_code": "pl"
}, },

280
translations/pl/AGENTS.md
Unescape View File

@ -2,53 +2,53 @@
## Przegląd projektu ## Przegląd projektu
To jest repozytorium edukacyjne do nauczania podstaw tworzenia stron internetowych dla początkujących. Program nauczania to kompleksowy 12-tygodniowy kurs opracowany przez Microsoft Cloud Advocates, zawierający 24 praktyczne lekcje obejmujące JavaScript, CSS i HTML. To repozytorium edukacyjne służy do nauczania podstaw rozwoju stron internetowych dla początkujących. Program nauczania to kompleksowy kurs trwający 12 tygodni, opracowany przez Microsoft Cloud Advocates, zawierający 24 praktyczne lekcje obejmujące JavaScript, CSS i HTML.
### Kluczowe elementy ### Kluczowe elementy
- **Treści edukacyjne**: 24 uporządkowane lekcje zorganizowane w moduły oparte na projektach - **Treści edukacyjne**: 24 strukturalne lekcje podzielone na moduły projektowe
- **Praktyczne projekty**: Terrarium, Gra pisania, Rozszerzenie przeglądarki, Gra kosmiczna, Aplikacja bankowa, Edytor kodu i Asystent czatu AI - **Projekty praktyczne**: Terrarium, Gra w pisanie, Rozszerzenie przeglądarki, Gra kosmiczna, Aplikacja bankowa, Edytor kodu oraz Asystent czatu AI
- **Interaktywne quizy**: 48 quizów po 3 pytania każdy (oceny przed/po lekcji) - **Interaktywne quizy**: 48 quizów po 3 pytania każdy (oceny przed i po lekcji)
- **Wsparcie wielojęzyczne**: Automatyczne tłumaczenia na 50+ języków za pomocą GitHub Actions - **Wsparcie wielojęzyczne**: Automatyczne tłumaczenia na ponad 50 języków za pomocą GitHub Actions
- **Technologie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (dla projektów AI) - **Technologie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (dla projektów AI)
### Architektura ### Architektura
- Edukacyjne repozytorium o strukturze opartej na lekcjach - Edukacyjne repozytorium z strukturą lekcji
- Każdy folder lekcji zawiera README, przykłady kodu i rozwiązania - Każdy folder lekcji zawiera README, przykłady kodu i rozwiązania
- Samodzielne projekty w osobnych katalogach (quiz-app, różne projekty lekcyjne) - Samodzielne projekty w oddzielnych katalogach (quiz-app, różne projekty lekcji)
- System tłumaczeń wykorzystujący GitHub Actions (co-op-translator) - System tłumaczeń wykorzystujący GitHub Actions (co-op-translator)
- Dokumentacja udostępniana przez Docsify oraz dostępna w formacie PDF - Dokumentacja dostępna przez Docsify oraz w formacie PDF
## Komendy konfiguracji ## Polecenia instalacyjne
To repozytorium służy głównie do konsumpcji treści edukacyjnych. Aby pracować z konkretnymi projektami: To repozytorium służy głównie do konsumpcji materiałów edukacyjnych. Aby pracować z konkretnymi projektami:
### Konfiguracja głównego repozytorium ### Główna instalacja repozytorium
```bash ```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners cd Web-Dev-For-Beginners
``` ```
### Konfiguracja aplikacji Quiz (Vue 3 + Vite) ### Instalacja Quiz App (Vue 3 + Vite)
```bash ```bash
cd quiz-app cd quiz-app
npm install npm install
npm run dev # Uruchom serwer deweloperski npm run dev # Uruchom serwer deweloperski
npm run build # Kompiluj do produkcji npm run build # Zbuduj do produkcji
npm run lint # Uruchom ESLint npm run lint # Uruchom ESLint
``` ```
### Bankowy projekt API (Node.js + Express) ### API projektu Bank (Node.js + Express)
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm install npm install
npm start # Uruchom serwer API npm start # Uruchom serwer API
npm run lint # Uruchom ESLint npm run lint # Uruchom ESLint
npm run format # Formatowanie za pomocą Prettier npm run format # Formatuj za pomocą Prettiera
``` ```
### Projekty rozszerzeń przeglądarki ### Projekty rozszerzeń przeglądarki
@ -56,7 +56,7 @@ npm run format # Formatowanie za pomocą Prettier
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
npm install npm install
# Postępuj zgodnie z instrukcjami ładowania rozszerzenia specyficznymi dla przeglądarki # Postępuj zgodnie z instrukcjami ładowania rozszerzeń specyficznymi dla przeglądarki
``` ```
### Projekty gry kosmicznej ### Projekty gry kosmicznej
@ -76,45 +76,45 @@ pip install openai
python api.py python api.py
``` ```
## Przebieg rozwoju ## Przebieg prac rozwojowych
### Dla współtwórców treści ### Dla osób tworzących treści
1. **Zrób fork repozytorium** na swoje konto GitHub 1. **Zrób fork repozytorium** na swoje konto GitHub
2. **Sklonuj swój fork** lokalnie 2. **Sklonuj swojego forka** lokalnie
3. **Utwórz nową gałąź** dla swoich zmian 3. **Utwórz nową gałąź** dla swoich zmian
4. Wprowadź zmiany w treści lekcji lub przykładach kodu 4. Wprowadzaj zmiany w treści lekcji lub przykładach kodu
5. Przetestuj zmiany w kodzie w odpowiednich folderach projektów 5. Testuj zmiany kodu w odpowiednich katalogach projektów
6. Prześlij pull request zgodnie z wytycznymi dotyczącymi kontrybucji 6. Składaj pull requesty zgodnie z wytycznymi dotyczącymi współpracy
### Dla uczniów ### Dla uczących się
1. Zrób fork lub sklonuj repozytorium 1. Zrób fork lub sklonuj repozytorium
2. Przechodź kolejno do folderów lekcji 2. Przechodź kolejno do katalogów z lekcjami
3. Czytaj pliki README każdej lekcji 3. Czytaj pliki README każdej lekcji
4. Wykonaj quizy przed lekcją na https://ff-quizzes.netlify.app/web/ 4. Wykonuj quizy przed lekcją na https://ff-quizzes.netlify.app/web/
5. Pracuj poprzez przykłady kodu w folderach lekcji 5. Pracuj z przykładami kodu w folderach lekcji
6. Wykonuj zadania i wyzwania 6. Wykonuj zadania i wyzwania
7. Wykonaj quizy po lekcji 7. Przystępuj do quizów po lekcji
### Programowanie na żywo ### Praca na żywo
- **Dokumentacja**: Uruchom `docsify serve` w katalogu głównym (port 3000) - **Dokumentacja**: Uruchom `docsify serve` w katalogu głównym (port 3000)
- **Aplikacja Quiz**: Uruchom `npm run dev` w katalogu quiz-app - **Quiz App**: Uruchom w katalogu quiz-app `npm run dev`
- **Projekty**: Użyj rozszerzenia Live Server w VS Code dla projektów HTML - **Projekty**: Używaj rozszerzenia Live Server w VS Code dla projektów HTML
- **Projekty API**: Uruchom `npm start` w odpowiednich katalogach API - **Projekty API**: Uruchom `npm start` w odpowiednich katalogach API
## Instrukcje testowania ## Instrukcje testowania
### Testowanie aplikacji Quiz ### Testowanie Quiz App
```bash ```bash
cd quiz-app cd quiz-app
npm run lint # Sprawdź problemy ze stylem kodu npm run lint # Sprawdź problemy ze stylem kodu
npm run build # Zweryfikuj, czy kompilacja zakończyła się sukcesem npm run build # Zweryfikuj, czy kompilacja się powiodła
``` ```
### Testowanie API Bankowego ### Testowanie Bank API
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
@ -125,62 +125,62 @@ node server.js # Sprawdź, czy serwer uruchamia się bez błędów
### Ogólne podejście do testowania ### Ogólne podejście do testowania
- To repozytorium edukacyjne bez kompleksowych testów automatycznych - To repozytorium edukacyjne bez kompleksowych testów automatycznych
- Testy manualne koncentrują się na: - Testowanie manualne koncentruje się na:
- Prawidłowym działaniu przykładów kodu - Bezbłędnym uruchamianiu przykładów kodu
- Poprawności linków w dokumentacji - Poprawności linków w dokumentacji
- Powodzeniu procesu budowania projektów - Prawidłowym budowaniu projektów
- Przestrzeganiu najlepszych praktyk w przykładach - Przykłady zgodne z dobrymi praktykami
### Sprawdzenia przed wysłaniem ### Kontrole przed wysłaniem
- Uruchom `npm run lint` w katalogach zawierających package.json - Uruchom `npm run lint` w katalogach z package.json
- Zweryfikuj poprawność linków w markdownie - Sprawdź ważność linków markdown
- Przetestuj przykłady kodu w przeglądarce lub Node.js - Testuj przykłady kodu w przeglądarce lub Node.js
- Sprawdź, czy tłumaczenia zachowują odpowiednią strukturę - Sprawdź, czy tłumaczenia zachowują właściwą strukturę
## Wytyczne dotyczące stylu kodu ## Wytyczne dotyczące stylu kodu
### JavaScript ### JavaScript
- Używaj nowoczesnej składni ES6+ - Używaj nowoczesnej składni ES6+
- Przestrzegaj standardowych konfiguracji ESLint udostępnianych w projektach - Stosuj standardową konfigurację ESLint dostarczoną w projektach
- Stosuj sensowne nazwy zmiennych i funkcji dla przejrzystości edukacyjnej - Używaj znaczących nazw zmiennych i funkcji dla jasności edukacyjnej
- Dodawaj komentarze wyjaśniające koncepcje dla uczniów - Dodawaj komentarze tłumaczące koncepcje dla uczących się
- Formatuj kod za pomocą Prettier tam, gdzie jest skonfigurowany - Formatowanie kodu za pomocą Prettier, jeśli jest skonfigurowane
### HTML/CSS ### HTML/CSS
- Semantyczne elementy HTML5 - Semantyczne elementy HTML5
- Zasady responsywnego projektowania - Zasady projektowania responsywnego
- Jasne konwencje nazewnictwa klas - Jasne konwencje nazewnictwa klas
- Komentarze wyjaśniające techniki CSS dla uczniów - Komentarze wyjaśniające techniki CSS dla uczących się
### Python ### Python
- Wytyczne stylu PEP 8 - Wytyczne stylu PEP 8
- Przejrzyste, edukacyjne przykłady kodu - Jasne, edukacyjne przykłady kodu
- Typowanie tam, gdzie pomaga to w nauce - Adnotacje typów tam, gdzie pomagają w nauce
### Dokumentacja Markdown ### Dokumentacja Markdown
- Jasna hierarchia nagłówków - Jasna hierarchia nagłówków
- Bloki kodu ze wskazaniem języka - Bloki kodu z określeniem języka
- Linki do dodatkowych zasobów - Linki do dodatkowych zasobów
- Zrzuty ekranu i obrazy w katalogach `images/` - Zrzuty ekranu i obrazy w katalogach `images/`
- Tekst alternatywny dla obrazów dla dostępności - Tekst alternatywny dla obrazów dla dostępności
### Organizacja plików ### Organizacja plików
- Lekcje ponumerowane kolejno (1-getting-started-lessons, 2-js-basics, itd.) - Lekcje ponumerowane kolejno (1-getting-started-lessons, 2-js-basics itd.)
- Każdy projekt posiada katalog `solution/` i często `start/` lub `your-work/` - Każdy projekt ma katalog `solution/` i często `start/` lub `your-work/`
- Obrazy przechowywane w specyficznych dla lekcji folderach `images/` - Obrazy przechowywane w specyficznych folderach `images/` dla lekcji
- Tłumaczenia w strukturze `translations/{language-code}/` - Tłumaczenia w strukturze `translations/{kod-języka}/`
## Budowa i wdrożenie ## Budowanie i wdrażanie
### Wdrożenie aplikacji Quiz (Azure Static Web Apps) ### Wdrażanie Quiz App (Azure Static Web Apps)
quiz-app jest skonfigurowany do wdrożenia na Azure Static Web Apps: quiz-app jest skonfigurowany do wdrażania na Azure Static Web Apps:
```bash ```bash
cd quiz-app cd quiz-app
@ -191,7 +191,7 @@ npm run build # Tworzy folder dist/
Konfiguracja Azure Static Web Apps: Konfiguracja Azure Static Web Apps:
- **Lokalizacja aplikacji**: `/quiz-app` - **Lokalizacja aplikacji**: `/quiz-app`
- **Lokalizacja wyjściowa**: `dist` - **Lokalizacja wyjściowa**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` - **Proces workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Generowanie dokumentacji PDF ### Generowanie dokumentacji PDF
@ -207,72 +207,72 @@ npm install -g docsify-cli # Zainstaluj Docsify globalnie
docsify serve # Serwuj na localhost:3000 docsify serve # Serwuj na localhost:3000
``` ```
### Budowanie projektów specyficznych ### Budowy specyficzne dla projektów
Każdy katalog projektu może mieć własny proces budowania: Każdy katalog projektu może mieć własny proces budowy:
- Projekty Vue: `npm run build` tworzy paczki produkcyjne - Projekty Vue: `npm run build` tworzy produkcyjne pakiety
- Projekty statyczne: brak kroku budowania, serwuj pliki bezpośrednio - Projekty statyczne: brak etapu build, pliki serwowane bezpośrednio
## Wytyczne dotyczące pull requestów ## Wytyczne dotyczące pull requestów
### Format tytułu ### Format tytułu
Używaj jasnych, opisowych tytułów wskazujących obszar zmian: Używaj jasnych, opisowych tytułów wskazujących obszar zmiany:
- `[Quiz-app] Dodaj nowy quiz do lekcji X` - `[Quiz-app] Dodaj nowy quiz do lekcji X`
- `[Lesson-3] Popraw literówkę w projekcie terrarium` - `[Lesson-3] Popraw literówkę w projekcie terrarium`
- `[Translation] Dodaj tłumaczenie na hiszpański dla lekcji 5` - `[Translation] Dodaj tłumaczenie na hiszpański do lekcji 5`
- `[Docs] Zaktualizuj instrukcje konfiguracji` - `[Docs] Aktualizacja instrukcji instalacji`
### Wymagane kontrole ### Wymagane kontrole
Przed przesłaniem PR: Przed wysłaniem PR:
1. **Jakość kodu**: 1. **Jakość kodu**:
- Uruchom `npm run lint` w dotkniętych katalogach projektów - Uruchom `npm run lint` w katalogach projektów objętych zmianami
- Napraw wszystkie błędy i ostrzeżenia lintingu - Usuń wszystkie błędy i ostrzeżenia lintingu
2. **Weryfikacja budowy**: 2. **Weryfikacja budowy**:
- Uruchom `npm run build` jeśli dotyczy - Jeśli dotyczy, uruchom `npm run build`
- Upewnij się, że nie ma błędów budowania - Upewnij się, że nie ma błędów budowy
3. **Weryfikacja linków**: 3. **Walidacja linków**:
- Przetestuj wszystkie linki markdown - Testuj wszystkie linki markdown
- Zweryfikuj odwołania do obrazów - Sprawdź poprawność obrazów
4. **Przegląd treści**: 4. **Przegląd zawartości**:
- Poprawność ortograficzna i gramatyczna - Korekta pisowni i gramatyki
- Prawidłowość i edukacyjna wartość przykładów kodu - Upewnij się, że przykłady kodu są poprawne i edukacyjne
- Wierność tłumaczeń oryginalnemu znaczeniu - Weryfikuj, czy tłumaczenia zachowują pierwotne znaczenie
### Wymagania dotyczące kontrybucji ### Wymagania dotyczące współpracy
- Zgoda na Microsoft CLA (automatyczna weryfikacja przy pierwszym PR) - Zgoda na Microsoft CLA (automatyczna weryfikacja przy pierwszym PR)
- Przestrzeganie [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - Przestrzeganie [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Zobacz [CONTRIBUTING.md](./CONTRIBUTING.md) dla szczegółowych wytycznych - Szczegółowe wytyczne w [CONTRIBUTING.md](./CONTRIBUTING.md)
- Zamieszczaj numery issue w opisie PR, jeśli dotyczy - Jeżeli dotyczy, podawaj numery issue w opisie PR
### Proces recenzji ### Proces przeglądu
- PR-y są recenzowane przez opiekunów i społeczność - PR są przeglądane przez maintainerów i społeczność
- Priorytet wręczany jasności edukacyjnej - Priorytet dla jasności edukacyjnej
- Przykłady kodu powinny stosować aktualne najlepsze praktyki - Przykłady kodu powinny stosować aktualne najlepsze praktyki
- Tłumaczenia są sprawdzane pod kątem dokładności i zgodności kulturowej - Tłumaczenia przeglądane pod kątem dokładności i kulturowej adekwatności
## System tłumaczeń ## System tłumaczeń
### Automatyczne tłumaczenia ### Tłumaczenie automatyczne
- Wykorzystuje GitHub Actions z workflow co-op-translator - Używa GitHub Actions z workflow co-op-translator
- Automatycznie tłumaczy na 50+ języków - Automatycznie tłumaczy na ponad 50 języków
- Pliki źródłowe w głównych katalogach - Pliki źródłowe w głównych katalogach
- Tłumaczenia w katalogach `translations/{language-code}/` - Pliki tłumaczeń w katalogach `translations/{kod-języka}/`
### Dodawanie ręcznych ulepszeń tłumaczeń ### Dodawanie ręcznych poprawek tłumaczeń
1. Zlokalizuj plik w `translations/{language-code}/` 1. Znajdź plik w `translations/{kod-języka}/`
2. Wprowadź poprawki zachowując strukturę 2. Wprowadź poprawki z zachowaniem struktury
3. Upewnij się, że przykłady kodu pozostają działające 3. Upewnij się, że przykłady kodu pozostają funkcjonalne
4. Przetestuj wszelki zlokalizowany quiz 4. Testuj lokalizowaną treść quizów
### Metadane tłumaczeń ### Metadane tłumaczeń
@ -291,118 +291,118 @@ CO_OP_TRANSLATOR_METADATA:
## Debugowanie i rozwiązywanie problemów ## Debugowanie i rozwiązywanie problemów
### Typowe problemy ### Najczęstsze problemy
**Aplikacja quiz nie uruchamia się**: **Quiz app nie uruchamia się**:
- Sprawdź wersję Node.js (zalecana v14+) - Sprawdź wersję Node.js (zalecane v14+)
- Usuń `node_modules` i `package-lock.json`, uruchom ponownie `npm install` - Usuń `node_modules` i `package-lock.json`, uruchom ponownie `npm install`
- Sprawdź konflikty portów (domyślnie Vite korzysta z portu 5173) - Sprawdź, czy port nie jest zajęty (domyślnie Vite używa portu 5173)
**Serwer API nie startuje**: **Serwer API nie startuje**:
- Zweryfikuj minimalną wersję Node.js (node >=10) - Sprawdź, czy wersja Node.js spełnia minimalną (node >=10)
- Sprawdź, czy port nie jest już zajęty - Sprawdź, czy port nie jest już zajęty
- Upewnij się, że wszystkie zależności są zainstalowane przez `npm install` - Upewnij się, że wszystkie zależności zostały zainstalowane (`npm install`)
**Rozszerzenie przeglądarki się nie ładuje**: **Rozszerzenie przeglądarki nie ładuje się**:
- Sprawdź poprawność pliku manifest.json - Sprawdź poprawność pliku manifest.json
- Sprawdź konsolę przeglądarki pod kątem błędów - Sprawdź konsolę przeglądarki pod kątem błędów
- Postępuj zgodnie z instrukcjami instalacji dla przeglądarki - Postępuj zgodnie z instrukcjami instalacji dla danej przeglądarki
**Problemy z projektem czatu Python**: **Problemy z projektem czatu w Pythonie**:
- Upewnij się, że pakiet OpenAI jest zainstalowany: `pip install openai` - Upewnij się, że pakiet OpenAI jest zainstalowany: `pip install openai`
- Sprawdź, czy zmienna środowiskowa GITHUB_TOKEN jest ustawiona - Sprawdź, czy zmienna środowiskowa GITHUB_TOKEN jest ustawiona
- Zweryfikuj uprawnienia dostępu do modeli GitHub - Zweryfikuj uprawnienia dostępu do GitHub Models
**Docsify nie serwuje dokumentacji**: **Docsify nie serwuje dokumentacji**:
- Zainstaluj docsify-cli globalnie: `npm install -g docsify-cli` - Zainstaluj docsify-cli globalnie: `npm install -g docsify-cli`
- Uruchom z katalogu głównego repozytorium - Uruchom z katalogu głównego repozytorium
- Sprawdź, czy istnieje `docs/_sidebar.md` - Sprawdź, czy istnieje `docs/_sidebar.md`
### Wskazówki dotyczące środowiska deweloperskiego ### Wskazówki dotyczące środowiska programistycznego
- Używaj VS Code z rozszerzeniem Live Server dla projektów HTML - Używaj VS Code z rozszerzeniem Live Server dla projektów HTML
- Zainstaluj rozszerzenia ESLint i Prettier dla spójnego formatowania - Zainstaluj rozszerzenia ESLint i Prettier dla spójnego formatowania
- Używaj narzędzi DevTools w przeglądarce do debugowania JavaScript - Używaj narzędzi deweloperskich przeglądarki do debugowania JavaScript
- Dla projektów Vue zainstaluj rozszerzenie Vue DevTools do przeglądarki - Dla projektów Vue zainstaluj rozszerzenie Vue DevTools do przeglądarki
### Rozważania dotyczące wydajności ### Aspekty wydajnościowe
- Duża liczba przetłumaczonych plików (50+ języków) powoduje duże klony repozytorium - Duża liczba tłumaczeń (ponad 50 języków) powoduje, że pełne klony są duże
- Używaj płytkiego klonu, jeśli pracujesz tylko nad treścią: `git clone --depth 1` - Stosuj płytkie klony, jeśli pracujesz tylko z treścią: `git clone --depth 1`
- Wyklucz tłumaczenia z wyszukiwań podczas pracy nad angielską zawartością - Wyklucz tłumaczenia z przeszukiwania podczas pracy nad angielską zawartością
- Procesy budowania mogą być wolne przy pierwszym uruchomieniu (npm install, budowa Vite) - Procesy budowania mogą być powolne przy pierwszym uruchomieniu (npm install, budowa Vite)
## Rozważania bezpieczeństwa ## Aspekty bezpieczeństwa
### Zmienne środowiskowe ### Zmienne środowiskowe
- Klucze API nigdy nie powinny być dodawane do repozytorium - Klucze API nigdy nie powinny być commitowane do repozytorium
- Używaj plików `.env` (już w `.gitignore`) - Używaj plików `.env` (są uwzględnione w `.gitignore`)
- Dokumentuj wymagane zmienne środowiskowe w README projektów - Dokumentuj wymagane zmienne środowiskowe w plikach README projektów
### Projekty Python ### Projekty Python
- Używaj środowisk wirtualnych: `python -m venv venv` - Używaj środowisk wirtualnych: `python -m venv venv`
- Aktualizuj zależności na bieżąco - Aktualizuj zależności
- Tokeny GitHub powinny mieć minimalne niezbędne uprawnienia - Tokeny GitHub powinny posiadać minimalne wymagane uprawnienia
### Dostęp do modeli GitHub ### Dostęp do GitHub Models
- Wymagane są Personal Access Tokens (PAT) do modeli GitHub - Do GitHub Models wymagane są Personal Access Tokens (PAT)
- Tokeny przechowuj jako zmienne środowiskowe - Tokeny powinny być przechowywane jako zmienne środowiskowe
- Nigdy nie umieszczaj tokenów ani danych uwierzytelniających w repozytorium - Nigdy nie commituj tokenów ani danych uwierzytelniających
## Dodatkowe uwagi ## Dodatkowe uwagi
### Grupa docelowa ### Grupa docelowa
- Całkowici początkujący w tworzeniu stron internetowych - Zupełni początkujący w rozwoju stron internetowych
- Studenci i samoucy - Studenci i samoucy
- Nauczyciele wykorzystujący program nauczania w klasach - Nauczyciele korzystający z programu nauczania w klasach
- Treści zaprojektowane z myślą o dostępności i stopniowym budowaniu umiejętności - Zawartość zaprojektowana pod kątem dostępności i stopniowego rozwoju umiejętności
### Filozofia edukacyjna ### Filozofia edukacyjna
- Podejście oparte na projektach - Podejście oparte na nauce przez projekty
- Częste sprawdzanie wiedzy (quizy) - Częste sprawdzanie wiedzy (quizy)
- Ćwiczenia praktyczne w kodowaniu - Ćwiczenia praktyczne z kodem
- Przykłady zastosowań w realnym świecie - Przykłady zastosowania w rzeczywistych sytuacjach
- Skupienie na podstawach przed frameworkami - Skupienie na podstawach przed frameworkami
### Utrzymanie repozytorium ### Utrzymanie repozytorium
- Aktywna społeczność uczniów i współtwórców - Aktywna społeczność uczących się i współtwórców
- Regularne aktualizacje zależności i treści - Regularne aktualizacje zależności i treści
- Monitorowanie zgłoszeń i dyskusji przez opiekunów - Monitorowanie zgłoszeń i dyskusji przez maintainerów
- Automatyzacja aktualizacji tłumaczeń przez GitHub Actions - Aktualizacje tłumaczeń automatyzowane przez GitHub Actions
### Powiązane zasoby ### Powiązane zasoby
- [Microsoft Learn modules](https://docs.microsoft.com/learn/) - [Moduły Microsoft Learn](https://docs.microsoft.com/learn/)
- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) - [Student Hub – zasoby](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) zalecany dla uczniów - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) polecany dla uczących się
- Dodatkowe kursy: Generatywne AI, Data Science, ML, IoT dostępne - Dodatkowe kursy: Generative AI, Data Science, ML, IoT dostępne
### Praca z konkretnymi projektami ### Praca z konkretnymi projektami
Szczegółowe instrukcje do poszczególnych projektów znajdują się w plikach README: Szczegółowe instrukcje dotyczące poszczególnych projektów znajdują się w plikach README:
- `quiz-app/README.md` - aplikacja quizowa Vue 3 - `quiz-app/README.md` - aplikacja quizowa Vue 3
- `7-bank-project/README.md` - aplikacja bankowa z uwierzytelnianiem - `7-bank-project/README.md` - aplikacja bankowa z uwierzytelnianiem
- `5-browser-extension/README.md` - rozwój rozszerzeń przeglądarki - `5-browser-extension/README.md` - rozwój rozszerzenia przeglądarki
- `6-space-game/README.md` - rozwój gry na canvasie - `6-space-game/README.md` - gra na kanwie Canvas
- `9-chat-project/README.md` - projekt asystenta czatu AI - `9-chat-project/README.md` - projekt asystenta czatu AI
### Struktura monorepo ### Struktura monorepo
Chociaż to nie jest tradycyjne monorepo, repozytorium zawiera wiele niezależnych projektów: Choć to nie jest tradycyjne monorepo, to repozytorium zawiera wiele niezależnych projektów:
- Każda lekcja jest samodzielna - Każda lekcja jest samodzielna
- Projekty nie dzielą zależności - Projekty nie dzielą zależności
- Pracuj nad indywidualnymi projektami bez wpływu na inne - Można pracować nad pojedynczymi projektami, nie wpływając na inne
- Sklonuj całe repozytorium, aby uzyskać pełne doświadczenie kursu - Sklonuj całe repozytorium, aby uzyskać pełne doświadczenie kursu
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Zastrzeżenie**: **Zastrzeżenie**:
Niniejszy dokument został przetłumaczony za pomocą usługi tłumaczenia AI [Co-op Translator](https://github.com/Azure/co-op-translator). Chociaż dążymy do dokładności, prosimy mieć na uwadze, że tłumaczenia automatyczne mogą zawierać błędy lub niedokładności. Oryginalny dokument w jego rodzimym języku powinien być uznawany za źródło autorytatywne. W przypadku informacji krytycznych zalecane jest skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z użycia tego tłumaczenia. Niniejszy dokument został przetłumaczony przy użyciu automatycznej usługi tłumaczeniowej AI [Co-op Translator](https://github.com/Azure/co-op-translator). Chociaż dokładamy starań, aby tłumaczenie było precyzyjne, prosimy mieć na uwadze, że automatyczne tłumaczenia mogą zawierać błędy lub niedokładności. Oryginalny dokument w języku źródłowym powinien być uznawany za źródło nadrzędne. W przypadku informacji krytycznych zalecane jest skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z użycia tego tłumaczenia.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

166
translations/pl/README.md
Unescape View File

@ -10,29 +10,29 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Tworzenie stron internetowych dla początkujących - Program nauczania # Web Development for Beginners - Program nauczania
Naucz się podstaw tworzenia stron internetowych z naszym 12-tygodniowym, kompleksowym kursem prowadzonym przez Microsoft Cloud Advocates. Każda z 24 lekcji zagłębia się w JavaScript, CSS i HTML przez praktyczne projekty, takie jak terraria, rozszerzenia przeglądarki i gry kosmiczne. Weź udział w quizach, dyskusjach i praktycznych zadaniach. Zwiększ swoje umiejętności i zoptymalizuj przyswajanie wiedzy dzięki naszej skutecznej metodzie nauczania opartej na projektach. Rozpocznij swoją przygodę z kodowaniem już dziś! Poznaj podstawy tworzenia stron internetowych dzięki naszemu 12-tygodniowemu, kompleksowemu kursowi prowadzonemu przez Microsoft Cloud Advocates. Każda z 24 lekcji zagłębia się w JavaScript, CSS i HTML za pomocą praktycznych projektów, takich jak terraria, rozszerzenia przeglądarki i gry kosmiczne. Weź udział w quizach, dyskusjach oraz praktycznych zadaniach. Doskonal swoje umiejętności i zoptymalizuj przyswajanie wiedzy dzięki naszej skutecznej, projektowej metodzie nauczania. Rozpocznij swoją podróż z kodowaniem już dziś!
Dołącz do społeczności Azure AI Foundry na Discordzie Dołącz do społeczności Azure AI Foundry Discord
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Wykonaj poniższe kroki, aby rozpocząć korzystanie z tych zasobów: Postępuj zgodnie z poniższymi krokami, aby rozpocząć korzystanie z tych zasobów:
1. **Zrób fork repozytorium**: Kliknij [![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) 1. **Utwórz forka repozytorium**: Kliknij [![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. **Sklonuj repozytorium**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Sklonuj repozytorium**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Dołącz do Discorda Azure AI Foundry i spotkaj ekspertów oraz innych programistów**](https://discord.com/invite/ByRwuEEgH4) 3. [**Dołącz do Azure AI Foundry Discord i poznaj ekspertów oraz innych programistów**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Obsługa wielu języków ### 🌐 Wsparcie wielu języków
#### Wsparcie poprzez GitHub Action (automatyczne i zawsze aktualne) #### Obsługiwane przez GitHub Action (automatyczne i zawsze aktualne)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabski](../ar/README.md) | [Bengalski](../bn/README.md) | [Bułgarski](../bg/README.md) | [Birmański (Myanmar)](../my/README.md) | [Chiński (uproszczony)](../zh-CN/README.md) | [Chiński (tradycyjny, Hong Kong)](../zh-HK/README.md) | [Chiński (tradycyjny, Makau)](../zh-MO/README.md) | [Chiński (tradycyjny, Tajwan)](../zh-TW/README.md) | [Chorwacki](../hr/README.md) | [Czeski](../cs/README.md) | [Duński](../da/README.md) | [Niderlandzki](../nl/README.md) | [Estoński](../et/README.md) | [Fiński](../fi/README.md) | [Francuski](../fr/README.md) | [Niemiecki](../de/README.md) | [Grecki](../el/README.md) | [Hebrajski](../he/README.md) | [Hindi](../hi/README.md) | [Węgierski](../hu/README.md) | [Indonezyjski](../id/README.md) | [Włoski](../it/README.md) | [Japoński](../ja/README.md) | [Kannada](../kn/README.md) | [Koreański](../ko/README.md) | [Litewski](../lt/README.md) | [Malajski](../ms/README.md) | [Malajalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepalski](../ne/README.md) | [Nigeryjski pidgin](../pcm/README.md) | [Norweski](../no/README.md) | [Perski (Farsi)](../fa/README.md) | [Polski](./README.md) | [Portugalski (Brazylia)](../pt-BR/README.md) | [Portugalski (Portugalia)](../pt-PT/README.md) | [Pendżabski (Gurmukhi)](../pa/README.md) | [Rumuński](../ro/README.md) | [Rosyjski](../ru/README.md) | [Serbski (cyrylica)](../sr/README.md) | [Słowacki](../sk/README.md) | [Słoweński](../sl/README.md) | [Hiszpański](../es/README.md) | [Suahili](../sw/README.md) | [Szwedzki](../sv/README.md) | [Tagalog (filipiński)](../tl/README.md) | [Tamilski](../ta/README.md) | [Telugu](../te/README.md) | [Tajski](../th/README.md) | [Turecki](../tr/README.md) | [Ukraiński](../uk/README.md) | [Urdu](../ur/README.md) | [Wietnamski](../vi/README.md) [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](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](./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)
> **Wolisz klonować lokalnie?** > **Wolisz klonować lokalnie?**
> >
> To repozytorium zawiera ponad 50 tłumaczeń, co znacznie zwiększa rozmiar pobierania. Aby sklonować bez tłumaczeń, użyj sparse checkout: > To repozytorium zawiera tłumaczenia na ponad 50 języków, co znacznie zwiększa rozmiar pobierania. Aby sklonować bez tłumaczeń, użyj sparsowanego checkout:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -48,7 +48,7 @@ Wykonaj poniższe kroki, aby rozpocząć korzystanie z tych zasobów:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ``` > ```
> >
> Dzięki temu otrzymasz wszystko, czego potrzebujesz, aby ukończyć kurs, z dużo szybszym pobieraniem. > To zapewni Ci wszystko, czego potrzebujesz, aby ukończyć kurs, przy znacznie szybszym pobieraniu.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Jeśli chcesz, aby obsługiwane były dodatkowe języki tłumaczeń, są one wymienione [tutaj](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** **Jeśli chcesz, aby obsługiwane były dodatkowe języki tłumaczeń, są one wymienione [tutaj](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
@ -57,32 +57,32 @@ Wykonaj poniższe kroki, aby rozpocząć korzystanie z tych zasobów:
#### 🧑‍🎓 _Jesteś studentem?_ #### 🧑‍🎓 _Jesteś studentem?_
Odwiedź [**Stronę Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), gdzie znajdziesz materiały dla początkujących, pakiety dla studentów, a nawet sposoby na zdobycie darmowego vouchera na certyfikat. To strona, którą warto mieć w zakładkach i odwiedzać od czasu do czasu, ponieważ co miesiąc wymieniamy jej zawartość. Odwiedź [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), gdzie znajdziesz zasoby dla początkujących, pakiety studenckie oraz sposoby na zdobycie darmowego vouchera na certyfikat. To jest strona, którą warto dodać do zakładek i regularnie odwiedzać, ponieważ co miesiąc zmieniamy zawartość.
### 📣 Ogłoszenie - nowe wyzwania trybu agenta GitHub Copilot do wykonania! ### 📣 Ogłoszenie - Nowe wyzwania z trybu agenta GitHub Copilot do wykonania!
Dodano nowe wyzwanie, szukaj "GitHub Copilot Agent Challenge 🚀" w większości rozdziałów. To nowe wyzwanie do wykonania za pomocą GitHub Copilot i trybu agenta. Jeśli jeszcze nie korzystałeś z trybu agenta, potrafi on nie tylko generować tekst, ale także tworzyć i edytować pliki, uruchamiać polecenia i wiele więcej. Dodano nowe wyzwanie, znajdziesz je pod nazwą "GitHub Copilot Agent Challenge 🚀" w większości rozdziałów. To nowe wyzwanie do wykonania za pomocą GitHub Copilot i trybu agenta. Jeśli nie korzystałeś wcześniej z trybu agenta, umożliwia on nie tylko generowanie tekstu, ale także tworzenie i edytowanie plików, uruchamianie poleceń i wiele więcej.
### 📣 Ogłoszenie - _Nowy projekt do zbudowania za pomocą Generative AI_ ### 📣 Ogłoszenie - _Nowy projekt do zbudowania z wykorzystaniem sztucznej inteligencji generatywnej_
Dodano nowy projekt AI Assistant, sprawdź [projekt](./9-chat-project/README.md) Dodano nowy projekt AI Assistant, sprawdź go [projekt](./9-chat-project/README.md)
### 📣 Ogłoszenie - _Nowy program nauczania_ dotyczący Generative AI dla JavaScript właśnie został wydany ### 📣 Ogłoszenie - _Nowy program nauczania_ o Generatywnej AI dla JavaScript został właśnie wydany
Nie przegap naszego nowego kursu Generative AI! Nie przegap naszego nowego programu nauczania Generatywnej AI!
Odwiedź [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), aby zacząć! Odwiedź [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), aby zacząć!
![Background](../../translated_images/pl/background.148a8d43afde5730.webp) ![Background](../../translated_images/pl/background.148a8d43afde5730.webp)
- Lekcje obejmujące wszystko, od podstaw po RAG. - Lekcje obejmujące wszystko od podstaw po RAG.
- Interakcja z postaciami historycznymi za pomocą GenAI i naszej aplikacji towarzyszącej. - Interakcja z postaciami historycznymi za pomocą GenAI i naszej aplikacji towarzyszącej.
- Zabawa i wciągająca narracja, będziesz podróżować w czasie! - Zabawna i angażująca narracja, będziesz podróżować w czasie!
![character](../../translated_images/pl/character.5c0dd8e067ffd693.webp) ![character](../../translated_images/pl/character.5c0dd8e067ffd693.webp)
Każda lekcja zawiera zadanie do wykonania, sprawdzenie wiedzy i wyzwanie, które pomoże Ci w nauce tematów takich jak: Każda lekcja zawiera zadanie do wykonania, sprawdzian wiedzy i wyzwanie, które pomogą Ci nauczyć się takich tematów jak:
- Promptowanie i inżynieria promptów - Promptowanie i inżynieria promptów
- Generowanie aplikacji tekstowych i obrazkowych - Generowanie aplikacji tekstowych i obrazkowych
- Aplikacje wyszukujące - Aplikacje wyszukujące
@ -91,43 +91,43 @@ Odwiedź [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), aby z
## 🌱 Rozpoczęcie pracy ## 🌱 Rozpoczynamy
> **Nauczyciele**, zamieściliśmy [kilka sugestii](for-teachers.md) na temat wykorzystania tego programu nauczania. Chętnie poznamy Wasze opinie [na naszym forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! > **Nauczyciele**, zamieściliśmy [kilka sugestii](for-teachers.md) dotyczących korzystania z tego programu nauczania. Chętnie poznamy Wasze opinie [na naszym forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Uczniowie](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, do każdej lekcji zacznijcie od quizu przed wykładem, następnie przeczytajcie materiał wykładowy, wykonajcie różne zadania i sprawdźcie swoją wiedzę za pomocą quizu po wykładzie. **[Uczący się](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, na każdą lekcję zacznij od quizu przed wykładem, potem zapoznaj się z materiałem wykładowym, wykonuj różne aktywności i sprawdź swoją wiedzę przy pomocy quizu po wykładzie.
Aby wzbogacić swoje doświadczenie edukacyjne, łączcie się z rówieśnikami, aby wspólnie pracować nad projektami! Zachęcamy do dyskusji na naszym [forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), gdzie nasz zespół moderatorów chętnie odpowie na Wasze pytania. Aby wzbogacić swoje doświadczenie edukacyjne, połącz się z rówieśnikami, aby wspólnie pracować nad projektami! Zachęcamy do dyskusji na naszym [forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), gdzie zespół moderatorów będzie dostępny, by odpowiadać na pytania.
Dla pogłębienia wiedzy zdecydowanie polecamy zapoznanie się z [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) i dodatkowymi materiałami edukacyjnymi. Aby poszerzyć swoją edukację, gorąco polecamy eksplorację [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) w celu zdobycia dodatkowych materiałów do nauki.
### 📋 Konfiguracja środowiska ### 📋 Konfiguracja środowiska
Ten program nauczania ma gotowe do użycia środowisko programistyczne! Podczas rozpoczęcia możesz wybrać uruchomienie kursu w [Codespace](https://github.com/features/codespaces/) (_środowisko działające w przeglądarce, bez potrzeby instalacji_), lub lokalnie na komputerze, używając edytora tekstu takiego jak [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). Ten program nauczania ma gotowe środowisko programistyczne! Na początku możesz wybrać uruchomienie kursu w [Codespace](https://github.com/features/codespaces/) (_środowisko działające w przeglądarce, bez potrzeby instalacji_), albo lokalnie na swoim komputerze, używając edytora tekstu takiego jak [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Utwórz własne repozytorium #### Utwórz własne repozytorium
Aby łatwo zapisywać swoją pracę, zalecamy utworzenie własnej kopii tego repozytorium. Możesz to zrobić, klikając przycisk **Use this template** na górze strony. Stworzy to nowe repozytorium na Twoim koncie GitHub z kopią programu nauczania. Aby łatwo zapisywać swoją pracę, zalecamy utworzenie własnej kopii tego repozytorium. Możesz to zrobić, klikając przycisk **Use this template** na górze strony. Utworzy to nowe repozytorium na Twoim koncie GitHub z kopią kursu.
Wykonaj następujące kroki: Wykonaj następujące kroki:
1. **Zrób fork repozytorium**: Kliknij przycisk "Fork" w prawym górnym rogu tej strony. 1. **Utwórz forka repozytorium**: Kliknij przycisk "Fork" w prawym górnym rogu tej strony.
2. **Sklonuj repozytorium**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Sklonuj repozytorium**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Uruchamianie kursu w Codespace #### Uruchamianie kursu w Codespace
W swojej kopii repozytorium, którą utworzyłeś, kliknij przycisk **Code** i wybierz **Open with Codespaces**. Utworzy to dla Ciebie nowe środowisko Codespace do pracy. W swojej kopii repozytorium kliknij przycisk **Code** i wybierz **Open with Codespaces**. To utworzy nowy Codespace do pracy.
![Codespace](../../translated_images/pl/createcodespace.0238bbf4d7a8d955.webp) ![Codespace](../../translated_images/pl/createcodespace.0238bbf4d7a8d955.webp)
#### Uruchamianie kursu lokalnie na swoim komputerze #### Uruchamianie kursu lokalnie na komputerze
Aby uruchomić ten kurs lokalnie na komputerze, będziesz potrzebować edytora tekstu, przeglądarki oraz narzędzia wiersza poleceń. Nasza pierwsza lekcja, [Wprowadzenie do języków programowania i narzędzi](../../1-getting-started-lessons/1-intro-to-programming-languages), przeprowadzi cię przez różne opcje każdego z tych narzędzi, abyś mógł wybrać to, co najlepiej ci odpowiada. Aby uruchomić kurs lokalnie na komputerze, potrzebujesz edytora tekstu, przeglądarki i narzędzia wiersza poleceń. Nasza pierwsza lekcja, [Wprowadzenie do języków programowania i narzędzi pracy](../../1-getting-started-lessons/1-intro-to-programming-languages), przeprowadzi Cię przez różne opcje dla każdego z tych narzędzi, abyś mógł wybrać te, które najlepiej Ci odpowiadają.
Naszą rekomendacją jest używanie [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) jako edytora, który zawiera również wbudowany [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code możesz pobrać [tutaj](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). Naszą rekomendacją jest użycie [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) jako edytora, który zawiera również wbudowany [terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code możesz pobrać [tutaj](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Sklonuj swoje repozytorium na komputer. Możesz to zrobić, klikając przycisk **Code** i kopiując URL: 1. Sklonuj swoje repozytorium na komputer. Możesz to zrobić, klikając przycisk **Code** i kopiując URL:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
Następnie, otwórz [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) w [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) i uruchom następujące polecenie, zastępując `<your-repository-url>` URL-em, który właśnie skopiowałeś: Następnie otwórz [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) w [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) i uruchom następujące polecenie, zamieniając `<your-repository-url>` na skopiowany wcześniej URL:
```bash ```bash
git clone <your-repository-url> git clone <your-repository-url>
@ -136,82 +136,82 @@ Naszą rekomendacją jest używanie [Visual Studio Code](https://code.visualstud
2. Otwórz folder w Visual Studio Code. Możesz to zrobić, klikając **File** > **Open Folder** i wybierając właśnie sklonowany folder. 2. Otwórz folder w Visual Studio Code. Możesz to zrobić, klikając **File** > **Open Folder** i wybierając właśnie sklonowany folder.
> Zalecane rozszerzenia Visual Studio Code: > Polecane rozszerzenia Visual Studio Code:
> >
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - do podglądu stron HTML w Visual Studio Code > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - do podglądu stron HTML w Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - aby pomóc pisać kod szybciej > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - aby pomóc Ci szybciej pisać kod
## 📂 Każda lekcja zawiera: ## 📂 Każda lekcja zawiera:
- opcjonalną szkicówkę - opcjonalną notatkę szkicową
- opcjonalne dodatkowe wideo - opcjonalny film uzupełniający
- quiz rozgrzewkowy przed lekcją - quiz rozgrzewkowy przed lekcją
- lekcję pisaną - lekcję pisaną
- w lekcjach projektowych, przewodniki krok po kroku jak zbudować projekt - w lekcjach projektowych, przewodniki krok po kroku jak zbudować projekt
- sprawdziany wiedzy - kontrole wiedzy
- wyzwanie - wyzwanie
- dodatkowe materiały do czytania - dodatkową lekturę
- zadanie domowe - zadanie domowe
- [quiz po lekcji](https://ff-quizzes.netlify.app/web/) - [quiz po lekcji](https://ff-quizzes.netlify.app/web/)
> **Informacja o quizach**: Wszystkie quizy znajdują się w folderze Quiz-app, łącznie 48 quizów po trzy pytania każdy. Są dostępne [tutaj](https://ff-quizzes.netlify.app/web/), aplikację quizową można uruchomić lokalnie lub wdrożyć na Azure; postępuj zgodnie z instrukcjami w folderze `quiz-app`. > **Notatka o quizach**: Wszystkie quizy znajdują się w folderze Quiz-app, łącznie 48 quizów po trzy pytania każdy. Są dostępne [tutaj](https://ff-quizzes.netlify.app/web/), aplikacja quizowa może być uruchomiona lokalnie lub wdrożona w Azure; postępuj zgodnie z instrukcjami w folderze `quiz-app`.
## 🗃️ Lekcje ## 🗃️ Lekcje
| | Nazwa Projektu | Nauczane Koncepcje | Cele Edukacyjne | Powiązana Lekcja | Autor | | | Nazwa Projektu | Wprowadzone Pojęcia | Cele Nauki | Powiązana Lekcja | Autor |
| :-: | :--------------------------------------------------------: | :--------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :--------------------------------------------------------: | :----------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Getting Started | Wprowadzenie do programowania i narzędzi | Poznaj podstawy większości języków programowania oraz oprogramowanie, które pomaga profesjonalnym programistom w pracy | [Wprowadzenie do języków programowania i narzędzi](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 01 | Getting Started | Wstęp do programowania i narzędzi pracy | Poznaj podstawowe założenia większości języków programowania oraz oprogramowanie wspomagające pracę profesjonalnych developerów | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Getting Started | Podstawy GitHub, praca zespołowa | Jak używać GitHub w projekcie, jak współpracować z innymi nad kodem | [Wprowadzenie do GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 02 | Getting Started | Podstawy GitHub, w tym praca zespołowa | Jak korzystać z GitHub w projekcie oraz jak współpracować z innymi nad bazą kodu | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Getting Started | Dostępność | Poznaj podstawy dostępności stron internetowych | [Podstawy dostępności](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | Getting Started | Dostępność | Naucz się podstaw dostępności stron internetowych | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Basics | Typy danych w JavaScript | Podstawy typów danych w JavaScript | [Typy danych](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | JS Basics | Typy danych w JavaScript | Podstawy typów danych w JavaScript | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Basics | Funkcje i metody | Poznaj funkcje i metody do zarządzania logiką aplikacji | [Funkcje i metody](./2-js-basics/2-functions-methods/README.md) | Jasmine i Christopher | | 05 | JS Basics | Funkcje i metody | Poznaj funkcje i metody do zarządzania logiką aplikacji | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS Basics | Podejmowanie decyzji w JS | Naucz się tworzyć warunki w kodzie używając metod podejmowania decyzji | [Podejmowanie decyzji](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | JS Basics | Podejmowanie decyzji w JS | Naucz się tworzyć warunki w swoim kodzie za pomocą metod podejmowania decyzji | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Basics | Tablice i pętle | Pracuj z danymi używając tablic i pętli w JavaScript | [Tablice i pętle](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 07 | JS Basics | Tablice i pętle | Pracuj z danymi używając tablic i pętli w JavaScript | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML w praktyce | Zbuduj HTML, aby stworzyć internetowe terrarium, koncentrując się na układzie | [Wprowadzenie do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML w praktyce | Zbuduj HTML tworzący terrarium online, skupiając się na budowie układu | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS w praktyce | Zbuduj CSS dla stylizacji internetowego terrarium, koncentrując się na podstawach CSS, w tym responsywności | [Wprowadzenie do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS w praktyce | Zbuduj CSS stylizujący terrarium online, skupiając się na podstawach CSS oraz responsywności strony | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript - closury, manipulacja DOM | Zbuduj JavaScript, aby terrarium działało jako interfejs drag/drop, koncentrując się na closurach i manipulacji DOM | [Closury JS i manipulacja DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 10 | [Terrarium](./3-terrarium/solution/README.md) | Domknięcia JavaScript, manipulacja DOM | Zbuduj JavaScript, który sprawi, że terrarium będzie działać jako interfejs drag/drop, skupiając się na domknięciach i manipulacji DOM | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Tworzenie gry pisania na klawiaturze | Naucz się używać zdarzeń klawiatury do sterowania logiką aplikacji JavaScript | [Programowanie sterowane zdarzeniami](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Typing Game](./4-typing-game/solution/README.md) | Budowanie gry w pisanie | Naucz się wykorzystywać zdarzenia klawiatury do sterowania logiką aplikacji JavaScript | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Praca z przeglądarkami | Poznaj działanie przeglądarek, ich historię oraz jak stworzyć pierwsze elementy rozszerzenia przeglądarki | [O przeglądarkach](./5-browser-extension/1-about-browsers/README.md) | Jen | | 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Praca z przeglądarkami | Naucz się jak działają przeglądarki, poznaj ich historię i jak tworzyć szkielety elementów rozszerzeń przeglądarki | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Tworzenie formularza, wywoływanie API oraz przechowywanie zmiennych | Zbuduj elementy JS swojego rozszerzenia przeglądarki, wywołujące API i korzystające ze zmiennych przechowywanych lokalnie | [API, formularze i lokalna pamięć](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Tworzenie formularzy, wywoływanie API i przechowywanie zmiennych w local storage | Stwórz elementy JavaScript w rozszerzeniu do przeglądarki, aby wywoływać API używając zmiennych przechowywanych lokalnie | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procesy w tle w przeglądarce, wydajność sieciowa | Wykorzystaj procesy w tle do zarządzania ikoną rozszerzenia; poznaj optymalizacje i wydajność sieciową | [Zadania w tle i wydajność](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procesy w tle w przeglądarce, wydajność witryn webowych | Wykorzystaj procesy w tle przeglądarki do zarządzania ikoną rozszerzenia; poznaj wydajność stron oraz optymalizacje | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | Zaawansowany rozwój gier JavaScript | Poznaj dziedziczenie używając klas i kompozycji oraz wzorzec Pub/Sub na potrzeby tworzenia gry | [Wprowadzenie do zaawansowanego rozwoju gier](./6-space-game/1-introduction/README.md) | Chris | | 15 | [Space Game](./6-space-game/solution/README.md) | Zaawansowany development gier w JavaScript | Poznaj dziedziczenie przy użyciu klas i kompozycji oraz wzorzec Pub/Sub, przygotowując się do budowy gry | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Rysowanie na canvas | Poznaj API canvas używane do rysowania elementów na ekranie | [Rysowanie na canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 16 | [Space Game](./6-space-game/solution/README.md) | Rysowanie na canvas | Poznaj API Canvas, wykorzystywane do rysowania elementów na ekranie | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | Przemieszczanie elementów ekranowych | Odkryj jak elementy mogą nabierać ruchu korzystając ze współrzędnych kartezjańskich i API Canvas | [Przemieszczanie elementów](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Space Game](./6-space-game/solution/README.md) | Przemieszczanie elementów | Odkryj, jak elementy mogą się poruszać korzystając ze współrzędnych kartezjańskich i API Canvas | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | Wykrywanie kolizji | Spraw, aby elementy ze sobą kolidowały i reagowały na siebie przy pomocy klawiszy, dodaj funkcję cooldown w celu optymalizacji gry | [Wykrywanie kolizji](./6-space-game/4-collision-detection/README.md) | Chris | | 18 | [Space Game](./6-space-game/solution/README.md) | Wykrywanie kolizji | Spraw, by elementy się zderzały i reagowały na siebie przy pomocy naciśnięć klawiszy, dodaj funkcję cooldown dla wydajności gry | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | Prowadzenie punktacji | Wykonuj obliczenia matematyczne na podstawie stanu i wyników gry | [Prowadzenie wyników](./6-space-game/5-keeping-score/README.md) | Chris | | 19 | [Space Game](./6-space-game/solution/README.md) | Liczenie punktów | Wykonuj obliczenia matematyczne bazujące na stanie i wydajności gry | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | Zakończenie i restart gry | Poznaj zakończenie i restart gry, w tym czyszczenie zasobów i resetowanie wartości zmiennych | [Warunek zakończenia](./6-space-game/6-end-condition/README.md) | Chris | | 20 | [Space Game](./6-space-game/solution/README.md) | Zakończenie i ponowne uruchomienie gry | Naucz się kończyć i restartować grę, w tym sprzątać zasoby i resetować zmienne | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | Szablony HTML i trasy w aplikacji webowej | Naucz się jak tworzyć szkielet architektury wielostronicowej strony internetowej używając tras i szablonów HTML | [Szablony HTML i trasy](./7-bank-project/1-template-route/README.md) | Yohan | | 21 | [Banking App](./7-bank-project/solution/README.md) | Szablony HTML i routingi w aplikacji webowej | Naucz się tworzyć szkielet architektury wielostronicowej strony internetowej używając routingu i szablonów HTML | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Budowa formularza logowania i rejestracji | Dowiedz się jak budować formularze i obsługiwać walidację | [Formularze](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [Banking App](./7-bank-project/solution/README.md) | Tworzenie formularza logowania i rejestracji | Naucz się tworzyć formularze i obsługiwać rutyny walidacji | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Metody pobierania i używania danych | Jak dane przepływają do i z aplikacji, jak je pobierać, przechowywać i usuwać | [Dane](./7-bank-project/3-data/README.md) | Yohan | | 23 | [Banking App](./7-bank-project/solution/README.md) | Metody pobierania i używania danych | Jak dane przepływają do i z aplikacji, jak je pobierać, przechowywać i usuwać | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | Koncepcje zarządzania stanem | Naucz się jak aplikacja przechowuje stan i jak nim zarządzać programowo | [Zarządzanie stanem](./7-bank-project/4-state-management/README.md) | Yohan | | 24 | [Banking App](./7-bank-project/solution/README.md) | Koncepcje zarządzania stanem | Naucz się, jak Twoja aplikacja przechowuje stan i jak nim zarządzać programistycznie | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Kod przeglądarki / VScode](../../8-code-editor) | Praca z VScode | Naucz się jak używać edytora kodu | [Korzystanie z edytora VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [Browser/VScode Code](../../8-code-editor) | Praca z VScode | Naucz się korzystać z edytora kodu | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [Asystenci AI](./9-chat-project/README.md) | Praca z AI | Naucz się jak zbudować własnego asystenta AI | [Projekt Asystent AI](./9-chat-project/README.md) | Chris | | 26 | [AI Assistants](./9-chat-project/README.md) | Praca z SI | Naucz się tworzyć własnego asystenta AI | [AI Assistant project](./9-chat-project/README.md) | Chris |
## 🏫 Pedagogika ## 🏫 Pedagogika
Nasz program nauczania opiera się na dwóch kluczowych zasadach: Nasz program nauczania opiera się na dwóch kluczowych zasadach pedagogicznych:
* nauka przez projekty * nauka przez projekty
* częste quizy * częste quizy
Program uczy podstaw JavaScript, HTML i CSS oraz najnowszych narzędzi i technik używanych przez współczesnych programistów webowych. Studenci będą mieli okazję zdobyć praktyczne doświadczenie budując grę pisania na klawiaturze, wirtualne terrarium, ekologiczne rozszerzenie przeglądarki, grę w stylu Space Invaders oraz aplikację bankową dla firm. Pod koniec cyklu studenci zdobędą solidną wiedzę o tworzeniu stron internetowych. Program uczy podstaw JavaScript, HTML i CSS, a także najnowszych narzędzi i technik używanych przez współczesnych twórców stron internetowych. Uczniowie będą mieli okazję zdobyć praktyczne doświadczenie, budując grę pisania na klawiaturze, wirtualne terrarium, ekologiczne rozszerzenie przeglądarki, grę w stylu najeźdźców kosmicznych oraz aplikację bankową dla firm. Pod koniec serii uczniowie zdobędą solidną wiedzę na temat tworzenia stron internetowych.
> 🎓 Pierwsze lekcje tego programu możesz wziąć jako [Ścieżkę nauki](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na platformie Microsoft Learn! > 🎓 Możesz rozpocząć od kilku pierwszych lekcji tego programu nauczania jako [ścieżkę nauki](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
Dzięki dopasowaniu treści do projektów proces nauki staje się bardziej angażujący dla uczniów, a przyswajanie koncepcji jest skuteczniejsze. Przygotowaliśmy również kilka lekcji wprowadzających do podstaw JavaScript wraz z wideo z kolekcji "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", których autorzy przyczynili się do powstania tego programu nauczania. Dzięki zapewnieniu, że zawartość jest zgrana z projektami, proces nauki jest bardziej angażujący dla uczniów, a utrwalenie koncepcji zostaje zwiększone. Przygotowaliśmy również kilka wprowadzających lekcji z podstaw JavaScript, uzupełnionych filmem z serii "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", której autorzy przyczynili się do tego programu.
Dodatkowo quiz o niskiej stawce przed zajęciami nastawia ucznia na naukę tematu, a drugi quiz po zajęciach wspiera dalsze utrwalenie materiału. Program został zaprojektowany tak, by był elastyczny i przyjemny, można go realizować w całości lub częściowo. Projekty zaczynają się od małych, prostych i stopniowo stają się coraz bardziej złożone pod koniec 12-tygodniowego cyklu. Ponadto quiz niskiego ryzyka przed lekcją ustawia intencję ucznia na naukę danego tematu, a drugi quiz po lekcji zapewnia dalsze utrwalenie wiedzy. Ten program był zaprojektowany tak, aby był elastyczny i przyjemny i może być realizowany w całości lub częściowo. Projekty zaczynają się od małych i stopniowo stają się coraz bardziej złożone w ciągu 12-tygodniowego cyklu.
Świadomie unikaliśmy wprowadzania frameworków JavaScript, koncentrując się na podstawowych umiejętnościach potrzebnych programiście webowemu przed przyswojeniem frameworka. Dobrą kolejną lekcją po ukończeniu tego programu będzie nauka Node.js za pomocą innej kolekcji wideo: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". Chociaż celowo unikaliśmy wprowadzania frameworków JavaScript, aby skoncentrować się na podstawowych umiejętnościach potrzebnych programiście webowemu przed przyjęciem frameworka, dobrym następnym krokiem po ukończeniu tego programu jest nauka Node.js za pomocą innej serii filmów: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Zapoznaj się z naszym [Kodeksem postępowania](CODE_OF_CONDUCT.md) oraz wytycznymi [Contributing](CONTRIBUTING.md). Czekamy na Twoje konstruktywne uwagi! > Odwiedź nasze wytyczne [Code of Conduct](CODE_OF_CONDUCT.md) i [Contributing](CONTRIBUTING.md). Czekamy na Twoje konstruktywne uwagi!
## 🧭 Dostęp offline ## 🧭 Dostęp offline
Możesz uruchomić tę dokumentację offline, korzystając z [Docsify](https://docsify.js.org/#/). Utwórz fork tego repozytorium, [zainstaluj Docsify](https://docsify.js.org/#/quickstart) na swoim komputerze, a następnie w katalogu głównym repozytorium wpisz `docsify serve`. Strona zostanie udostępniona na porcie 3000 na twoim localhost: `localhost:3000`. Możesz korzystać z tej dokumentacji offline, używając [Docsify](https://docsify.js.org/#/). Sklonuj to repozytorium, [zainstaluj Docsify](https://docsify.js.org/#/quickstart) na swoim komputerze lokalnym, a następnie w katalogu głównym tego repozytorium wpisz `docsify serve`. Strona zostanie uruchomiona na porcie 3000 na Twoim localhost: `localhost:3000`.
## 📘 PDF ## 📘 PDF
PDF wszystkich lekcji znajduje się [tutaj](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). PDF ze wszystkimi lekcjami można znaleźć [tutaj](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Inne kursy ## 🎒 Inne kursy
@ -225,7 +225,7 @@ Nasz zespół tworzy również inne kursy! Sprawdź:
[![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) [![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 / Agenci ### Azure / Edge / MCP / Agents
[![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) [![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) [![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) [![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)
@ -241,7 +241,7 @@ Nasz zespół tworzy również inne kursy! Sprawdź:
--- ---
### Podstawowe nauczanie ### Podstawowe nauki
[![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) [![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) [![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) [![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)
@ -260,7 +260,7 @@ Nasz zespół tworzy również inne kursy! Sprawdź:
## Uzyskiwanie pomocy ## Uzyskiwanie pomocy
Jeśli utkniesz lub masz pytania dotyczące tworzenia aplikacji AI, dołącz do innych uczących się i doświadczonych programistów w dyskusjach o MCP. To wspierająca społeczność, w której pytania są mile widziane, a wiedza dzielona jest swobodnie. Jeśli utkniesz lub masz pytania dotyczące tworzenia aplikacji AI. Dołącz do innych uczniów i doświadczonych programistów w dyskusjach o MCP. To wspierająca społeczność, w której pytania są mile widziane, a wiedza jest swobodnie dzielona.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
@ -270,11 +270,11 @@ Jeśli masz uwagi dotyczące produktu lub napotkasz błędy podczas tworzenia, o
## Licencja ## Licencja
To repozytorium jest objęte licencją MIT. Zobacz plik [LICENSE](../../LICENSE) po więcej informacji. To repozytorium jest licencjonowane na podstawie licencji MIT. Więcej informacji znajdziesz w pliku [LICENSE](../../LICENSE).
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Zastrzeżenie**: **Zastrzeżenie**:
Niniejszy dokument został przetłumaczony przy użyciu usługi tłumaczeń AI [Co-op Translator](https://github.com/Azure/co-op-translator). Chociaż dążymy do dokładności, prosimy pamiętać, że tłumaczenia automatyczne mogą zawierać błędy lub niedokładności. Oryginalny dokument w języku źródłowym należy traktować jako źródło autorytatywne. W przypadku informacji istotnych zalecane jest skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z korzystania z tego tłumaczenia. Dokument ten został przetłumaczony za pomocą usługi tłumaczenia AI [Co-op Translator](https://github.com/Azure/co-op-translator). Mimo że dokładamy starań, aby tłumaczenie było jak najdokładniejsze, prosimy mieć na uwadze, że automatyczne tłumaczenia mogą zawierać błędy lub niedokładności. Oryginalny dokument w jego rodzimym języku powinien być traktowany jako źródło autorytatywne. W przypadku informacji o krytycznym znaczeniu zaleca się skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z korzystania z tego tłumaczenia.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

6
translations/tr/.co-op-translator.json
Unescape View File

@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-03-27T22:00:27+00:00", "translation_date": "2026-04-06T18:50:38+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "tr" "language_code": "tr"
}, },
@ -516,8 +516,8 @@
"language_code": "tr" "language_code": "tr"
}, },
"README.md": { "README.md": {
"original_hash": "a2c9eed480687319517c08a6319e5536", "original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-03-06T18:46:44+00:00", "translation_date": "2026-04-06T18:46:58+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "tr" "language_code": "tr"
}, },

284
translations/tr/AGENTS.md
Unescape View File

@ -1,28 +1,28 @@
# AGENTS.md # AGENTS.md
## Proje Genel Bakış ## Proje Genel Bakışı
Bu, web geliştirme temellerini yeni başlayanlara öğretmek için hazırlanmış eğitim amaçlı bir müfredat deposudur. Müfredat, Microsoft Cloud Advocates tarafından geliştirilen kapsamlı bir 12 haftalık kurstur ve JavaScript, CSS ve HTML'i kapsayan 24 uygulamalı ders içerir. Bu, yeni başlayanlara web geliştirme temellerini öğretmek için hazırlanan eğitim müfredatı deposudur. Müfredat, Microsoft Cloud Advocates tarafından geliştirilen kapsamlı 12 haftalık bir kurstur ve JavaScript, CSS ve HTML’i içeren 24 uygulamalı ders içermektedir.
### Ana Bileşenler ### Ana Bileşenler
- **Eğitim İçeriği**: Proje tabanlı modüllere düzenlenmiş 24 yapılandırılmış ders - **Eğitim İçeriği**: Proje tabanlı modüller halinde düzenlenmiş 24 yapılandırılmış ders
- **Pratik Projeler**: Terrarium, Yazma Oyunu, Tarayıcı Uzantısı, Uzay Oyunu, Banka Uygulaması, Kod Editörü ve AI Sohbet Asistanı - **Pratik Projeler**: Terrarium, Yazı Yazma Oyunu, Tarayıcı Uzantısı, Uzay Oyunu, Bankacılık Uygulaması, Kod Editörü ve AI Sohbet Asistanı
- **Etkileşimli Quizler**: Her biri 3 sorudan oluşan 48 quiz (ders öncesi/sonrası değerlendirmeler) - **Etkileşimli Quizler**: Her biri 3 sorudan oluşan 48 quiz (ders öncesi/sonrası değerlendirmeler)
- **Çoklu Dil Desteği**: GitHub Actions ile 50+ dilde otomatik çeviri - **Çok Dilli Destek**: GitHub Actions ile 50’den fazla dile otomatik çeviriler
- **Teknolojiler**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI projeleri için) - **Teknolojiler**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI projeleri için)
### Mimari ### Mimari
- Ders tabanlı yapıya sahip eğitim deposu - Ders tabanlı yapıya sahip eğitim deposu
- Her ders klasörü README, kod örnekleri ve çözümler içerir - Her ders klasörü README, kod örnekleri ve çözümler içerir
- Ayrı dizinlerde bağımsız projeler (quiz-app, çeşitli ders projeleri) - Bağımsız projeler ayrı dizinlerde (quiz-app, çeşitli ders projeleri)
- GitHub Actions kullanan çeviri sistemi (co-op-translator) - GitHub Actions (co-op-translator) ile çeviri sistemi
- Docsify ile sunulan ve PDF olarak erişilebilir dokümantasyon - Docsify üzerinden sunulan ve PDF olarak erişilebilen dokümantasyon
## Kurulum Komutları ## Kurulum Komutları
Bu depo öncelikle eğitim içeriği tüketimi içindir. Belirli projelerle çalışmak için: Bu depo öncelikle eğitim içeriği tüketimi için tasarlanmıştır. Belirli projelerle çalışmak için:
### Ana Depo Kurulumu ### Ana Depo Kurulumu
@ -37,7 +37,7 @@ cd Web-Dev-For-Beginners
cd quiz-app cd quiz-app
npm install npm install
npm run dev # Geliştirme sunucusunu başlat npm run dev # Geliştirme sunucusunu başlat
npm run build # Üretim için derle npm run build # Üretim için yapılandır
npm run lint # ESLint'i çalıştır npm run lint # ESLint'i çalıştır
``` ```
@ -56,7 +56,7 @@ npm run format # Prettier ile biçimlendir
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
npm install npm install
# Tarayıcıya özgü uzantı yükleme talimatlarını izleyin # Tarayıcıya özgü eklenti yükleme talimatlarını izleyin
``` ```
### Uzay Oyunu Projeleri ### Uzay Oyunu Projeleri
@ -64,7 +64,7 @@ npm install
```bash ```bash
cd 6-space-game/solution cd 6-space-game/solution
npm install npm install
# index.html dosyasını tarayıcıda açın veya Canlı Sunucu kullanın # Tarayıcıda index.html dosyasını açın veya Live Server kullanın
``` ```
### Sohbet Projesi (Python Backend) ### Sohbet Projesi (Python Backend)
@ -72,37 +72,37 @@ npm install
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
pip install openai pip install openai
# GITHUB_TOKEN ortam değişkenini ayarla # GITHUB_TOKEN ortam değişkenini ayarlayın
python api.py python api.py
``` ```
## Geliştirme İş Akışı ## Geliştirme İş Akışı
### İçerik Katkıcıları İçin ### İçerik Katkıda Bulunanlar İçin
1. Depoyu GitHub hesabınıza **forklayın** 1. Depoyu GitHub hesabınıza **forklayın**
2. Forkunuzu yerel olarak **klonlayın** 2. Kendi fork’unuzu yerel olarak **klonlayın**
3. Değişiklikleriniz için yeni bir **branch oluşturun** 3. Değişiklikleriniz için yeni bir **branch oluşturun**
4. Ders içeriği veya kod örneklerinde değişiklik yapın 4. Ders içeriği veya kod örneklerinde değişiklik yapın
5. İlgili proje dizinlerinde kod değişikliklerini test edin 5. İlgili proje dizinlerinde kod değişikliklerini test edin
6. Katkı rehberine uygun şekilde pull request gönderin 6. Katkı kurallarına uygun şekilde pull request gönderin
### Öğrenenler İçin ### Öğrenenler İçin
1. Depoyu forklayın veya klonlayın 1. Depoyu fork’layın veya klonlayın
2. Ders dizinlerinde sırasıyla gezin 2. Ders dizinlerinde sırayla ilerleyin
3. Her ders için README dosyalarını okuyun 3. Her dersin README dosyasını okuyun
4. https://ff-quizzes.netlify.app/web/ adresindeki ders öncesi quizleri tamamlayın 4. Ders öncesi quizlerini https://ff-quizzes.netlify.app/web/ adresinde tamamlayın
5. Ders klasörlerindeki kod örnekleri üzerinde çalışın 5. Ders klasörlerindeki kod örnekleriyle çalışın
6. Ödevleri ve zorlukları tamamlayın 6. Ödevleri ve zorlukları tamamlayın
7. Ders sonrası quizlere katılın 7. Ders sonrası quizlerini yapın
### Canlı Geliştirme ### Canlı Geliştirme
- **Dokümantasyon**: Kök dizinde `docsify serve` komutunu çalıştırın (port 3000) - **Dokümantasyon**: Kök dizinde `docsify serve` çalıştırın (port 3000)
- **Quiz Uygulaması**: quiz-app dizininde `npm run dev` çalıştırın - **Quiz Uygulaması**: quiz-app dizininde `npm run dev` çalıştırın
- **Projeler**: HTML projeleri için VS Code Live Server eklentisini kullanın - **Projeler**: HTML projeleri için VS Code Live Server uzantısını kullanın
- **API Projeleri**: İlgili API dizinlerinde `npm start` çalıştırın - **API Projeleri**: İlgili API dizinlerinde `npm start` komutunu çalıştırın
## Test Talimatları ## Test Talimatları
@ -118,74 +118,74 @@ npm run build # Derlemenin başarılı olduğunu doğrula
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # Kod stili sorunlarını kontrol edin npm run lint # Kod stili sorunlarını kontrol et
node server.js # Sunucunun hatasız başlamasını doğrulayın node server.js # Sunucunun hatasız başladığını doğrula
``` ```
### Genel Test Yaklaşımı ### Genel Test Yaklaşımı
- Bu bir eğitim deposudur ve kapsamlı otomatik test içermez - Bu eğitim deposunda kapsamlı otomatik testler yoktur
- Manuel testler şunlara odaklanır: - Manuel testler şunlara odaklanır:
- Kod örnekleri hatasız çalışıyor - Kod örneklerinin hatasız çalışması
- Dokümantasyondaki bağlantılar doğru çalışıyor - Dokümantasyondaki bağlantıların doğru çalışması
- Proje derlemeleri başarılı tamamlanıyor - Proje derlemelerinin başarılı olması
- Örnekler en iyi uygulamalara uygun - Örneklerin en iyi uygulamaları takip etmesi
### Gönderim Öncesi Kontroller ### Gönderim Öncesi Kontroller
- package.json içeren dizinlerde `npm run lint` çalıştırın - package.json bulunan dizinlerde `npm run lint` çalıştırın
- Markdown bağlantılarının geçerli olduğunu doğrulayın - Markdown bağlantılarının geçerli olduğundan emin olun
- Kod örneklerini tarayıcı veya Node.js'de test edin - Kod örneklerini tarayıcı veya Node.js’de test edin
- Çevirilerin yapı olarak doğru kaldığını kontrol edin - Çevirilerin yapısını koruduğundan emin olun
## Kod Stili Yönergeleri ## Kod Stili Rehberi
### JavaScript ### JavaScript
- Modern ES6+ sözdizimini kullanın - Modern ES6+ sözdizimi kullanın
- Projelerde sağlanan standart ESLint yapılandırmalarını izleyin - Projelerde sağlanan standart ESLint yapılandırmalarını takip edin
- Eğitim için anlaşılır değişken ve fonksiyon isimleri kullanın - Eğitim amaçlı anlamlı değişken ve fonksiyon isimleri kullanın
- Öğrenenler için kavramları açıklayan yorumlar ekleyin - Öğrenenler için kavramları açıklayan yorumlar ekleyin
- Konfigüre edilmişse Prettier ile biçimlendirin - Yapılandırılmış ise Prettier ile formatlayın
### HTML/CSS ### HTML/CSS
- Semantik HTML5 öğeleri kullanın - Semantik HTML5 elemanları kullanın
- Duyarlı tasarım prensipleri uygulayın - Duyarlı tasarım prensipleri uygulayın
- Açık sınıf isimlendirme kuralları kullanın - Açık sınıf isimlendirme konvansiyonları kullanın
- CSS tekniklerini öğrencilere açıklayan yorumlar ekleyin - Öğrenenler için CSS tekniklerini açıklayan yorumlar ekleyin
### Python ### Python
- PEP 8 stil rehberini takip edin - PEP 8 stil kurallarına uyun
- Açık ve eğitim odaklı kod örnekleri oluşturun - Açık, eğitim amaçlı kod örnekleri sunun
- Öğrenme için faydalı olduğunda tip ipuçları ekleyin - Öğrenmeyi kolaylaştıran tip ipuçları kullanın
### Markdown Dokümantasyon ### Markdown Dokümantasyon
- Açık başlık hiyerarşisi - Açık başlık hiyerarşisi
- Dil belirtmeli kod blokları - Programlama dili belirtilmiş kod blokları
- Ek kaynaklara bağlantılar - Ek kaynaklara bağlantılar
- `images/` dizinlerinde ekran görüntüleri ve görseller - `images/` dizininde ekran görüntüleri ve resimler
- Erişilebilirlik için resimlerde alt metin - Erişilebilirlik için resimlerin alt metinleri
### Dosya Organizasyonu ### Dosya Organizasyonu
- Dersler sıralı numaralanmış (1-getting-started-lessons, 2-js-basics vb.) - Dersler numaralandırılmıştır (1-getting-started-lessons, 2-js-basics, vb.)
- Her projenin `solution/` ve genellikle `start/` veya `your-work/` dizinleri var - Her projenin `solution/` ve genellikle `start/` veya `your-work/` dizinleri bulunur
- Görseller ders bazlı `images/` klasörlerinde depolanır - Resimler ders bazlı `images/` klasörlerinde saklanır
- Çeviriler `translations/{language-code}/` yapısında - Çeviriler `translations/{language-code}/` yapısındadır
## Derleme ve Yayınlama ## Derleme ve Dağıtım
### Quiz Uygulaması Yayını (Azure Static Web Apps) ### Quiz Uygulaması Dağıtımı (Azure Static Web Apps)
Quiz-app, Azure Static Web Apps yayını için ayarlanmıştır: quiz-app, Azure Static Web Apps dağıtımına uygun şekilde yapılandırılmıştır:
```bash ```bash
cd quiz-app cd quiz-app
npm run build # dist/ klasörü oluşturur npm run build # dist/ klasörü oluşturur
# main dalına push yapıldığında GitHub Actions iş akışı ile dağıtımı yapar # main dalına push yapıldığında GitHub Actions iş akışı ile dağıtım yapar
``` ```
Azure Static Web Apps yapılandırması: Azure Static Web Apps yapılandırması:
@ -193,85 +193,85 @@ Azure Static Web Apps yapılandırması:
- **Çıktı konumu**: `dist` - **Çıktı konumu**: `dist`
- **İş akışı**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` - **İş akışı**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Dokümantasyon PDF Oluşturma ### Dokümantasyon PDF Üretimi
```bash ```bash
npm install # docsify-to-pdf yükle npm install # docsify-to-pdf yükleyin
npm run convert # docs'tan PDF oluştur npm run convert # docs'dan PDF oluşturun
``` ```
### Docsify Dokümantasyonu ### Docsify Dokümantasyonu
```bash ```bash
npm install -g docsify-cli # Docsify'i global olarak kur npm install -g docsify-cli # Docsify'i global olarak yükleyin
docsify serve # localhost:3000 üzerinde sun docsify serve # localhost:3000 üzerinde servis verin
``` ```
### Proje Bazlı Derlemeler ### Projeye Özel Derlemeler
Her proje dizininin kendi derleme süreci olabilir: Her proje dizininin kendi derleme süreci olabilir:
- Vue projeleri: `npm run build` üretim paketleri oluşturur - Vue projeleri: Üretim paketleri için `npm run build`
- Statik projeler: Derleme adımı yok, dosyalar direkt sunulur - Statik projeler: Derleme yok, dosyalar doğrudan sunulur
## Pull Request İlkeleri ## Pull Request Kuralları
### Başlık Formatı ### Başlık Formatı
Değişiklik alanını açıkça belirten açıklayıcı başlıklar kullanın: Değişiklik alanını belirten net, açıklayıcı başlık kullanın:
- `[Quiz-app] Ders X için yeni quiz ekle` - `[Quiz-app] Ders X için yeni quiz eklendi`
- `[Lesson-3] Terrarium projesindeki yazım hatasını düzelt` - `[Lesson-3] Terrarium projesinde yazım hatası düzeltildi`
- `[Translation] Ders 5 için İspanyolca çeviri ekle` - `[Translation] Ders 5 için İspanyolca çeviri eklendi`
- `[Docs] Kurulum talimatlarını güncelle` - `[Docs] Kurulum talimatları güncellendi`
### Gereken Kontroller ### Gerekli Kontroller
PR göndermeden önce: PR göndermeden önce:
1. **Kod Kalitesi**: 1. **Kod Kalitesi**:
- Etkilenen proje dizinlerinde `npm run lint` komutunu çalıştırın - Etkilenen proje dizinlerinde `npm run lint` çalıştırın
- Tüm lint hatalarını ve uyarıları giderin - Tüm lint hatalarını ve uyarılarını giderin
2. **Derleme Doğrulama**: 2. **Derleme Doğrulaması**:
- Geçerliyse `npm run build` çalıştırın - Uygunsa `npm run build` çalıştırın
- Derleme hatası olmadığından emin olun - Derleme hatası olmadığından emin olun
3. **Bağlantı Geçerliliği**: 3. **Bağlantı Doğrulaması**:
- Tüm markdown bağlantıları test edin - Tüm markdown bağlantılarını test edin
- Resim referanslarının çalıştığından emin olun - Resim referanslarının çalıştığını kontrol edin
4. **İçerik İncelemesi**: 4. **İçerik İncelemesi**:
- Yazım ve dilbilgisi kontrolü yapın - Yazım ve dilbilgisi kontrolü yapın
- Kod örneklerinin doğru ve eğitici olduğundan emin olun - Kod örneklerinin doğru ve öğretici olduğundan emin olun
- Çevirilerin orijinal anlamı koruduğunu doğrulayın - Çevirilerin orijinal anlamı koruduğunu doğrulayın
### Katkı Gereksinimleri ### Katkı Gereksinimleri
- Microsoft CLA’yı onaylayın (ilk PR’da otomatik kontrol) - Microsoft CLA’ya (ilk PR’de otomatik kontrol)
- [Microsoft Açık Kaynak Davranış Kuralları](https://opensource.microsoft.com/codeofconduct/) izleyin - [Microsoft Açık Kaynak Davranış Kuralları](https://opensource.microsoft.com/codeofconduct/) uyumu
- Detaylı rehber için [CONTRIBUTING.md](./CONTRIBUTING.md)’yi inceleyin - Detaylı kurallar için [CONTRIBUTING.md](./CONTRIBUTING.md) dosyasına bakın
- İlgili ise PR açıklamasında issue numaralarını referans gösterin - PR açıklamasında ilgili sorun numaralarına atıfta bulunun
### İnceleme Süreci ### İnceleme Süreci
- PR’lar bakımcılar ve topluluk tarafından incelenir - PR’lar bakımcılar ve topluluk tarafından incelenir
- Eğitimsel netlik önceliklidir - Eğitimsel açıklık ön plandadır
- Kod örnekleri mevcut en iyi uygulamalara uygun olmalı - Kod örnekleri güncel en iyi uygulamaları takip etmelidir
- Çeviriler doğruluk ve kültürel uygunluk açısından gözden geçirilir - Çeviriler doğruluk ve kültürel uygunluk açısından kontrol edilir
## Çeviri Sistemi ## Çeviri Sistemi
### Otomatik Çeviri ### Otomatik Çeviri
- co-op-translator iş akışıyla GitHub Actions kullanılır - GitHub Actions ile co-op-translator iş akışı kullanılır
- 50’den fazla dile otomatik çeviri yapılır - 50’den fazla dile otomatik çeviri yapılır
- Ana dizinlerde kaynak dosyalar - Kaynak dosyalar ana dizinlerde bulunur
- Çevrilmiş dosyalar `translations/{language-code}/` dizinlerinde - Çeviriler `translations/{language-code}/` klasörlerinde yer alır
### Elle Çeviri İyileştirmeleri Ekleme ### Manuel Çeviri İyileştirmeleri Ekleme
1. `translations/{language-code}/` altında dosyayı bulun 1. Dosyayı `translations/{language-code}/` içinde bulun
2. Yapıyı koruyarak iyileştirmeler yapın 2. Yapıyı koruyarak iyileştirmeler yapın
3. Kod örneklerinin çalışırlığını sağlayın 3. Kod örneklerinin işlevselliğinin devam ettiğinden emin olun
4. Yerelleştirilmiş quiz içeriğini test edin 4. Yerelleştirilmiş quiz içeriğini test edin
### Çeviri Meta Verisi ### Çeviri Meta Verisi
@ -293,73 +293,73 @@ CO_OP_TRANSLATOR_METADATA:
### Yaygın Sorunlar ### Yaygın Sorunlar
**Quiz uygulaması başlatılamıyor**: **Quiz uygulaması başlamıyor**:
- Node.js sürümünü kontrol edin (v14+ önerilir) - Node.js sürümünü kontrol edin (v14+ önerilir)
- `node_modules` ve `package-lock.json` dosyalarını silin, `npm install` tekrar çalıştırın - `node_modules` ve `package-lock.json` silin, sonra `npm install` çalıştırın
- Port çakışmalarını kontrol edin (varsayılan: Vite portu 5173) - Port çakışmalarını kontrol edin (default: Vite port 5173 kullanır)
**API sunucusu başlatılamıyor**: **API sunucusu başlamıyor**:
- Node.js sürümünün minimum (node >=10) olduğundan emin olun - Minimum Node.js sürümü kontrol edin (node >=10)
- Portun kullanımda olup olmadığını kontrol edin - Portun kullanımda olup olmadığını doğrulayın
- Tüm bağımlılıkların `npm install` ile yüklendiğinden emin olun - `npm install` ile tüm bağımlılıkların yüklendiğinden emin olun
**Tarayıcı uzantısı yüklenmiyor**: **Tarayıcı uzantısı yüklenmiyor**:
- manifest.json dosyasının düzgün formatlandığını doğrulayın - manifest.json dosyasının doğru formatta olduğunu kontrol edin
- Tarayıcı konsolundaki hataları inceleyin - Tarayıcı konsolundaki hatalara bakın
- Tarayıcıya özgü uzantı kurulum talimatlarını izleyin - Tarayıcıya özgü uzantı kurulum talimatlarını izleyin
**Python sohbet projesi sorunları**: **Python sohbet projesi sorunları**:
- OpenAI paketi kurulu olmalı: `pip install openai` - OpenAI paketi kurulu olmalı: `pip install openai`
- GITHUB_TOKEN ortam değişkeninin ayarlı olduğundan emin olun - GITHUB_TOKEN ortam değişkeninin ayarlı olduğundan emin olun
- GitHub Modellerine erişim izinlerini kontrol edin - GitHub Modeller erişim izinlerini kontrol edin
**Docsify dokümantasyon sunmuyor**: **Docsify dokümantasyonu sunmuyor**:
- docsify-cli global kurulumu yapın: `npm install -g docsify-cli` - docsify-cli’yi global kurun: `npm install -g docsify-cli`
- Depo kök dizininde çalıştırın - Depo kök dizininden çalıştırın
- `docs/_sidebar.md` varlığını doğrulayın - `docs/_sidebar.md` dosyasının varlığını kontrol edin
### Geliştirme Ortamı İpuçları ### Geliştirme Ortamı İpuçları
- HTML projeleri için VS Code Live Server eklentisini kullanın - HTML projeleri için VS Code Live Server uzantısını kullanın
- Tutarlı biçimlendirme için ESLint ve Prettier eklentilerini kurun - Tutarlı format için ESLint ve Prettier uzantılarını kurun
- JavaScript hatalarını tarayıcı geliştirici araçlarında ayıklayın - JavaScript hata ayıklama için tarayıcı Geliştirici Araçlarını kullanın
- Vue projeleri için Vue DevTools tarayıcı uzantısını kurun - Vue projeleri için Vue DevTools tarayıcı uzantısını yükleyin
### Performans Dikkatleri ### Performans Considerations
- Çok sayıda çevrilmiş dosya (50+ dil) tam klonları büyük yapar - Çok sayıda çevrilmiş dosya (50+ dil) tam klonlama boyutunu artırır
- Sadece içerikle çalışılıyorsa sığ klon kullanın: `git clone --depth 1` - Sadece içerik üzerinde çalışıyorsanız sığ klonlama kullanın: `git clone --depth 1`
- İngilizce içerikle çalışırken çevirileri aramalardan hariç tutun - İngilizce içerik çalışırken çevirileri aramalardan hariç tutun
- İlk çalıştırmada derleme süreçleri yavaş olabilir (npm install, Vite build) - İlk kurulumda derleme işlemleri (npm install, Vite build) yavaş olabilir
## Güvenlik Dikkatleri ## Güvenlik Considerations
### Ortam Değişkenleri ### Ortam Değişkenleri
- API anahtarları depoya asla eklenmemeli - API anahtarları hiçbir zaman depoya commit edilmemelidir
- `.env` dosyaları kullanılmalı (zaten `.gitignore`’da) - `.env` dosyaları kullanılır (zaten `.gitignore`da var)
- Gerekli ortam değişkenleri proje README dosyalarında belgelenmeli - Proje README’lerinde gerekli ortam değişkenleri belgelenir
### Python Projeleri ### Python Projeleri
- Sanal ortam kullanın: `python -m venv venv` - Sanal ortamlar kullanın: `python -m venv venv`
- Bağımlılıkları güncel tutun - Bağımlılıkları güncel tutun
- GitHub tokenları en düşük gerekli izinlere sahip olmalı - GitHub token’lar gerekli minimum izinlere sahip olmalıdır
### GitHub Modellerine Erişim ### GitHub Modeller Erişimi
- Kişisel Erişim Tokenları (PAT) gerekiyor - GitHub Modeller için Kişisel Erişim Tokenları (PAT) gereklidir
- Tokenlar ortam değişkeni olarak saklanmalı - Token'lar ortam değişkeni olarak saklanmalıdır
- Token veya kimlik bilgileri asla commitlememeli - Token veya kimlik bilgileri hiçbir zaman commit edilmemelidir
## Ek Notlar ## Ek Notlar
### Hedef Kitle ### Hedef Kitle
- Web geliştirmeye yeni başlayanlar - Tamamen yeni başlayan web geliştiriciler
- Öğrenciler ve kendi kendine öğrenenler - Öğrenciler ve kendi kendine öğrenenler
- Müfredatı sınıf ortamında kullanan eğitmenler - Müfredatı sınıflarında kullanan öğretmenler
- İçerik erişilebilirlik ve aşamalı beceri geliştirme için tasarlanmıştır - İçerik erişilebilirlik ve aşamalı beceri gelişimi için tasarlanmıştır
### Eğitim Felsefesi ### Eğitim Felsefesi
@ -367,13 +367,13 @@ CO_OP_TRANSLATOR_METADATA:
- Sık sık bilgi kontrolü (quizler) - Sık sık bilgi kontrolü (quizler)
- Uygulamalı kodlama egzersizleri - Uygulamalı kodlama egzersizleri
- Gerçek dünya uygulama örnekleri - Gerçek dünya uygulama örnekleri
- Frameworklerden önce temellere odaklanma - Frameworklerden önce temellerin vurgulanması
### Depo Bakımı ### Depo Bakımı
- Aktif öğrenenler ve katkıcılar topluluğu - Aktif öğrenenler ve katkıda bulunanlar topluluğu
- Bağımlılık ve içerik düzenli güncelleniyor - Düzenli bağımlılık ve içerik güncellemeleri
- Sorunlar ve tartışmalar bakımcılar tarafından izlenir - Sorunlar ve tartışmalar bakımcılarca izlenir
- Çeviri güncellemeleri GitHub Actions ile otomatik - Çeviri güncellemeleri GitHub Actions ile otomatik
### İlgili Kaynaklar ### İlgili Kaynaklar
@ -383,26 +383,26 @@ CO_OP_TRANSLATOR_METADATA:
- Öğrenenler için önerilen [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Öğrenenler için önerilen [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
- Ek kurslar: Üretken AI, Veri Bilimi, ML, IoT müfredatları mevcut - Ek kurslar: Üretken AI, Veri Bilimi, ML, IoT müfredatları mevcut
### Belirli Projelerle Çalışma ### Belirli Projelerle Çalışmak
Bireysel projelere dair detaylı talimat için README dosyalarını inceleyin: Bireysel projeler için detaylı talimatlar README dosyalarında:
- `quiz-app/README.md` - Vue 3 quiz uygulaması - `quiz-app/README.md` - Vue 3 quiz uygulaması
- `7-bank-project/README.md` - Kimlik doğrulamalı banka uygulaması - `7-bank-project/README.md` - Kimlik doğrulamalı bankacılık uygulaması
- `5-browser-extension/README.md` - Tarayıcı uzantısı geliştirme - `5-browser-extension/README.md` - Tarayıcı uzantısı geliştirme
- `6-space-game/README.md` - Canvas tabanlı oyun geliştirme - `6-space-game/README.md` - Canvas tabanlı oyun geliştirme
- `9-chat-project/README.md` - AI sohbet asistanı projesi - `9-chat-project/README.md` - AI sohbet asistanı projesi
### Monorepo Yapısı ### Monorepo Yapısı
Geleneksel bir monorepo olmasa da bu depo çoklu bağımsız projeler içerir: Geleneksel bir monorepo olmamakla birlikte, bu depo birden fazla bağımsız proje içerir:
- Her ders kendi içinde bağımsızdır - Her ders kendi içinde bağımsızdır
- Projeler bağımlılıkları paylaşmaz - Projeler ortak bağımlılık paylaşmaz
- Projelere diğerlerini etkilemeden çalışılabilir - Diğerlerini etkilemeden bireysel projelerde çalışılır
- Tam müfredat deneyimi için tüm depo klonlanabilir - Tüm müfredatı deneyimlemek için depo tamamen klonlanabilir
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Feragatname**: **Feragatname**:
Bu belge, AI çeviri hizmeti [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluk için çaba gösterilmekle birlikte, otomatik çevirilerin hatalar veya yanlışlıklar içerebileceğini lütfen unutmayın. Orijinal belge, kendi ana dilinde yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımı nedeniyle ortaya çıkabilecek herhangi bir yanlış anlama veya yanlış yorumdan sorumlu değiliz. Bu belge, AI çeviri hizmeti [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluk için çaba sarf edilse de, otomatik çevirilerin hatalar veya yanlışlıklar içerebileceğini lütfen unutmayınız. Orijinal belge, kendi dilinde yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımı sonucunda oluşabilecek herhangi bir yanlış anlama veya yorum hatasından sorumlu tutulamayız.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

204
translations/tr/README.md
Unescape View File

@ -10,29 +10,29 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Yeni Başlayanlar için Web Geliştirme - Bir Müfredat # Yeni Başlayanlar İçin Web Geliştirme - Bir Müfredat
Microsoft Bulut Savunucuları tarafından hazırlanan 12 haftalık kapsamlı kursumuzla web geliştirmeye dair temel bilgileri öğrenin. 24 dersin her biri terraryumlar, tarayıcı eklentileri ve uzay oyunları gibi pratik projelerle JavaScript, CSS ve HTML'i derinlemesine ele alır. Quizler, tartışmalar ve pratik ödevlerle etkileşim kurun. Becerilerinizi geliştirin ve etkili proje tabanlı pedagojimizle bilgi tutumunuzu optimize edin. Kodlama yolculuğunuza bugün başlayın! Microsoft Cloud Advocates tarafından sunulan 12 haftalık kapsamlı kursumuzla web geliştirme temellerini öğrenin. 24 dersin her biri terraryumlar, tarayıcı uzantıları ve uzay oyunları gibi uygulamalı projelerle JavaScript, CSS ve HTML konularına dalıyor. Quizler, tartışmalar ve pratik ödevlerle etkileşimde bulunun. Yeteneklerinizi geliştirip bilginizin kalıcılığını artırmak için etkili proje tabanlı öğretim yöntemimizi kullanın. Kodlama yolculuğunuza bugün başlayın!
Azure AI Foundry Discord Topluluğuna Katılın Azure AI Foundry Discord Topluluğuna Katılın
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Bu kaynakları kullanmaya başlamak için şu adımları izleyin: Bu kaynakları kullanmaya başlamak için şu adımları izleyin:
1. **Depoyu Çatallayın**: Tıklayın [![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) 1. **Depoyu Forklayın**: Tıklayın [![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. **Depoyu Klonlayın**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Depoyu Klonlayın**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord'a Katılın ve uzmanlar ve diğer geliştiricilerle tanışın**](https://discord.com/invite/ByRwuEEgH4) 3. [**Azure AI Foundry Discord'a katılın ve uzmanlar ile diğer geliştiricilerle tanışın**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Çok Dilli Destek ### 🌐 Çoklu Dil Desteği
#### GitHub Action ile Desteklenir (Otomatik & Her Zaman Güncel) #### GitHub Action ile Desteklenmektedir (Otomatik ve Her Zaman Güncel)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[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) | [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](./README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) [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](../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](./README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **Yerel Olarak Klonlamayı Tercih Ediyor musunuz?** > **Yerelde Klonlamayı mı Tercih Ediyorsunuz?**
> >
> Bu depo, indirilen dosya boyutunu önemli ölçüde artıran 50+ dil çevirisi içerir. Çeviri olmadan klonlamak için, sparse checkout kullanabilirsiniz: > Bu depo 50'den fazla dil çevirisi içeriyor ve bu da indirme boyutunu önemli ölçüde artırıyor. Çeviriler olmadan klonlamak için seyrek kontrolü (sparse checkout) kullanın:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -48,173 +48,175 @@ Bu kaynakları kullanmaya başlamak için şu adımları izleyin:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ``` > ```
> >
> Bu, kursu tamamlamak için ihtiyacınız olan her şeyi çok daha hızlı indirmenizi sağlar. > Bu, kursu tamamlamanız için ihtiyacınız olan her şeyi çok daha hızlı bir indirme ile size sağlar.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Desteklenmesini istediğiniz ek çeviri dilleri varsa, [burada](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) listelenmiştir** **Ek dil çevirileri istiyorsanız desteklenen diller [burada](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) listelenmiştir**
[![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) [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Visual%20Studio%20Code%20ile%20Aç&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _Öğrenci misiniz?_ #### 🧑‍🎓 _Öğrenci misiniz?_
Başlangıç kaynaklarını, Öğrenci paketlerini ve hatta ücretsiz sertifika kuponu almanın yollarını bulabileceğiniz [**Öğrenci Merkezi sayfasını**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ziyaret edin. İçerikleri aylık olarak değiştirdiğimiz için bu sayfayı yer imlerinize eklemenizi ve zaman zaman kontrol etmenizi öneririz. Başlangıç kaynakları, Öğrenci paketleri ve hatta ücretsiz sertifika kuponu almanın yollarını bulacağınız [**Öğrenci Merkezi sayfasını**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ziyaret edin. Bu sayfa, içeriği aylık olarak değiştirdiğimiz için zaman zaman kaydetmek ve kontrol etmek isteyeceğiniz bir sayfadır.
### 📣 Duyuru - Tamamlanması gereken yeni GitHub Copilot Agent modu zorlukları! ### 📣 Duyuru - Tamamlanacak Yeni GitHub Copilot Agent modu meydan okumaları!
Yeni bir zorluk eklendi, çoğu bölümde "GitHub Copilot Agent Challenge 🚀" arayın. Bu, GitHub Copilot ve Agent modu kullanarak tamamlayabileceğiniz yeni bir zorluk. Agent modunu daha önce kullanmadıysanız, sadece metin üretmekle kalmaz, aynı zamanda dosyalar oluşturabilir ve düzenleyebilir, komut çalıştırabilir ve daha fazlasını yapabilir. Yeni Meydan Okuma eklendi, çoğu bölümde "GitHub Copilot Agent Challenge 🚀" arayın. Bu, GitHub Copilot ve Agent modu kullanarak tamamlayacağınız yeni bir meydan okumadır. Daha önce Agent modunu kullanmadıysanız, sadece metin üretmekle kalmaz, dosya oluşturabilir ve düzenleyebilir, komutlar çalıştırabilir ve daha fazlasını yapabilir.
### 📣 Duyuru - _Generative AI kullanarak yeni Proje_ ### 📣 Duyuru - _Generatif AI kullanarak oluşturulacak Yeni Proje_
Yeni AI Asistan projesi eklendi, inceleyin [proje](./9-chat-project/README.md) Yeni AI Asistan projesi eklendi, inceleyin [proje](./9-chat-project/README.md)
### 📣 Duyuru - _Generative AI için JavaScript Müfredatı yeni yayında_ ### 📣 Duyuru - _JavaScript için yeni Generatif AI Müfredatı_ yeni yayınlandı
Yeni Generative AI müfredatımızı kaçırmayın! Yeni Generatif AI müfredatımızı kaçırmayın!
Başlamak için ziyaret edin [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! Başlamak için [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) adresini ziyaret edin!
![Background](../../translated_images/tr/background.148a8d43afde5730.webp) ![Background](../../translated_images/tr/background.148a8d43afde5730.webp)
- Temelden RAG’e kadar kapsamlı dersler. - Temellerden RAG'e kadar her şeyi kapsayan dersler.
- Tarihi karakterlerle GenAI ve eşlik eden uygulamamız aracılığıyla etkileşim. - GenAI ve yardımcı uygulamamız ile tarihi karakterlerle etkileşim.
- Eğlenceli ve sürükleyici anlatım, zamanda yolculuk yapacaksınız! - Eğlenceli ve sürükleyici bir anlatım, zamanda yolculuk yapacaksınız!
![character](../../translated_images/tr/character.5c0dd8e067ffd693.webp) ![character](../../translated_images/tr/character.5c0dd8e067ffd693.webp)
Her ders, tamamlama için bir ödev, bir bilgi kontrolü ve şu gibi konuları öğrenmenizde rehber olacak bir zorluk içerir: Her ders, tamamlanacak bir ödev, bilgi kontrolü ve şu konular gibi öğrenmenizi yönlendirecek bir meydan okuma içerir:
- İstek ve istek mühendisliği - Prompt kullanımı ve prompt mühendisliği
- Metin ve görüntü uygulama üretimi - Metin ve görsel uygulama üretimi
- Arama uygulamaları - Arama uygulamaları
Başlamak için ziyaret edin [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) Başlamak için [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) adresini ziyaret edin!
## 🌱 Başlarken ## 🌱 Başlarken
> **Öğretmenler**, bu müfredatı nasıl kullanacağınıza dair bazı [önerilerimizi](for-teachers.md) dahil ettik. Geri bildirimlerinizi [tartışma forumumuzda](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) bekleriz! > **Öğretmenler**, bu müfredatı nasıl kullanacağınıza dair bazı [öneriler](for-teachers.md) ekledik. Geri bildirimlerinizi [tartışma forumumuzda](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) duymak isteriz!
**[Öğrenciler](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, her ders için bir ön ders quiz'i ile başlayın, ardından ders materyalini okuyun, çeşitli etkinlikleri tamamlayın ve anlayışınızı ders sonrası quiz ile kontrol edin. **[Öğrenenler](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, her ders için, bir ders öncesi quiz ile başlayın, ardından ders materyalini okuyun, çeşitli etkinlikleri tamamlayın ve ders sonrası quiz ile anlayışınızı kontrol edin.
Öğrenme deneyiminizi geliştirmek için, projeler üzerinde beraber çalışmak üzere akranlarınızla bağlantı kurun! Tartışmalarımız [tartışma forumumuzda](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) teşvik edilir; moderatör ekibimiz sorularınızı yanıtlamak için hazırdır. Öğrenme deneyiminizi artırmak için, projeler üzerinde birlikte çalışmak için akranlarınızla bağlantı kurun! Tartışmalar [tartışma forumumuzda](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) teşvik edilmektedir ve moderatörlerimiz sorularınızı cevaplamak için orada olacaktır.
Eğitiminizi ilerletmek için ek çalışma materyalleri bulabileceğiniz [Microsoft Learn’i](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) keşfetmenizi şiddetle öneririz. Eğitiminizi ilerletmek için ek çalışma materyalleri için [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) keşfetmenizi şiddetle tavsiye ederiz.
### 📋 Ortamınızı kurma ### 📋 Ortamınızı kurma
Bu müfredat için hazır bir geliştirme ortamı mevcut! Başlarken, müfredatı bir [Codespace](https://github.com/features/codespaces/) (_tarayıcı tabanlı, kurulum gerektirmeyen bir ortam_) içinde veya bilgisayarınızda bir metin düzenleyici kullanarak yerel olarak çalıştırmayı seçebilirsiniz, örneğin [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). Bu müfredat, kullanıma hazır bir geliştirme ortamına sahiptir! Başlarken, müfredatı [Codespace](https://github.com/features/codespaces/) içinde (_tarayıcı tabanlı, kurulum gerektirmeyen ortam_), ya da bilgisayarınızda [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) gibi bir metin düzenleyici kullanarak çalıştırmayı tercih edebilirsiniz.
#### Depoyu oluşturun #### Depo oluşturun
Çalışmanızı kolayca kaydedebilmeniz için, bu deponun kendi kopyanızı oluşturmanız önerilir. Bunu yapmak için sayfanın üstündeki **Use this template** düğmesine tıklayın. Bu, GitHub hesabınızda müfredatın bir kopyası ile yeni bir depo oluşturacaktır. Çalışmanızı kolayca kaydedebilmeniz için, bu deponun kendi kopyanızı oluşturmanız önerilir. Bunu yapmak için sayfanın üstündeki **Use this template** butonuna tıklayın. Bu, GitHub hesabınızda müfredatın bir kopyasını içeren yeni bir depo oluşturacaktır.
Şu adımları izleyin: Şu adımları izleyin:
1. **Depoyu Çatallayın**: Bu sayfanın sağ üst köşesindeki "Fork" butonuna tıklayın. 1. **Depoyu Forklayın**: Sayfanın sağ üst köşesindeki "Fork" butonuna tıklayın.
2. **Depoyu Klonlayın**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Depoyu Klonlayın**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Müfredatı Codespace içinde çalıştırma #### Müfredatı Codespace içinde çalıştırma
Oluşturduğunuz bu deponun kopyasında, **Code** butonuna tıklayıp **Open with Codespaces** seçeneğini seçin. Bu, sizin için yeni bir Codespace oluşturacaktır. Oluşturduğunuz deponuzda **Code** butonuna tıklayın ve **Open with Codespaces** seçeneğini seçin. Bu, sizin için yeni bir Codespace oluşturacaktır.
![Codespace](../../translated_images/tr/createcodespace.0238bbf4d7a8d955.webp) ![Codespace](../../translated_images/tr/createcodespace.0238bbf4d7a8d955.webp)
#### Müfredatı bilgisayarınızda yerel olarak çalıştırma #### Müfredatı bilgisayarınızda yerel olarak çalıştırma
Bu müfredatı bilgisayarınızda yerel olarak çalıştırmak için bir metin düzenleyici, bir tarayıcı ve bir komut satırı aracına ihtiyacınız olacak. İlk dersimiz, [Programlama Dilleri ve Ticaret Araçlarına Giriş](../../1-getting-started-lessons/1-intro-to-programming-languages), her biri için çeşitli seçenekleri size tanıtacak, böylece size en uygun olanı seçebilirsiniz. Bu müfredatı bilgisayarınızda yerel olarak çalıştırmak için bir metin editörü, bir tarayıcı ve bir komut satırı aracına ihtiyacınız olacak. İlk dersimiz olan, [Programlama Dilleri ve Ticaret Araçlarına Giriş](../../1-getting-started-lessons/1-intro-to-programming-languages), size bunlar için çeşitli seçenekleri sunacak ve sizin için en uygun olanı seçmenize yardımcı olacaktır.
Bizim önerimiz [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) editörünü kullanmanızdır; bu editörde yerleşik bir [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) da mevcuttur. Visual Studio Code’u [buradan](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) indirebilirsiniz. Önerimiz, editör olarak [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kullanmanızdır; bu editör ayrıca yerleşik bir [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) içerir. Visual Studio Code'u [buradan](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) indirebilirsiniz.
1. Depozitonuzu bilgisayarınıza klonlayın. Bunu **Code** butonuna tıklayıp URL'yi kopyalayarak yapabilirsiniz: 1. Depo'nuzu bilgisayarınıza klonlayın. Bunu yapmak için **Code** düğmesine tıklayıp URL'yi kopyalayabilirsiniz:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
Ardından, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) içinde [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) uygulamasını açın ve aşağıdaki komutu, `<your-repository-url>` yerine az önce kopyaladığınız URL'yi yazarak çalıştırın: Ardından, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) içinde [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) uygulamasını açın ve `<your-repository-url>` yerine az önce kopyaladığınız URL'yi koyarak aşağıdaki komutu çalıştırın:
```bash ```bash
git clone <your-repository-url> git clone <your-repository-url>
``` ```
2. Klasörü Visual Studio Code'da açın. Bunu **File** > **Open Folder** seçeneğine tıklayarak ve az önce klonladığınız klasörü seçerek yapabilirsiniz. 2. Visual Studio Code’da klasörü açın. Bunu yapmak için **File** > **Open Folder** seçeneğine tıklayıp klonladığınız klasörü seçin.
> Önerilen Visual Studio Code uzantıları: > Önerilen Visual Studio Code uzantıları:
> >
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code içinde HTML sayfalarını önizlemek için > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code içinde HTML sayfalarını önizlemek için
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - kod yazmayı hızlandırmak için > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - kod yazmayı hızlandırmak için yardımcı
## 📂 Her ders şunları içerir: ## 📂 Her ders şunları içerir:
- isteğe bağlı sketchnote (not çizimi) - isteğe bağlı çizim notu
- isteğe bağlı ek video - isteğe bağlı destekleyici video
- dersten önce ısınma testi - derse hazırlık sınavı
- yazılı ders - yazılı ders
- proje tabanlı dersler için, projeyi nasıl oluşturacağınıza dair adım adım rehberler - proje tabanlı derslerde projeyi adım adım nasıl oluşturacağınıza dair rehberler
- bilgi kontrolü - bilgi kontrolü
- bir meydan okuma - bir meydan okuma
- ek okuma materyali - destekleyici okuma
- görev - ödev
- [dersten sonra quiz](https://ff-quizzes.netlify.app/web/) - [ders sonrası sınav](https://ff-quizzes.netlify.app/web/)
> **Quizler hakkında not**: Tüm quizler Quiz-app klasöründe bulunur, toplamda 48 quiz ve her biri 3 sorudan oluşmaktadır. Bunlara [buradan](https://ff-quizzes.netlify.app/web/) erişilebilir; quiz uygulaması yerel olarak çalıştırılabilir veya Azure’a dağıtılabilir; `quiz-app` klasöründeki talimatları takip edin. > **Sınavlar hakkında not**: Tüm sınavlar Quiz-app klasöründe bulunur, toplam 48 sınav vardır ve her biri üç sorudan oluşur. Bunlar [burada](https://ff-quizzes.netlify.app/web/) mevcuttur; quiz uygulaması yerel olarak çalıştırılabilir veya Azure’a dağıtılabilir; talimatlar `quiz-app` klasöründedir.
## 🗃️ Dersler ## 🗃️ Dersler
| | Proje Adı | Öğretilen Kavramlar | Öğrenme Hedefleri | İlgili Ders | Yazar | | | Proje Adı | Öğretilen Konseptler | Öğrenme Hedefleri | Bağlantılı Ders | Yazar |
| :-: | :----------------------------------------------------: | :--------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------: | :---------------: | | :-: | :---------------------------------------------------: | :-------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :--------------------: |
| 01 | Başlarken | Programlama ve Araçlarına Giriş | Çoğu programlama dilinin temel prensipleri ve profesyonel geliştiricilerin işlerini yapmalarına yardımcı olan yazılım hakkında bilgi edinin | [Programlama Dilleri ve Araçlarına Giriş](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 01 | Başlarken | Programlamaya Giriş ve Kullanılan Araçlar | Çoğu programlama dilinin temel yapıtaşlarını ve profesyonel geliştiricilerin işlerini yapmasına yardımcı yazılımları öğrenin | [Programlama Dilleri ve Araçlarına Giriş](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Başlarken | GitHub Temelleri, takım çalışması | Projenizde GitHub’ı nasıl kullanacağınızı, kod tabanında başkalarıyla nasıl iş birliği yapacağınızı öğrenin | [GitHub’a Giriş](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 02 | Başlarken | GitHub Temelleri, takım ile çalışma | Projenizde GitHub kullanımı, kod tabanı üzerinde başkalarıyla işbirliği yapmak | [GitHub’a Giriş](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Başlarken | Erişilebilirlik | Web erişilebilirliğinin temellerini öğrenin | [Erişilebilirlik Temelleri](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | Başlarken | Erişilebilirlik | İnternet erişilebilirliğinin temellerini öğrenin | [Erişilebilirlik Temelleri](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Temelleri | JavaScript Veri Türleri | JavaScript veri türlerinin temellerini öğrenin | [Veri Türleri](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | JS Temelleri | JavaScript Veri Tipleri | JavaScript veri tiplerinin temellerini öğrenin | [Veri Tipleri](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Temelleri | Fonksiyonlar ve Metotlar | Uygulamanın mantık akışını yönetmek için fonksiyonlar ve metotlar hakkında bilgi edinin | [Fonksiyonlar ve Metotlar](./2-js-basics/2-functions-methods/README.md) | Jasmine ve Christopher | | 05 | JS Temelleri | Fonksiyonlar ve Metodlar | Uygulama mantığı akışını yönetmek için fonksiyonlar ve metodları öğrenin | [Fonksiyonlar ve Metodlar](./2-js-basics/2-functions-methods/README.md) | Jasmine ve Christopher |
| 06 | JS Temelleri | JS ile Karar Verme | Kodunuzda karar yöntemlerini kullanarak koşullar nasıl oluşturulur öğrenin | [Karar Verme](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | JS Temelleri | JS ile Karar Vermek | Kodunuzda karar verme yöntemleri kullanarak koşullar oluşturmayı öğrenin | [Karar Verme](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Temelleri | Diziler ve Döngüler | JavaScript’te diziler ve döngülerle veri işleme | [Diziler ve Döngüler](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 07 | JS Temelleri | Dizi ve Döngüler | JavaScript'te diziler ve döngülerle veri üzerinde çalışın | [Diziler ve Döngüler](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML Uygulamada | Çevrimiçi bir terrarium oluşturmak için HTML yazın, düzen yaratmaya odaklanın | [HTML’e Giriş](./3-terrarium/1-intro-to-html/README.md) | Jen | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML Uygulaması | Çevrimiçi terrarium oluşturmak için HTML yapısı geliştirin, odak nokta düzen kurmak | [HTML'ye Giriş](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS Uygulamada | Çevrimiçi terrariumun stilini oluşturmak için CSS yazın, temel CSS ve sayfanın duyarlı hale getirilmesine odaklanın | [CSS’e Giriş](./3-terrarium/2-intro-to-css/README.md) | Jen | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS Uygulaması | Çevrimiçi terrarium’u stilize etmek için CSS yazın, temel CSS ve sayfanın duyarlı hale getirilmesine odaklanın | [CSS'ye Giriş](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM Manipülasyonu | Sürükle/bırak arayüzü işlevleri için JavaScript yazın, closures ve DOM manipulasyonuna odaklanın | [JavaScript Closures ve DOM Manipülasyonu](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Kapanışları, DOM manipülasyonu | Terrarium’u sürükle/bırak arayüzü yapacak JavaScript’i oluşturun; kapanışlar ve DOM manipülasyonuna odaklanın | [JavaScript Kapanışları, DOM Manipülasyonu](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Yazma Oyunu](./4-typing-game/solution/README.md) | Yazma Oyunu Oluşturma | JavaScript uygulamanızı klavye olaylarıyla nasıl yönlendireceğinizi öğrenin | [Olay Tabanlı Programlama](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Yazma Oyunu](./4-typing-game/solution/README.md) | Yazma Oyunu Tasarlama | Klavye olaylarını kullanarak JavaScript uygulamanızın mantığını yönetin | [Olay Tabanlı Programlama](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Yeşil Tarayıcı Eklentisi](./5-browser-extension/solution/README.md) | Tarayıcılarla Çalışma | Tarayıcıların nasıl çalıştığını, tarihini ve tarayıcı eklentisinin ilk öğelerini nasıl oluşturacağınızı öğrenin | [Tarayıcılar Hakkında](./5-browser-extension/1-about-browsers/README.md) | Jen | | 12 | [Green Tarayıcı Uzantısı](./5-browser-extension/solution/README.md) | Tarayıcılarla Çalışmak | Tarayıcıların nasıl çalıştığını, tarihçesini ve tarayıcı uzantısının ilk öğelerinin iskeletini oluşturmayı öğrenin | [Tarayıcılar Hakkında](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Yeşil Tarayıcı Eklentisi](./5-browser-extension/solution/README.md) | Form Oluşturma, API Çağrısı ve Yerel Depolamada Değişken | Tarayıcı eklentinizde yerel depolamada tutulan değişkenleri kullanan bir API çağrısı için JavaScript öğelerini oluşturun | [API’lar, Formlar ve Yerel Depolama](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Green Tarayıcı Uzantısı](./5-browser-extension/solution/README.md) | Form oluşturma, API çağırma ve yerel depolama kullanımı | Yerel depolamada tutulan değişkenleri kullanarak API çağıran tarayıcı uzantınızın JavaScript parçalarını oluşturun | [API'ler, Formlar ve Yerel Depolama](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Yeşil Tarayıcı Eklentisi](./5-browser-extension/solution/README.md) | Tarayıcı arkaplan işlemleri, web performansı | Eklentinin simgesini yönetmek için tarayıcı arkaplan işlemlerini kullanın; web performansı ve bazı optimizasyonlar hakkında bilgi edinin | [Arkaplan Görevleri ve Performans](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 14 | [Green Tarayıcı Uzantısı](./5-browser-extension/solution/README.md) | Tarayıcı arka plan işlemleri, web performansı | Uzantının ikonu için tarayıcı arka plan işlemlerini kullanın; web performansı ve bazı optimizasyonları öğrenin | [Arka Plan Görevleri ve Performans](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Uzay Oyunu](./6-space-game/solution/README.md) | JavaScript ile Daha Gelişmiş Oyun Geliştirme | Sınıflar ve Kompozisyon kullanarak Miras (Inheritance) ve Yayınla/Abone Ol (Pub/Sub) kalıplarını öğrenin, bir oyun geliştirmek için hazırlanın | [Gelişmiş Oyun Geliştirmeye Giriş](./6-space-game/1-introduction/README.md) | Chris | | 15 | [Uzay Oyunu](./6-space-game/solution/README.md) | JavaScript ile Daha İleri Seviye Oyun Geliştirme | Kalıtım konusunu hem Sınıflar hem Bileşim ile ve Yayıncı/Abone (Pub/Sub) desenini öğrenerek oyun geliştirmeye hazırlanın | [İleri Seviye Oyun Geliştirmeye Giriş](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Uzay Oyunu](./6-space-game/solution/README.md) | Canvas’a Çizim | Ekrana öğe çizmek için kullanılan Canvas API'si hakkında bilgi edinin | [Canvasa Çizim](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 16 | [Uzay Oyunu](./6-space-game/solution/README.md) | Canvas’a Çizim | Ekrana öğeler çizmek için kullanılan Canvas API’sini öğrenin | [Canvas’a Çizim](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Uzay Oyunu](./6-space-game/solution/README.md) | Ekrandaki Öğeleri Hareket Ettirme | Öğelerin hareket kazanmasını kartezyen koordinatlar ve Canvas API kullanarak keşfedin | [Öğeleri Hareket Ettirme](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Uzay Oyunu](./6-space-game/solution/README.md) | Ekranda Ögeleri Hareket Ettirme | Öğelerin Kartezyen koordinatları ve Canvas API’si kullanılarak hareket kazanmasını keşfedin | [Öğeleri Hareket Ettirme](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Uzay Oyunu](./6-space-game/solution/README.md) | Çarpışma Algılama | Öğeleri çarpıştırın ve birbirlerine tuş vuruşlarıyla tepki vermelerini sağlayın; oyunun performansını korumak için cooldown fonksiyonu ekleyin | [Çarpışma Algılama](./6-space-game/4-collision-detection/README.md) | Chris | | 18 | [Uzay Oyunu](./6-space-game/solution/README.md) | Çarpışma Algılama | Öğelerin birbirine çarpmasını ve tepki vermesini tuş vuruşları kullanarak sağlayın, oyunun performansını garanti eden soğuma fonksiyonu ekleyin | [Çarpışma Algılama](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Uzay Oyunu](./6-space-game/solution/README.md) | Skoru Tutma | Oyun durumu ve performansına bağlı matematiksel hesaplamalar yapın | [Skoru Tutma](./6-space-game/5-keeping-score/README.md) | Chris | | 19 | [Uzay Oyunu](./6-space-game/solution/README.md) | Skor Tutma | Oyunun durumu ve performansına dayalı matematiksel hesaplamalar yapın | [Skor Tutma](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Uzay Oyunu](./6-space-game/solution/README.md) | Oyunu Bitirme ve Yeniden Başlatma | Oyunu bitirme ve yeniden başlatma hakkında bilgi edinin, kaynak temizleme ve değişkenleri sıfırlama dahil | [Bitiş Koşulu](./6-space-game/6-end-condition/README.md) | Chris | | 20 | [Uzay Oyunu](./6-space-game/solution/README.md) | Oyunu Bitirme ve Yeniden Başlatma | Oyunu bitirme ve yeniden başlatma, varlıkları temizleme ve değişken değerlerini sıfırlama konularını öğrenin | [Bitiş Koşulu](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Bankacılık Uygulaması](./7-bank-project/solution/README.md) | Web Uygulamasında HTML Şablonları ve Yönlendirmeler | Çok sayfalı bir web sitesinin mimarisini yönlendirme ve HTML şablonları kullanarak nasıl oluşturacağınızı öğrenin | [HTML Şablonları ve Yönlendirmeler](./7-bank-project/1-template-route/README.md) | Yohan | | 21 | [Bankacılık Uygulaması](./7-bank-project/solution/README.md) | Web Uygulamasında HTML Şablonları ve Rotalar | Çok sayfalı bir web sitesinin iskeletini rota ve HTML şablonları kullanarak oluşturmayı öğrenin | [HTML Şablonları ve Rotalar](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Bankacılık Uygulaması](./7-bank-project/solution/README.md) | Giriş ve Kayıt Formu Oluşturma | Formlar oluşturma ve doğrulama süreçlerini öğrenin | [Formlar](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [Bankacılık Uygulaması](./7-bank-project/solution/README.md) | Giriş ve Kayıt Formu Oluşturma | Form oluşturma ve doğrulama süreçlerini öğrenin | [Formlar](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Bankacılık Uygulaması](./7-bank-project/solution/README.md) | Veri Alma ve Kullanma Yöntemleri | Uygulamanızda verinin nasıl aktığını, nasıl alındığını, depolandığını ve imha edildiğini öğrenin | [Veri](./7-bank-project/3-data/README.md) | Yohan | | 23 | [Bankacılık Uygulaması](./7-bank-project/solution/README.md) | Veri Alma ve Kullanma Yöntemleri | Uygulamanızdaki verilerin akışı, nasıl alınacağı, depolanacağı ve atılacağı hakkında bilgi edin | [Veri](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Bankacılık Uygulaması](./7-bank-project/solution/README.md) | Durum Yönetimi Kavramları | Uygulamanızın durumu nasıl koruduğunu ve programatik olarak bunu nasıl yöneteceğinizi öğrenin | [Durum Yönetimi](./7-bank-project/4-state-management/README.md) | Yohan | | 24 | [Bankacılık Uygulaması](./7-bank-project/solution/README.md) | Durum Yönetimi Kavramları | Uygulamanızın durumunu nasıl tutacağını ve programlı olarak nasıl yöneteceğinizi öğrenin | [Durum Yönetimi](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Tarayıcı/VScode Kodu](../../8-code-editor) | VScode ile Çalışma | Bir kod editörü kullanmayı öğrenin | [VScode Kod Editörü Kullanımı](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [Tarayıcı/VScode Kodu](../../8-code-editor) | VScode ile Çalışma | Bir kod editörü kullanmayı öğrenin | [VScode Kod Editörünü Kullanma](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Asistanları](./9-chat-project/README.md) | AI ile Çalışma | Kendi AI asistanınızı nasıl oluşturabileceğinizi öğrenin | [AI Asistan Projesi](./9-chat-project/README.md) | Chris | | 26 | [Yapay Zeka Asistanları](./9-chat-project/README.md) | Yapay Zeka ile Çalışma | Kendi yapay zeka asistanınızı nasıl oluşturacağınızı öğrenin | [Yapay Zeka Asistanı projesi](./9-chat-project/README.md) | Chris |
## 🏫 Pedagoji ## 🏫 Öğretim Metodu
Müfredatımız iki temel pedagojik ilke göz önünde bulundurularak tasarlanmıştır: Müfredatımız iki temel pedagojik ilke üzerine tasarlanmıştır:
* proje tabanlı öğrenme * proje tabanlı öğrenme
* sık quiz uygulamaları * sık tekrarlanan sınavlar
Program JavaScript, HTML ve CSS temel bilgilerini ve günümüz web geliştiricileri tarafından kullanılan en son araçlar ve teknikleri öğretir. Öğrenciler, yazma oyunu, sanal terrarium, çevre dostu tarayıcı uzantısı, space-invader tarzı oyun ve işletmeler için bankacılık uygulaması yaparak pratik deneyim kazanma fırsatı bulacaklar. Serinin sonunda öğrenciler web geliştirme konusunda sağlam bir anlayışa sahip olacaklar. Program, JavaScript, HTML ve CSS’nin temellerini, ayrıca günümüz web geliştiricileri tarafından kullanılan en yeni araç ve teknikleri öğretir. Öğrenciler, yazma oyunu, sanal terrarium, çevre dostu tarayıcı uzantısı, uzay işgalcisi tarzı oyun ve işletmelere yönelik bankacılık uygulaması gibi projeler yaparak uygulamalı deneyim kazanacaklar. Seri sonunda öğrenciler web geliştirme hakkında sağlam bir anlayış kazanacaklar.
> 🎓 Bu müfredatın ilk birkaç dersini Microsoft Learn üzerinden bir [Öğrenme Yolu](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) olarak alabilirsiniz! > 🎓 Bu müfredatın ilk birkaç dersini Microsoft Learn üzerinden bir [Öğrenme Yolu](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) olarak alabilirsiniz!
İçeriğin projelerle uyumlu olmasını sağlayarak süreç öğrenciler için daha ilgi çekici hale getirilir ve kavramların kalıcılığı artırılır. Ayrıca, JavaScript temellerini tanıtmak için birkaç başlangıç dersi yazdık ve “[JavaScript’e Başlayanlar Serisi](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)” video koleksiyonundan bazı videolarla eşleştirdik, bazı yazarlar bu müfredata katkıda bulundu. İçeriğin projelerle uyumlu olmasını sağlayarak süreç öğrenciler için daha ilgi çekici hale gelir ve kavramların akılda kalıcılığı artar. Ayrıca JavaScript temellerini tanıtmak için birkaç başlangıç dersi yazdık; bunlar, bazı yazarları bu müfredata katkıda bulunan "[Başlangıç Serisi: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" video koleksiyonuyla eşleştirildi.
Ek olarak, dersten önce yapılan düşük riskli bir sınav öğrencinin öğrenme niyetini belirlerken, dersten sonra yapılan ikinci sınav ise bilgilerin pekişmesini sağlar. Bu müfredat esnek ve eğlenceli olacak şekilde tasarlanmıştır ve tamamıyla veya parça parça alınabilir. Projeler küçük başlar ve 12 haftalık döngünün sonunda giderek karmaşıklaşır.
Ayrıca, sınıftan önce yapılan düşük riskli bir quiz öğrencinin konu öğrenme niyetini belirlerken, sınıftan sonra yapılan ikinci quiz kalıcılığı sağlar. Bu müfredat esnek ve eğlenceli olacak şekilde tasarlanmıştır ve tamamen veya kısmen alınabilir. Projeler küçük başlar ve 12 haftalık döngünün sonunda giderek daha karmaşık hale gelir. JavaScript çerçeveleri tanıtmayarak web geliştirici olarak temel becerilere odaklanmayı amaçladık; bu yüzden müfredatı tamamladıktan sonra iyi bir sonraki adım başka bir video koleksiyonu olan "[Başlangıç Serisi: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" üzerinden Node.js öğrenmek olabilir.
Amacımız, temel becerilere odaklanmak için JavaScript çerçevelerinden kaçınmak olsa da, bu müfredatı tamamlamak için bir sonraki iyi adım, başka bir video koleksiyonu aracılığıyla Node.js öğrenmek olacaktır: “[Node.js’e Başlayanlar Serisi](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)”. > [Davranış Kurallarımıza](CODE_OF_CONDUCT.md) ve [Katkı Sağlama Rehberimize](CONTRIBUTING.md) göz atın. Yapıcı geri bildirimlerinizi memnuniyetle karşılıyoruz!
> [Davranış Kurallarımız](CODE_OF_CONDUCT.md) ve [Katkıda Bulunma](CONTRIBUTING.md) yönergelerimizi inceleyin. Yapıcı geri bildiriminizi bekliyoruz!
## 🧭 Çevrimdışı erişim ## 🧭 Çevrimdışı erişim
Bu dökümantasyonu çevrimdışı çalıştırmak için [Docsify](https://docsify.js.org/#/) kullanabilirsiniz. Bu repoyu fork edin, yerel bilgisayarınıza [Docsify kurulumunu](https://docsify.js.org/#/quickstart) yapın ve ardından bu repoda kök klasörde `docsify serve` komutunu çalıştırın. Web sitesi localhost’ta 3000 portunda çalışacaktır: `localhost:3000`. Bu dökümantasyonu çevrimdışı olarak [Docsify](https://docsify.js.org/#/) kullanarak çalıştırabilirsiniz. Bu repoyu çatallayın, yerel makinenize [Docsify’ı kurun](https://docsify.js.org/#/quickstart) ve daha sonra bu repoda kök klasörde `docsify serve` yazın. Web sitesi localhost’ta 3000 portunda çalışacaktır: `localhost:3000`.
## 📘 PDF ## 📘 PDF
Tüm derslerin PDF'sine [buradan](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ulaşabilirsiniz. Tüm derslerin PDF’sine [buradan](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ulaşabilirsiniz.
## 🎒 Diğer Kurslar ## 🎒 Diğer Kurslar
Ekibimiz başka kurslar da üretiyor! İnceleyin: Ekibimiz başka kurslar da üretiyor! Göz atın:
<!-- CO-OP TRANSLATOR OTHER COURSES START --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
@ -243,36 +245,36 @@ Ekibimiz başka kurslar da üretiyor! İnceleyin:
[![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) [![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) [![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) [![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)
[![Siber Güvenlik için Başlangıç](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) [![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
[![Yeni Başlayanlar için Web Geliştirme](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) [![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
[![Başlangıç için IoT](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) [![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
[![Yeni Başlayanlar için XR Geliştirme](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) [![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
--- ---
### Copilot Serisi ### Copilot Serisi
[![Copilot AI ile Eşli Programlama İçin](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 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 C#/.NET İçin](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 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 Macerası](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) [![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)
<!-- CO-OP TRANSLATOR OTHER COURSES END --> <!-- CO-OP TRANSLATOR OTHER COURSES END -->
## Yardım Alma ## Yardım Alma
Tıkanırsanız veya AI uygulamaları geliştirme konusunda herhangi bir sorunuz olursa MCP hakkında diğer öğrenenlerle ve deneyimli geliştiricilerle tartışmalara katılın. Soruların hoş karşılandığı ve bilginin özgürce paylaşıldığı destekleyici bir topluluktur. Tıkandığınızda veya AI uygulamaları geliştirmekle ilgili sorularınız olduğunda, MCP hakkında tartışmalara katılın. Soruların memnuniyetle karşılandığı ve bilginin özgürce paylaşıldığı destekleyici bir topluluktur.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Ürün geri bildirimi veya geliştirme sırasında oluşan hatalar için ziyaret edin: Ürün geri bildirimi veya hatalarınız varsa şu adresi ziyaret edin:
[![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) [![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)
## Lisans ## Lisans
Bu depo MIT lisansı ile lisanslanmıştır. Daha fazla bilgi için [LICENSE](../../LICENSE) dosyasına bakınız. Bu depo MIT lisansı altındadır. Daha fazla bilgi için [LICENSE](../../LICENSE) dosyasına bakınız.
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Feragatname**: **Feragatname**:
Bu belge, AI çeviri hizmeti [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluk için çaba göstersek de, otomatik çevirilerin hatalar veya yanlışlıklar içerebileceğini lütfen unutmayın. Orijinal belge, kendi ana dilinde yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi tavsiye edilir. Bu çevirinin kullanılması sonucu ortaya çıkabilecek yanlış anlamalar veya yorum hatalarından sorumlu değiliz. Bu belge, AI çeviri hizmeti [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluk için çaba göstersek de, otomatik çevirilerin hata veya yanlışlık içerebileceğini lütfen unutmayın. Orijinal belge, kendi ana dilinde resmi kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımı sonucunda ortaya çıkabilecek yanlış anlamalar veya yorum hatalarından sorumlu tutulamayız.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->
Write Preview
Loading…
Cancel
Save