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

update-translations
localizeflow[bot] 5 months ago
parent 45bcd9aab3
commit e88ba887d4

@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-04-20T15:48:43+00:00", "translation_date": "2026-04-24T18:14:00+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "pa" "language_code": "pa"
}, },
@ -516,8 +516,8 @@
"language_code": "pa" "language_code": "pa"
}, },
"README.md": { "README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6", "original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-06T16:33:42+00:00", "translation_date": "2026-04-24T18:06:16+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "pa" "language_code": "pa"
}, },
@ -564,8 +564,8 @@
"language_code": "pa" "language_code": "pa"
}, },
"lesson-template/README.md": { "lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355", "original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2025-08-26T00:51:21+00:00", "translation_date": "2026-04-24T18:06:33+00:00",
"source_file": "lesson-template/README.md", "source_file": "lesson-template/README.md",
"language_code": "pa" "language_code": "pa"
}, },

@ -1,282 +1,282 @@
# AGENTS.md # AGENTS.md
## ਪ੍ਰੋਜੈਕਟ ਓਵਰਵਿਊ ## ਪ੍ਰੋਜੈਕਟ ਸਾਰਾਂਸ਼
ਇਹ शुरुआਤੀ ਵੈੱਬ ਵਿੱਕਾਸ਼ ਮੂਲਾਂਕਣ ਸਿਖਾਉਣ ਲਈ ਇੱਕ ਸਿੱਖਣਯੋਗ ਸਿਲੇਬਸ ਰਿਪੋਜ਼ਿਟਰੀ ਹੈ। ਇਹ ਸਿਲੇਬਸ ਮਾਈਕ੍ਰੋਸਾਫਟ ਕਲਾਉਡ ਅਡਵੋਕੇਟਸ ਵੱਲੋਂ ਵਿਕਸੀਤ ਇੱਕ ਸਮੱਗਰੀਤ 12 ਹਫ਼ਤਿਆਂ ਦਾ ਕੋਰਸ ਹੈ, ਜਿਸ ਵਿੱਚ JavaScript, CSS, ਅਤੇ HTML ਦੀਆਂ 24 ਪ੍ਰਯੋਗਸ਼ੀਲ ਲੈਸਨਾਂ ਸ਼ਾਮਲ ਹਨ। ਇਹ ਸ਼ੁਰੂਆਤੀ ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਵੈੱਬ ਵਿਕਾਸ ਦੇ ਮੁਢਲੇ ਤੱਤ ਸਿਖਾਉਣ ਲਈ ਇੱਕ ਸਿੱਖਿਆਮੁਖ ਰੀਪੋਜ਼ਟਰੀ ਹੈ। ਇਹ ਕੋਰਸ ਮਾਈਕ੍ਰੋਸਾਫਟ ਕਲਾਉਡ ਐਡਵੋਕੇਟਸ ਦੁਆਰਾ ਵਿਕਸਤ ਕੀਤੀ ਗਈ 12 ਹਫਤਿਆਂ ਦੀ ਇੱਕ ਵਿਸਤ੍ਰਿਤ ਕੋਰਸ ਹੈ, ਜਿਸ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ, CSS ਅਤੇ HTML ਦੇ 24 ਪ੍ਰਯੋਗਾਤਮਕ ਪਾਠ ਸ਼ਾਮਲ ਹਨ।
### ਮੁੱਖ ਘਟਕ ### ਮੁੱਖ ਹਿੱਸੇ
- **ਸਿੱਖਣਯੋਗ ਸਮੱਗਰੀ**: ਪ੍ਰੋਜੈਕਟ-ਆਧਾਰਿਤ ਮੋਡਿਊਲਾਂ ਵਿੱਚ ਵਿਵਸਥਿਤ 24 ਪਾਠ - **ਸਿੱਖਣੀ ਸਮੱਗਰੀ**: 24 ਸਤੰਰਬੱਧ ਪਾਠ ਜੋ ਪ੍ਰੋਜੈਕਟ ਅਧਾਰਿਤ ਮੋਡਿਊਲਾਂ ਵਿੱਚ ਵੰਡੇ ਹੋਏ ਹਨ
- **ਪ੍ਰਯੋਗਸ਼ੀਲ ਪ੍ਰੋਜੈਕਟ**: ਟੈਰੀਆਰਿਯਮ, ਟਾਈਪਿੰਗ ਗੇਮ, ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ, ਸਪੇਸ ਗੇਮ, ਬੈਂਕਿੰਗ ਐਪ, ਕੋਡ ਐਡੀਟਰ, ਅਤੇ AI ਚੈਟ ਅਸਿਸਟੈਂਟ - **ਪ੍ਰਯੋਗਾਤਮਕ ਪ੍ਰੋਜੈਕਟ**: ਟੈਰੀਰੀਅਮ, ਟਾਈਪਿੰਗ ਗੇਮ, ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਨਸ਼ਨ, ਸਪੇਸ ਗੇਮ, ਬੈਂਕਿੰਗ ਐਪ, ਕੋਡ ਐਡੀਟਰ, ਅਤੇ ਏਆਈ ਚੈਟ ਅਸਿਸਟੈਂਟ
- **ਇੰਟਰਐਕਟਿਵ ਕਵਿਜ਼**: 48 ਕਵਿਜ਼, ਹਰ ਇੱਕ ਵਿੱਚ 3 ਸਵਾਲ (ਪਹਿਲਾਂ/ਬਾਅਦ ਲੈਸਨ ਮੁਲਾਂਕਣ) - **ਇੰਟਰੈਕਟਿਵ ਕੁਇਜ਼**: 48 ਕੁਇਜ਼, ਹਰ ਇੱਕ ਵਿੱਚ 3 ਸਵਾਲ (ਪਹਿਲਾਂ ਅਤੇ ਬਾਅਦ ਦੇ ਪਾਠ ਮੁਅਾਇਨੇ)
- **ਬਹੁ-ਭਾਸ਼ਾ ਸਹਾਇਤਾ**: GitHub Actions ਦੁਆਰਾ 50+ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਆਟੋਮੈਟਿਕ ਅਨੁਵਾਦ - **ਬਹੁ-ਭਾਸ਼ਾ ਸਹਾਇਤਾ**: GitHub Actions ਰਾਹੀਂ 50+ ਭਾਸ਼ਾਵਾਂ ਲਈ ਆਟੋਮੈਟਿਕ ਅਨੁਵਾਦ
- **ਤਕਨੀਕਾਂ**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ) - **ਤਕਨਾਲੋਜੀਆਂ**: HTML, CSS, ਜਾਵਾਸਕ੍ਰਿਪਟ, Vue.js 3, Vite, Node.js, Express, ਪਾਇਥਨ (ਏਆਈ ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ)
### ਵਿਸ਼ੇਸ਼ ਰਚਨ ### ਢਾਂਚ
- ਪਾਠ ਅਧਾਰਿਤ ਸਿੱਖਣਯੋਗ ਰਿਪੋਜ਼ਿਟਰੀ - ਪਾਠਾਂ ਅਧਾਰਿਤ ਸਿਖਿਆਮੁਖ ਰੀਪੋਜ਼ਟਰੀ
- ਹਰ ਪਾਠ ਫੋਲਡਰ README, ਕੋਡ ਉਦਾਹਰਣਾਂ, ਅਤੇ ਸਮਾਧਾਨਾਂ ਨਾਲ ਭਰਪੂਰ - ਹਰ ਪਾਠ ਫੋਲਡਰ ਵਿੱਚ README, ਕੋਡ ਉਦਾਹਰਣਾਂ ਅਤੇ ਹੱਲ ਹੁੰਦੇ ਹਨ
- ਵੱਖ-ਵੱਖ ਡਾਇਰੈਕਟਰੀਆਂ ਵਿੱਚ ਅਲੱਗ ਪ੍ਰੋਜੈਕਟ (quiz-app, ਅਨੇਕ ਪਾਠ ਪ੍ਰੋਜੈਕਟ) - ਖ਼ਾਸ ਪ੍ਰੋਜੈਕਟ ਅਲੱਗ ਫੋਲਡਰਾਂ ਵਿੱਚ (quiz-app, ਵੱਖ-ਵੱਖ ਪਾਠ ਪ੍ਰੋਜੈਕਟ)
- GitHub Actions (co-op-translator) ਨਾਲ ਅਨੁਵਾਦ ਸਿਸਟਮ - GitHub Actions ਵਰਤੋਂ ਕਰ ਕੇ ਅਨੁਵਾਦ ਪ੍ਰਣਾਲੀ (co-op-translator)
- Docsify ਰਾਹੀਂ ਦਸਤਾਵੇਜ਼ ਸੇਵਾ ਅਤੇ PDF ਉਪਲਬਧ - ਡੌਕੂਮੈਂਟੇਸ਼ਨ Docsify ਰਾਹੀਂ ਸੇਵਾ ਅਤੇ PDF ਰੂਪ ਵਿੱਚ ਉਪਲਬਧ
## ਸੈਟਅਪ ਕਮਾਂਡਾਂ ## ਸੈਟਅਪ ਕਮਾਂਡز
ਇਹ ਰਿਪੋਜ਼ਿਟਰੀ ਮੁੱਖ ਤੌਰ ਤੇ ਸਿੱਖਣਯੋਗ ਸਮੱਗਰੀ ਦੇ ਪ੍ਰਯੋਗ ਲਈ ਹੈ। ਨਿਰਧਾਰਿਤ ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ: ਇਹ ਰੀਪੋਜ਼ਟਰੀ ਮੁੱਖ ਤੌਰ 'ਤੇ ਸਿੱਖਣੀ ਸਮੱਗਰੀ ਲਈ ਹੈ। ਵਿਸ਼ੇਸ਼ ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ:
### ਮੁੱਖ ਰਿਪੋਜ਼ਿਟਰੀ ਸੈਟਅਪ ### ਮੁੱਖ ਰੀਪੋਜ਼ਟਰੀ ਸੈਟਅਪ
```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
``` ```
### ਕਵਿਜ਼ ਐਪ ਸੈਟਅਪ (Vue 3 + Vite) ### ਕੁਇਜ਼ ਐਪ ਸੈਟਅਪ (Vue 3 + Vite)
```bash ```bash
cd quiz-app cd quiz-app
npm install npm install
npm run dev # ਵਿਕਾਸ ਸਰਵਰ ਸ਼ੁਰੂ ਕਰੋ npm run dev # ਵਿਕਾਸ ਸਰਵਰ ਚਾਲੂ ਕਰੋ
npm run build # ਉਤਪਾਦਨ ਲਈ ਬਿਲਡ ਕਰੋ npm run build # ਉਤਪਾਦਨ ਲਈ ਬਣਾਓ
npm run lint # ESLint ਚਲਾਓ npm run lint # ESLint ਚਲਾਓ
``` ```
### ਬੈਂਕ ਪਰੋਜੈਕਟ API (Node.js + Express) ### ਬੈਂਕ ਪਰੋਜੈਕਟ API (Node.js + Express)
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm install npm install
npm start # ਏਪੀਆਈ ਸਰਵਰ ਸ਼ੁਰੂ ਕਰੋ npm start # ਏਪੀਆਈ ਸਰਵਰ ਸ਼ੁਰੂ ਕਰੋ
npm run lint # ESLint ਚਲਾਓ npm run lint # ESLint ਚਲਾਓ
npm run format # ਪ੍ਰੀਟੀਅਰ ਨਾਲ ਫਾਰਮੇਟ ਕਰੋ npm run format # Prettier ਨਾਲ ਫਾਰਮੈਟ ਕਰੋ
``` ```
### ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਸ਼ਨ ਪ੍ਰੋਜੈਕਟ ### ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਸ਼ਨ ਪ੍ਰੋਜੈਕਟ
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
npm install npm install
# ਬਰਾਊਜ਼ਰ-ਵਿਸ਼ੇਸ਼ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਕਰਨ ਦੇ ਨਿਰਦੇਸ਼ਾਂ ਦਾ ਪਾਲਣ ਕਰੋ # ਬ੍ਰਾਉਜ਼ਰ-ਖਾਸ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡਿੰਗ ਨਿਰਦੇਸ਼ਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ
``` ```
### ਸਪੇਸ ਗੇਮ ਪ੍ਰੋਜੈਕਟ ### ਸਪੇਸ ਗੇਮ ਪ੍ਰੋਜੈਕਟ
```bash ```bash
cd 6-space-game/solution cd 6-space-game/solution
npm install npm install
# ਇੰਡੈਕਸ.html ਨੂੰ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਖੋਲ੍ਹੋ ਜਾਂ ਲਾਈਵ ਸਰਵਰ ਵਰਤੋਂ # index.html ਨੂੰ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਖੋਲ੍ਹੋ ਜਾਂ ਲਾਈਵ ਸਰਵਰ ਦੀ ਵਰਤੋਂ ਕਰੋ
``` ```
### ਚੈਟ ਪ੍ਰੋਜੈਕਟ (Python ਬੈਕਏਂਡ) ### ਚੈਟ ਪ੍ਰੋਜੈਕਟ (ਪਾਇਥਨ ਬੈਕਇੰਡ)
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
pip install openai pip install openai
# GITHUB_TOKEN ਵਾਤਾਵਰਣ ਚਲ ਬਦਲੋ ਸੈਟ ਕਰੋ # GITHUB_TOKEN ਵਾਤਾਵਰਣ ਚਰ ਵੈਰੀਏਬਲ ਸੈੱਟ ਕਰੋ
python api.py python api.py
``` ```
## ਵਿਕਾਸ ਕਰਮਸ਼ੀਲਤਾ
## ਵਿਕਾਸ ਵਰਕਫਲੋ ### ਸਮੱਗਰੀ ਯੋਗਦਾਨਕਾਰੀਆਂ ਲਈ
### ਸਮੱਗਰੀ ਯੋਗਦਾਨਕਾਰਾਂ ਲਈ
1. ਆਪਣਾ GitHub ਖਾਤਾ ਵਿੱਚ ਰਿਪੋਜ਼ਿਟਰੀ ਨੂੰ ਫੌਰਕ ਕਰੋ 1. ਆਪਣਾ GitHub ਖਾਤਾ ਤੇ ਰੀਪੋਜ਼ਟਰੀ ਫੋਰਕ ਕਰੋ
2. ਲੋ컬ੀ ਆਪਣੇ ਫੌਰਕ ਨੂੰ ਕਲੋਨ ਕਰੋ 2. ਆਪਣੀ ਫੋਰਕ ਕਲੋਨ ਕਰੋ
3. ਆਪਣੇ ਬਦਲਾਅ ਲਈ ਨਵੀਂ ਬ੍ਰਾਂਚ ਬਣਾਓ 3. ਆਪਣੀਆਂ ਤਬਦੀਲੀਆਂ ਲਈ ਨਵਾਂ ਬ੍ਰਾਂਚ ਬਣਾਓ
4. ਪਾਠ ਸਮੱਗਰੀ ਜਾਂ ਕੋਡ ਉਦਾਹਰਣਾਂ ਵਿੱਚ ਬਦਲਾਅ ਕਰੋ 4. ਪਾਠ ਸਮੱਗਰੀ ਜਾਂ ਕੋਡ ਉਦਾਹਰਣਾਂ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਕਰੋ
5. ਸੰਬੰਧਿਤ ਪ੍ਰੋਜੈਕਟ ਡਾਇਰੈਕਟਰੀਆਂ ਵਿੱਚ ਕੋਡ ਬਦਲਾਅ ਦੀ ਜਾਂਚ ਕਰੋ 5. ਸੰਬੰਧਿਤ ਪ੍ਰੋਜੈਕਟ ਫੋਲਡਰਾਂ ਵਿੱਚ ਕੋਈ ਕੋਡ ਤਬਦੀਲੀਆਂ ਟੈਸਟ ਕਰੋ
6. ਯੋਗਦਾਨ ਦਿਓ ਧਿਆਨ ਦਿੰਦੇ ਹੋਏ ਪੂਲ ਰਿਕਵੇਸਟ ਸਬਮਿਟ ਕਰੋਂ 6. ਯੋਗਦਾਨ ਦਿੰਦੇ ਸਮੇਂ ਪੁਲ ਰਿਕਵੇਸਟ ਜਮ੍ਹਾਂ ਕਰੋ
### ਸਿੱਖਣ ਵਾਲਿਆਂ ਲਈ ### ਸਿੱਖਣ ਵਾਲਿਆਂ ਲਈ
1. ਰਿਪੋਜ਼ਿਟਰੀ ਨੂੰ ਫੌਰਕ ਜਾਂ ਕਲੋਨ ਕਰੋ 1. ਰੀਪੋਜ਼ਟਰੀ ਫੋਰਕ ਜਾਂ ਕਲੋਨ ਕਰੋ
2. ਲੈਸਨ ਡਾਇਰੈਕਟਰੀਆਂ ਵਿੱਚ ਕ੍ਰਮਵਾਰ ਜਾਓ 2. ਪਾਠ ਫੋਲਡਰਾਂ ਵਿੱਚ ਲੜੀਵਾਰ ਜਾਓ
3. ਹਰ ਪਾਠ ਲਈ README ਫਾਇਲਾਂ ਪੜ੍ਹੋ 3. ਹਰ ਪਾਠ ਲਈ README ਫਾਈਲਾਂ ਪੜ੍ਹੋ
4. ਪਹਿਲਾਂ ਲੈਸਨ ਬਣਾਉਣ ਵਾਲੇ ਕਵਿਜ਼ ਨੂੰ https://ff-quizzes.netlify.app/web/ ਤੇ ਪੂਰਾ ਕਰੋ 4. https://ff-quizzes.netlify.app/web/ 'ਤੇ ਪਹਿਲਾਂ ਵਾਲੇ ਕੁਇਜ਼ ਪੂਰੇ ਕਰੋ
5. ਪਾਠ ਫੋਲਡਰਾਂ ਵਿੱਚ ਕੋਡ ਉਦਾਹਰਣਾਂ 'ਤੇ ਕੰਮ ਕਰੋ 5. ਪਾਠ ਫੋਲਡਰਾਂ ਵਿੱਚ ਕੋਡ ਉਦਾਹਰਣਾਂ 'ਤੇ ਕੰਮ ਕਰੋ
6. ਅਸਾਇਨਮੈਂਟ ਅਤੇ ਚੈਲੇਂਜ ਪੂਰੇ ਕਰੋ 6. ਅਸਾਈਨਮੈਂਟ ਅਤੇ ਚੈਲੈਂਜ ਪੂਰੇ ਕਰੋ
7. ਬਾਅਦ ਦੇ ਲੈਸਨ ਕਵਿਜ਼ ਲਵੋ 7. ਬਾਅਦ ਵਾਲੇ ਕੁਇਜ਼ ਪੂਰੇ ਕਰੋ
### ਲਾਈਵ ਵਿਕਾਸ ### ਲਾਈਵ ਵਿਕਾਸ
- **ਦਸਤਾਵੇਜ਼**: ਰੂਟ ਵਿੱਚ `docsify serve` ਲਾਓ (ਪੋਰਟ 3000) - **ਡੌਕੂਮੈਂਟੇਸ਼ਨ**: ਰੂਟ ਵਿੱਚ `docsify serve`ਾਓ (ਪੋਰਟ 3000)
- **ਵਿਜ਼ ਐਪ**: `quiz-app` ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ `npm run dev` ਚਲਾਓ - **ੁਇਜ ਐਪ**: quiz-app ਡਿਰੈਕਟਰੀ ਵਿੱਚ `npm run dev` ਚਲਾਓ
- **ਪ੍ਰੋਜੈਕਟਾਂ**: HTML ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ VS Code Live Server ਐਕਸਟੈਂਸ਼ਨ ਵਰਤੋਂ - **ਪ੍ਰੋਜੈਕਟ**: HTML ਪ੍ਰੋਜੈਕਟ ਲਈ VS Code Live Server ਐਕਸਟੈਂਸ਼ਨ ਲਗਾਓ
- **API ਪ੍ਰੋਜੈਕਟ**: ਸੰਬੰਧਿਤ API ਡਾਇਰੈਕਟਰੀਆਂ ਵਿੱਚ `npm start` ਚਲਾਓ - **API ਪ੍ਰੋਜੈਕਟ**: ਸੰਬੰਧਿਤ API ਡਿਰੈਕਟਰੀ ਵਿੱਚ `npm start` ਚਲਾਓ
## ਟੈਸਟਿੰਗ ਨਿਰਦੇਸ਼ ## ਟੈਸਟਿੰਗ ਦਿਸ਼ਾ-निर्दੇਸ਼
### ਕਵਿਜ਼ ਐਪ ਟੈਸਟਿੰਗ ### ਕੁਇਜ਼ ਐਪ ਟੈਸਟਿੰਗ
```bash ```bash
cd quiz-app cd quiz-app
npm run lint # ਕੋਡ ਸਟਾਈਲ ਸਮੱਸਿਆਵਾਂ ਲਈ ਜਾਂਚ ਕਰੋ npm run lint # ਕੋਡ ਸ਼ੈਲੀ ਸਮੱਸਿਆਵਾਂ ਦੀ ਜਾਂਚ ਕਰੋ
npm run build # ਨਿਰਮਾਣ ਸਫਲ ਹੋਣਾ ਪੁਸ਼ਟੀ ਕਰੋ npm run build # ਬਣਤਰ ਸਫਲ ਹੋਣ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ
``` ```
### ਬੈਂਕ API ਟੈਸਟਿੰਗ ### ਬੈਂਕ API ਟੈਸਟਿੰਗ
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # ਕੋਡ ਅੰਦਾਜ਼ ਸਮੱਸਿਆਵਾਂ ਦੀ ਜਾਂਚ ਕਰ npm run lint # ਕੋਡ ਸਟਾਈਲ ਸਮੱਸਿਆਵਾਂ ਲਈ ਜਾਂਚ
node server.js # ਬਿਨਾਂ ਗਲਤੀਆਂ ਦੇ ਸਰਵਰ ਸ਼ੁਰੂ ਹੋਣ ਦੀ ਜਾਂਚ ਕਰੋ node server.js # ਸਰਵਰ ਨੂੰ ਬਿਨਾਂ ਗਲਤੀਆਂ ਦੇ ਚਾਲੂ ਹੋਣ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ
``` ```
### ਆਮ ਟੈਸਟਿੰਗ ਉਪਗ੍ਰਹ
### ਆਮ ਟੈਸਟਿੰਗ ਪਹੁੰਚ - ਇਹ ਸਿੱਖਿਆਮੁਖ ਰੀਪੋਜ਼ਟਰੀ ਵਿੱਚ ਵਿਆਪਕ ਆਟੋਮੈਟਿਕ ਟੈਸਟ ਸ਼ਾਮਲ ਨਹੀਂ ਹਨ
- ਮੈਨੂਅਲ ਟੈਸਟਿੰਗ ਤੇ ਧਿਆਨ ਹੈ:
- ਇਹ ਇੱਕ ਸਿੱਖਣਯੋਗ ਰਿਪੋਜ਼ਿਟਰੀ ਹੈ ਜਿਸ ਵਿੱਚ ਪੂਰਨ ਆਟੋਮੈਟਿਕ ਟੈਸਟ ਨਹੀਂ ਹਨ - ਕੋਡ ਉਦਾਹਰਣ ਗਲਤੀਆਂ ਤੋਂ ਮੁਕਤ ਚੱਲਦੇ ਹਨ
- ਮੈਨੁਅਲ ਟੈਸਟਿੰਗ ‘ਤੇ ਧਿਆਨ: - ਡੌਕੂਮੈਂਟੇਸ਼ਨ ਵਿੱਚ ਲਿੰਕ ਸਹੀ ਕੰਮ ਕਰਦੇ ਹਨ
- ਕੋਡ ਉਦਾਹਰਣਾਂ ਬਿਨਾਂ ਗਲਤੀਆਂ ਚੱਲ ਰਹੇ ਹੋਣ - ਪ੍ਰੋਜੈਕਟ ਸਫਲਤਾਪੂਰਵਕ ਬਿਲਡ ਹੁੰਦੇ ਹਨ
- ਦਸਤਾਵੇਜ਼ਾਂ ਵਿੱਚ ਲਿੰਕ ਠੀਕ ਕੰਮ ਕਰ ਰਹੇ ਹੋਣ - ਉਦਾਹਰਣਾਂ ਨੂੰ ਵਧੀਆ ਅਮਲ ਦੀ ਪਾਲਣਾ ਹੁੰਦੀ ਹੈ
- ਪ੍ਰੋਜੈਕਟ ਬਿਲਡ ਸਫਲਤਾਪੂਰਵਕ ਹੋਣ
- ਉਦਾਹਰਣਾਂ ਵਧੀਆ ਪ੍ਰਥਾਵਾਂ ਦੀ ਪਾਲਣਾ ਕਰ ਰਹੇ ਹੋਣ
### ਪੂਰਵ-ਦਾਖਲਾ ਚੈੱਕ ### ਪਹਿਲਾਂ ਜਮ੍ਹਾਂ ਕਰਨ ਵਾਲੀਆਂ ਜਾਂਚਾਂ
- `package.json` ਵਾਲੇ ਫੋਲਡਰਾਂ ਵਿੱਚ `npm run lint` ਚਲਾਓ - ਜਿੱਥੇ package.json ਹੈ ਉਥੇ `npm run lint` ਚਲਾਓ
- ਮਾਰਕਡਾਊਨ ਲਿੰਕਾਂ ਦੀ ਸੰਪੂਰਨਤਾ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ - ਮਾਰਕਡਾਊਨ ਲਿੰਕ ਦੀ ਸਹੀਤਾ ਚੈੱਕ ਕਰੋ
- ਕੋਡ ਉਦਾਹਰਣ ਬਰਾਉਜ਼ਰ ਜਾਂ Node.js ਵਿੱਚ ਟੈਸਟ ਕਰੋ - ਕੋਡ ਉਦਾਹਰਣਾਂ ਨੂੰ ਬਰਾਉਜ਼ਰ ਜਾਂ Node.js ਵਿੱਚ ਟੈਸਟ ਕਰੋ
- ਅਨੁਵਾਦਾਂ ਦੀ ਸਠਿਕ ਰਚਨਾ ਬਰਕਰਾਰ ਰਹਿੰਦੀ ਹੈ ਜਾਂ ਨਹੀਂ ਚੈੱਕ ਕਰੋ - ਅਨੁਵਾਦ ਕੁਝ ਨੁਕਸਾਨ ਨਾ ਪਹੁੰਚਾਵੇ ਇਹ ਯਕੀਨੀ ਬਣਾਓ
## ਕੋਡ ਸਟਾਈਲ ਨਿਰਦੇਸ਼ ## ਕੋਡ ਸਟਾਈਲ ਦਿਸ਼ਾ-निर्दੇਸ਼
### JavaScript ### JavaScript
- ਆਧੁਨਿਕ ES6+ ਵਾਕਯਾਂ ਨੂੰ ਵਰਤੋਂ - ਆਧੁਨਿਕ ES6+ ਸਿੰਟੈਕਸ ਵਰਤੋਂ
- ਪ੍ਰਾਜੈਕਟਾਂ ਵਿੱਚ ਦਿੱਤੇ ਗਏ ESLint ਵਿਵਸਥਾਪਨ ਦੀ ਪਾਲਣਾ ਕਰੋ - ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਦਿੱਤੇ ਗਏ ESLint ਸੈਟਿੰਗਸ ਦੀ ਪਾਲਣਾ ਕਰੋ
- ਸਿੱਖਣ ਦੀ ਸਪਸ਼ਟਤਾ ਲਈ ਮਾਇਨੇਵਾਲੇ ਵੈਰੀਅਬਲ ਅਤੇ ਫੰਕਸ਼ਨ ਨਾਮ ਵਰਤੋਂ - ਸਿੱਖਿਆ ਲਈ ਮਾਣੇ ਵਾਲੇ ਵੈਰੀਏਬਲ ਅਤੇ ਫੰਕਸ਼ਨ ਨਾਂ ਵਰਤੋਂ
- ਸਿੱਖਣ ਵਾਲਿਆਂ ਲਈ ਧਾਰਨਾ ਸਮਝਾਉਣ ਵਾਲੇ ਟਿੱਪਣੀਆਂ ਜੋੜੋ - ਸਿੱਖਿਅਕਲ ਲਈ ਟਿੱਪਣੀਆਂ ਕਰੋ
- ਜਿੱਥੇ ਲਾਗੂ ਹੋਵੇ ਪ੍ਰੀਟੀਅਰ ਨਾਲ ਫਾਰਮੈਟ ਕਰੋ - ਜਿੱਥੇ ਸੰਭਵ ਪ੍ਰੀਟੀਅਰ ਨਾਲ ਫਾਰਮੈਟ ਕਰੋ
### HTML/CSS ### HTML/CSS
- ਸਮਾਂਤਾਰਕ HTML5 ਤੱਤ - ਅਰਥਪੂਰਨ HTML5 ਤੱਤ
- ਰਿਸਪਾਂਸਿਵ ਡਿਜ਼ਾਇਨ ਨੀਤੀ - ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ ਨੀਤੀਆਂ
- ਸਾਫ਼ ਸਿੱਧੇ ਕਲਾਸ ਨਾਂਮ - ਕਲਾਸ ਨਾਮਕਰਨ ਵਿੱਚ ਸਾਫ਼ ਲੋੜਾਂ
- CSS ਤਕਨੀਕਾਂ ਸਿੱਖਾਉਂਦੀਆਂ ਟਿੱਪਣੀਆਂ - ਉਪਯੋਗਕਤਾਮੁਖ CSS ਤਕਨੀਕਾਂ ਲਈ ਟਿੱਪਣੀਆਂ
### Python ### Python
- PEP 8 ਸਟਾਈਲ ਧਾਰਾਵਾਂ - PEP 8 ਅਨੁਕੂਲਤਾ
- ਸਿੱਖਣ ਲਈ ਸਾਫ਼ ਕੋਡ ਉਦਾਹਰਣ - ਸਿੱਖਣ ਲਈ ਸਾਫ਼ ਉਦਾਹਰਣ
- ਜਿੱਥੇ ਲਾਗੂ ਹੋਵੇ ਟਾਈਪ ਉਹ ਘੁੱਟਨ ਸਮੇਤ - ਸਮਝ ਵਧਾਉਣ ਲਈ ਟਾਈਪ ਹਿੰਟਸ
### ਮਾਰਕਡਾਊਨ ਦਸਤਾਵੇਜ਼ ### Markdown ਡੌਕੂਮੈਂਟੇਸ਼ਨ
- ਸਪਸ਼ਟ ਸਿਰਲੇਖਾਂ ਦੀ ਵਰਕਿਰਤਾ - ਸਪਸ਼ਟ ਸਿਰਲੇਖ ਹਾਇਰਾਰਕੀ
- ਭਾਸ਼ਾ ਨਾਲ ਕੋਡ ਬਲਾਕ - ਭਾਸ਼ਾ ਬਾਰੇ ਜਾਣਕਾਰੀ ਸਮੇਤ ਕੋਡ ਬਲੌਕ
- ਵਾਧੂ ਸਰੋਤਾਂ ਲਈ ਲਿੰਕ - ਵਾਧੂ ਸਾਧਨਾਂ ਲਈ ਲਿੰਕ
- `images/` ਫੋਲਡਰਾਂ ਵਿੱਚ ਸਕ੍ਰੀਨਸ਼ਾਟ ਅਤੇ ਚਿੱਤਰ - `images/` ਡਿਰੈਕਟਰੀ ਵਿੱਚ ਸਕ੍ਰੀਨਸ਼ਾਟ ਅਤੇ ਚਿੱਤਰ
- ਪਹੁੰਚਯੋਗਤਾ ਲਈ ਚਿੱਤਰਾਂ ਦਾ Alt ਟੈਕਸਟ - ਵਰਣਣਾਤਮਕ Alt ਪਾਠ ਚਿੱਤਰ ਲਈ
### ਫਾਲ ਸੰਗਠਨ ### ਫਾਲ ਸੰਗਠਨ
- ਲੈਸਨ ਕ੍ਰਮਵਾਰ ਨੰਬਰਿਤ (1-getting-started-lessons, 2-js-basics, ਆਦਿ) - ਲੜੀਵਾਰ ਨੰਬਰਬੰਦੀ (1-getting-started-lessons, 2-js-basics, ਆਦਿ)
- ਹਰ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ `solution/` ਅਤੇ ਅਕਸਰ `start/` ਜਾਂ `your-work/` ਡਾਇਰੈਕਟਰੀਆਂ - ਹਰ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ `solution/` ਅਤੇ ਅਕਸਰ `start/` ਜਾਂ `your-work/` ਫੋਲਡਰ
- ਪਾਠ-ਵਿਸ਼ੇਸ਼ `images/` ਫੋਲਡਰਾਂ ਵਿੱਚ ਚਿੱਤਰ ਸਟੋਰ ਹੁੰਦੇ ਹਨ - ਪਾਠ-ਵਿਸ਼ੇਸ਼ `images/` ਫੋਲਡਰਾਂ ਵਿੱਚ ਚਿੱਤਰ
- ਤਰਜਮੇ ਨੂੰ `translations/{language-code}/` ਵਿੱਚ ਸੰਗ੍ਰਹਿਤ ਕਰਨਾ - `translations/{language-code}/` ਅਨੁਵਾਦ ਸੰਰਚਨਾ
## ਬਿਲਡ ਅਤੇ ਡਿਪਲੋਇਮੈਂਟ ## ਨਿਰਮਾਣ ਅਤੇ ਤਿਆਰ ਕਰਨਾ
### ਕਵਿਜ਼ ਐਪ ਡਿਪਲੋਇਮੈਂਟ (Azure Static Web Apps) ### ਕੁਇਜ਼ ਐਪ ਤਿਆਰ ਕਰਨਾ (Azure Static Web Apps)
quiz-app ਨੂੰ Azure Static Web Apps ਡਿਪਲੋਇਮੈਂਟ ਲਈ ਸੈਟ ਕੀਤਾ ਗਿਆ ਹੈ: ਕੁਇਜ਼-ਐਪ ਨੂੰ Azure Static Web Apps ਲਈ ਸੰਰਚਿਤ ਕੀਤਾ ਗਿਆ ਹੈ:
```bash ```bash
cd quiz-app cd quiz-app
npm run build # dist/ ਫੋਲਡਰ ਬਣਾਉਂਦਾ ਹੈ npm run build # dist/ ਫੋਲਡਰ ਬਣਾਉਂਦਾ ਹੈ
# ਮੈਨ branch 'ਤੇ push ਕਰਨ 'ਤੇ GitHub Actions ਵਰਕਫਲੋ ਰਾਹੀਂ ਡਿਪਲੌਏਂਡ ਕਰਦਾ ਹੈ # ਮੈਂਨ ਵਿਚ ਧੱਕਣ 'ਤੇ GitHub Actions ਵਰਕਫਲੋ ਰਾਹੀਂ ਤਾਇਨਾਤ ਕਰਦਾ ਹੈ
``` ```
Azure Static Web Apps ਸੰਰਚਨਾ:
- **ਐਪ ਦੀ ਖੇਤਰਫਲ**: `/quiz-app`
- **ਆਉਟਪੁੱਟ ਖੇਤਰ**: `dist`
- **ਵਰਕਫਲੋ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
Azure Static Web Apps ਸੰਰਚਨਾ: ### ਡੌਕੂਮੈਂਟੇਸ਼ਨ PDF ਪੈਦਾ ਕਰਨਾ
- **ਐਪ ਸਥਿਤੀ**: `/quiz-app`
- **ਆਉਟਪੁੱਟ ਸਥਿਤੀ**: `dist`
- **ਵਰਕਫਲੋ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### ਦਸਤਾਵੇਜ਼ PDF ਬਣਾਉਣਾ
```bash ```bash
npm install # docsify-to-pdf ਨੂੰ ਇੰਸਟਾਲ ਕਰੋ npm install # docsify-to-pdf ਨੂੰ ਇੰਸਟਾਲ ਕਰੋ
npm run convert # docs ਤੋਂ PDF ਬਣਾਓ npm run convert # ਡੌਕਸ ਤੋਂ PDF ਬਣਾਓ
``` ```
### Docsify ਦਸਤਾਵੇਜ਼ ### Docsify ਡੌਕੂਮੈਂਟੇਸ਼ਨ
```bash ```bash
npm install -g docsify-cli # ਡੌਕਸਫਾਈ ਨੂੰ ਗਲੋਬਲੀ ਇੰਸਟਾਲ ਕਰੋ npm install -g docsify-cli # ਡੌਕਸਿਫਾਈ ਨੂੰ ਗਲੋਬਲੀ ਇੰਸਟਾਲ ਕਰੋ
docsify serve # ਲੋਕਲਹੋਸਟ:3000 'ਤੇ ਸਰਵ ਕਰੋ docsify serve # ਲੋਕਲਹੋਸਟ:3000 'ਤੇ ਸਰਵ ਕਰੋ
``` ```
### ਪ੍ਰੋਜੈਕਟ-ਵਿਸ਼ੇਸ਼ ਬਿਲਡ ### ਪ੍ਰੋਜੈਕਟ-ਵਿਸ਼ੇਸ਼ ਬਿਲਡ
ਹਰ ਪ੍ਰੋਜੈਕਟ ਡਾਇਰੈਕਟਰੀ ਦਾ ਆਪਣਾ ਬਿਲਡ ਪ੍ਰਕਿਰਿਆ ਹੋ ਸਕਦਾ ਹੈ: ਹਰ ਪ੍ਰੋਜੈਕਟ ਡਿਰੈਕਟਰੀ ਦਾ ਆਪਣਾ ਬਣਾਉਣ ਦਾ ਪ੍ਰਕ੍ਰਿਆ ਹੋ ਸਕਦੀ ਹੈ:
- Vue ਪ੍ਰੋਜੈਕਟ: `npm run build` ਨਾਲ ਉਤਪਾਦਨ ਬੰਨਲ ਬਣਾਓ - Vue ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ: `npm run build` ਪ੍ਰੋਡਕਸ਼ਨ ਬੰਡਲ ਬਣਾਉਂਦਾ ਹੈ
- ਸਟੈਟਿਕ ਪ੍ਰੋਜੈਕਟ: ਕੋਈ ਬਿਲਡ ਨਹੀਂ, ਸਿੱਧੇ ਫਾਇਲਾਂ ਸੇਵਾ ਕਰੋ - ਸਥਿਰ ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ: ਬਣਾਉਣ ਦਾ ਕੋਈ ਕਦਮ ਨਹੀਂ, ਸਿੱਧਾ ਫਾਈਲਾਂ ਸੇਵਾ ਕਰੋ
## ਪੂਲ ਰਿਕਵੇਸਟ ਨਿਯਮ ## ਪੁਲ ਰਿਕਵੇਸਟ ਦਿਸ਼ਾ-निर्दੇਸ਼
### ਸਿਰਲੇਖ ਫਾਰਮੈਟ ### ਸਿਰਲੇਖ ਦਾ ਫਾਰਮੈਟ
ਸਪਸ਼ਟ, ਵਰਣਨਾਤਮਕ ਸਿਰਲੇਖ ਜੋ ਬਦਲਾਅ ਦੇ ਖੇਤਰ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ: ਸਪਸ਼ਟ, ਵਰਣਨਾਤਮਕ ਸਿਰਲੇਖ ਵਰਤੋਂ ਜੋ ਬਦਲਾਅ ਦੇ ਖੇਤਰ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੋਵੇ:
- `[Quiz-app] Add new quiz for lesson X` - `[Quiz-app] ਪਾਠ X ਲਈ ਨਵਾਂ ਕੁਇਜ਼ ਸ਼ਾਮਲ ਕਰੋ`
- `[Lesson-3] Fix typo in terrarium project` - `[Lesson-3] ਟੈਰੀਰੀਅਮ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਟਾਈਪੋ ਠੀਕ ਕਰੋ`
- `[Translation] Add Spanish translation for lesson 5` - `[Translation] ਪਾਠ 5 ਲਈ ਸਪੈਨਿਸ਼ ਅਨੁਵਾਦ ਸ਼ਾਮਲ ਕਰੋ`
- `[Docs] Update setup instructions` - `[Docs] ਸੈਟਅਪ ਨਿਰਦੇਸ਼ਾਂ ਨੂੰ ਅਪਡੇਟ ਕਰੋ`
### ਲੋੜੀਂਦੇ ਚੈੱਕਸ ### ਲਾਜ਼ਮੀ ਜਾਂਚਾਂ
ੂਲ ਰਿਕਵੇਸਟ ਭੇਜਣ ਤੋਂ ਪਹਿਲਾਂ: ੁਲ ਰਿਕਵੇਸਟ ਜਮ੍ਹਾਂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ:
1. **ਕੋਡ ਕੁਆਲਿਟੀ**: 1. **ਕੋਡ ਗੁਣਵੱਤਾ**:
- ਪ੍ਰਭਾਵਿਤ ਪ੍ਰੋਜੈਕਟ ਡਾਇਰੈਕਟਰੀਆਂ ਵਿੱਚ `npm run lint` ਚਲਾਓ - ਪ੍ਰਭਾਵਿਤ ਪ੍ਰੋਜੈਕਟ ਡਿਰੈਕਟਰੀ ਵਿੱਚ `npm run lint` ਚਲਾਓ
- ਸਾਰੇ ਲਿੰਟ ਗਲਤੀਆਂ ਅਤੇ ਚੇਤਾਵਨੀ ਦੂਰ ਕਰੋ - ਸਾਰੇ ਲਿੰਟ ਸੁਝਾਵ ਅਤੇ ਚੇਤਾਵਨੀਆਂ ਠੀਕ ਕਰੋ
2. **ਬਿਲਡ ਪੁਸ਼ਟੀ**: 2. **ਨਿਰਮਾਣ ਪੱਕੇ ਕਰੋ**:
- ਜੇ ਲਾਗੂ ਹੋਵੇ ਤਾਂ `npm run build` ਚਲਾਓ - ਲਾਗੂ ਹੋਣ 'ਤੇ `npm run build` ਚਲਾਓ
- ਕੋਈ ਬਿਲਡ ਗਲਤੀ ਨਹੀਂ ਹੋਣ - ਕੋਈ ਬਣਾਉਣ ਵਾਲੀ ਗਲਤੀ ਨਾ ਹੋਵੇ
3. **ਲਿੰਕ ਵੈਧਤਾ**: 3. **ਲਿੰਕ ਦੀ ਸਹੀਤਾ**:
- ਸਾਰੇ ਮਾਰਕਡਾਊਨ ਲਿੰਕ ਟੈਸਟ ਕਰੋ - ਸਾਰੇ ਮਾਰਕਡਾਊਨ ਲਿੰਕ ਟੈਸਟ ਕਰੋ
- ਚਿੱਤਰ ਸੰਦਰਭਾਂ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ - ਚਿੱਤਰਾਂ ਦੇ ਰੈਫਰੈਂਸ ਕੰਮ ਕਰਦੇ ਹੋਣ
4. **ਸਮੱਗਰੀ ਸਮੀਖਿਆ**: 4. **ਸਮੱਗਰੀ ਸਮੀਖਿਆ**:
- ਸਪੈਲਿੰਗ ਅਤੇ ਵਿਆਕਰਨ ਲਈ ਪ੍ਰੂਫਰੀਡ ਕਰੋ - ਵਿਆਕਰਨ ਅਤੇ ਸਪੈਲਿੰਗ ਦੀ ਜਾਂਚ ਕਰੋ
- ਕੋਡ ਉਦਾਹਰਣ ਸਹੀ ਅਤੇ ਸਿੱਖਣਯੋਗ ਹੋਣ - ਕੋਡ ਉਦਾਹਰਣ ਸਹੀ ਅਤੇ ਸਿੱਖਣਯੋਗ ਹੋਣ
- ਅਨੁਵਾਦਾਂ ਦਾ ਮੂਲ ਅਰਥ ਬਣਿਆ ਰਹੇ ਇਹ ਚੈੱਕ ਕਰੋ - ਅਨੁਵਾਦ ਅਸਲੀ ਅਰਥ ਬਣਾਏ ਰੱਖਣ
### ਯੋਗਦਾਨ ਲੈਣ ਦੀਆਂ ਸ਼ਰਤਾਂ ### ਯੋਗਦਾਨ ਲੈਣ ਦੇ ਨਿਯਮ
- ਮਾਈਕ੍ਰੋਸਾਫਟ CLA (ਸਵੈਚਾਲਿਤ ਜਾਂਚ ਪਹਿਲੀ PR ‘ਤੇ) ਨੂੰ ਮਨਜ਼ੂਰ ਕਰੋ - Microsoft CLA ਨਾਲ ਸਹਿਮਤ ਹੋਵੋ (ਪਹਿਲੀ PR ’ਤੇ ਆਟੋਮੈਟਿਕ ਜਾਂਚ)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ਦੀ ਪਾਲਣਾ ਕਰੋ - [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ਦੀ ਪਾਲਣਾ ਕਰੋ
- ਵਿਸਥਾਰ ਲਈ [CONTRIBUTING.md](./CONTRIBUTING.md) ਵੇਖੋ - ਵਿਸਥਾਰ ਲਈ [CONTRIBUTING.md](./CONTRIBUTING.md) ਵੇਖੋ
- ਜੇ ਲਾਗੂ ਹੋਵੇ ਤਾਂ PR ਵੇਰਵੇ ਵਿੱਚ ਮੁੱਦੇ ਨੰਬਰ ਦਰਜ ਕਰੋ - ਜੇ ਮੌਜੂਦ ਹੋਵੇ ਤਾਂ PR ਵਰਣਨ ਵਿੱਚ ਮਸਲੇ ਦੀ ਸੰਖਿਆ ਦਰਜ ਕਰੋ
### ਸਮੀਖਿਆ ਪ੍ਰਕਿਰਿਆ ### ਸਮੀਖਿਆ ਪ੍ਰਕਿਰਿਆ
- PRs ਨੂੰ ਮੇਂਟੇਨਰਾਂ ਅਤੇ ਕਮਿਊਨਿਟੀ ਵੱਲੋਂ ਸਮੀਖਿਆ ਕੀਤੀ ਜਾਂਦੀ ਹੈ - PRs ਦਾ ਸਮੀਖਿਆਕ ਫਰਨ ਅਤੇ ਸਮੁਦਾਇ ਵੱਲੋਂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ
- ਸਿੱਖਣਯੋਗ ਸਪਸ਼ਟਤਾ ਪ੍ਰਾਥਮਿਕਤਾ ਹੈ - ਸਿੱਖਿਆਮੁਖ ਸਪਸ਼ਟਤਾ ਨੂੰ ਤਰਜੀਹ
- ਕੋਡ ਉਦਾਹਰਣ ਮੌਜੂਦਾ ਵਧੀਆ ਅਭਿਆਸਾਂ ਦੀ ਪਾਲਣਾ ਕਰਨੇ ਚਾਹੀਦੇ ਹਨ - ਕੋਡ ਉਦਾਹਰਨ ਆਧੁਨਿਕ ਸਰਵੋਤਮ ਅਭਿਆਸ ਫਾਲੋ ਕਰਨ
- ਅਨੁਵਾਦਾਂ ਦੀ ਸੁਨਿਸ਼ਚਿਤਤਾ ਅਤੇ ਸਾਂਸਕ੍ਰਿਤਿਕ ਉਚਿਤਤਾ ਲਈ ਸਮੀਖਿਆ - ਅਨੁਵਾਦਾਂ ਦੀ ਸ਼ੁੱਧਤਾ ਅਤੇ ਸਾਂਸਕ੍ਰਿਤਕ ਯੋਗਤਾ ਲਈ ਸਮੀਖਿਆ
## ਅਨੁਵਾਦ ਸਿਸਟਮ ## ਅਨੁਵਾਦ ਪ੍ਰਣਾਲੀ
### ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦ ### ਆਟੋਮੈਟਿਕ ਅਨੁਵਾਦ
- GitHub Actions ਨਾਲ co-op-translator ਵਰਕਫਲੋ ਵਰਤਦਾ ਹੈ - GitHub Actions ਨਾਲ co-op-translator ਵਰਕਫਲੋ ਵਰਤਦਾ ਹੈ
- 50+ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਸਵੈਚਾਲਿਤ ਤੌਰ 'ਤੇ ਅਨੁਵਾਦ ਕਰਦਾ ਹੈ - 50+ ਭਾਸ਼ਾਵਾਂ ਲਈ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦ
- ਸੋ스 ਫਾਇਲਾਂ ਮੁੱਖ ਡਾਇਰੈਕਟਰੀਆਂ ਵਿੱਚ ਹਨ - ਮੁੱਢਲੇ ਡਾਇਰੈਕਟਰੀਆਂ ਵਿੱਚ ਸਰੋਤ ਫਾਈਲਾਂ
- ਅਨੁਵਾਦ ਕੀਤੀਆਂ ਫਾਇਲਾਂ `translations/{language-code}/` ਵਿੱਚ ਹਨ - `translations/{language-code}/` ਵਿੱਚ ਅਨੁਵਾਦ ਫਾਈਲਾਂ
### ਮੈਨੁਅਲ ਅਨੁਵਾਦ ਸੁਧਾਰ ਜੋੜਨਾ ### ਮੈਨੂਅਲ ਅਨੁਵਾਦ ਸੁਧਾਰ ਸ਼ਾਮਲ ਕਰਨਾ
1. `translations/{language-code}/` ਵਿੱਚ ਫਾਇਲ ਲੱਭੋ 1. `translations/{language-code}/` ਵਿੱਚ ਫਾਈਲ ਲੱਭੋ
2. ਸੰਰਚਨਾ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਦਿਆਂ ਸੁਧਾਰ ਕਰੋ 2. ਸੰਰਚਨਾ ਬਰਕਰਾਰ ਰੱਖਦੇ ਹੋਏ ਸੁਧਾਰ ਕਰੋ
3. ਕੋਡ ਉਦਾਹਰਣ ਕੰਮਕਾਜ਼ ਹੁੰਦੇ ਰਹਿੰਦੇ ਹਨ ਇਹ ਯਕੀਨੀ ਬਣਾਓ 3. ਕੋਡ ਉਦਾਹਰਣ ਕੁਝ ਕੰਮ ਕਰਦੇ ਰਹਿਣ ਇਹ ਯਕੀਨੀ ਬਣਾਓ
4. ਕਿਸੇ ਵੀ ਸਥਾਨਕ ਕਵਿਜ਼ ਸਮੱਗਰੀ ਦੀ ਜਾਂਚ ਕਰੋ 4. ਕੋਈ ਵੀ ਸਥਾਨਕ ਕੁਇਜ਼ ਸਮੱਗਰੀ ਟੈਸਟ ਕਰੋ
### ਅਨੁਵਾਦ ਮੈਟਾ ਡੇਟਾ ### ਅਨੁਵਾਦ ਮੈਟਾਡੇਟਾ
ਅਨੁਵਾਦ ਕੀਤੀਆਂ ਫਾਇਲਾਂ metadata ਹੈੱਡਰ ਸ਼ਾਮਲ ਕਰਦੀਆਂ ਹਨ: ਅਨੁਵਾਦ ਫਾਈਲਾਂ ਵਿੱਚ ਮੈਟਾਡੇਟਾ ਹੈਡਰ ਸ਼ਾਮਲ:
```markdown ```markdown
<!-- <!--
CO_OP_TRANSLATOR_METADATA: CO_OP_TRANSLATOR_METADATA:
@ -288,121 +288,121 @@ CO_OP_TRANSLATOR_METADATA:
} }
--> -->
``` ```
## ਡੀਬੱਗਿੰਗ ਅਤੇ ਸਮੱਸਿਆਵਾਂ ਦਾ ਨਿਵਾਰਣ ## ਡਿਬੱਗਿੰਗ ਅਤੇ ਸਮੱਸਿਆ ਸੂਚਨਾ
### ਆਮ ਸਮੱਸਿਆਵਾਂ ### ਆਮ ਸਮੱਸਿਆਵਾਂ
**ਕਵਿਜ਼ ਐਪ ਸ਼ੁਰੂ ਨਹੀਂ ਹੁੰਦਾ**: **ਕੁਇਜ਼ ਐਪ ਸ਼ੁਰੂ ਨਹੀਂ ਹੁੰਦਾ**:
- Node.js ਵਰਜਨ ਚੈੱਕ ਕਰੋ (v14+ ਸਿਫਾਰਸ਼ੀ ਹੈ) - Node.js ਵਰਜਦੀ ਜਾਂਚ ਕਰੋ (v14+ ਸਿਫਾਰਸ਼ੀ)
- `node_modules` ਅਤੇ `package-lock.json` ਮਿਟਾਓ, ਫਿਰ `npm install` ਚਲਾਓ - `node_modules` ਅਤੇ `package-lock.json` ਮਿਟਾ ਕੇ `npm install` ਚਲਾਓ
- ਪੋਰਟ ਟਕਰਾਅ ਚੈੱਕ ਕਰੋ (ਮੂਲ: Vite 5173 ਪੋਰਟ ਵਰਤਦਾ ਹੈ) - ਪੋਰਟ ਸੰਘਰਸ਼ ਦੀ ਜਾਂਚ (ਡਿਫੌਲਟ: Vite ਪੋਰਟ 5173 ਵਰਤਦਾ ਹੈ)
**API ਸਰਵਰ ਸ਼ੁਰੂ ਨਹੀਂ ਹੁੰਦਾ**: **API ਸਰਵਰ ਚੱਲਦਾ ਨਹੀਂ**:
- Node.js ਵਰਜਨ ਨਿਰੀਖਣ ਕਰੋ (node >=10) - Node.js ਵਰਜ਼ਨ (node >= 10) ਸਹੀ ਹੋਵੇ ਜਾਂ ਨਾ
- ਜੇ ਪੋਰਟ ਪਹਿਲਾਂ ਹੀ ਵਰਤਿਆ ਜਾ ਰਿਹਾ ਹੈ ਤਾਂ ਚੈੱਕ ਕਰੋ - ਪੋਰਟ ਪਹਿਲਾਂ ਹੀ ਵਰਤਿਆ ਜਾ ਰਿਹਾ ਹੈ ਕਿ ਨਹੀਂ
- ਸਾਰੀਆਂ ਡਿਪੈਂਡੈਂਸੀਜ਼ `npm install` ਨਾਲ ਇੰਸਟਾਲ ਹੋਈਆਂ ਹਨ ਜਾਂ ਨਹੀਂ - ਸਾਰੇ ਡਿਪੈਂਡੈਂਸੀਆਂ `npm install` ਨਾਲ ਇੰਸਟਾਲ ਕੀਤੀਆਂ ਗਈਆਂ ਹਨ
**ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਨਹੀਂ ਹੁੰਦਾ**: **ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਨਸ਼ਨ ਲੋਡ ਨਹੀਂ ਹੁੰਦਾ**:
- manifest.json ਢੰਗ ਨਾਲ ਫਾਰਮੈਟਡ ਹੈ ਜਾਂ ਨਹੀਂ ਜਾਂਚੋ - manifest.json ਠੀਕ ਫਾਰਮੈਟ ਕੀਤਾ ਹੋਇਆ ਹੈ ਜਾਂ ਨਹੀਂ
- ਬਰਾਊਜ਼ਰ ਕਨਸੋਲ ਵਿੱਚ ਗਲਤੀਆਂ ਦੇਖੋ - ਬਰਾਊਜ਼ਰ ਕੰਸੋਲ ਵਿੱਚ ਗਲਤੀਆਂ ਦੀ ਜਾਂਚ
- ਵਰਤੇ ਜਾ ਰਹੇ ਬਰਾਊਜ਼ਰ ਲਈ ਵਿਸ਼ੇਸ਼ ਐਕਸਟੈਂਸ਼ਨ ਇੰਸਟਾਲੇਸ਼ਨ ਅਨੁਸਾਰ ਕੰਮ ਕਰੋ - ਬਰਾਊਜ਼ਰ-ਖ਼ਾਸ ਐਕਸਟੈਨਸ਼ਨ ਇੰਸਟਾਲੇਸ਼ਨ ਹਦਾਇਤਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ
**Python ਚੈਟ ਪ੍ਰੋਜੈਕਟ ਸਮੱਸਿਆਵਾਂ**: **ਪਾਇਥਨ ਚੈਟ ਪ੍ਰੋਜੈਕਟ ਸਮੱਸਿਆਵਾਂ**:
- OpenAI ਪੈਕੇਜ ਇੰਸਟਾਲ ਕਰੋ: `pip install openai` - OpenAI ਪੈਕੇਜ ਇੰਸਟਾਲ ਹੈ: `pip install openai`
- GITHUB_TOKEN ਵਾਤਾਵਰਣ ਚਰ (environment variable) ਸੈੱਟ ਹੈ ਜਾਂ ਨਹੀਂ - GITHUB_TOKEN ਵਾਤਾਵਰਣ ਵੈਰੀਏਬਲ ਸੈੱਟ ਹੈ
- GitHub ਮਾਡਲਜ਼ ਐਕਸੈਸ ਪਰਮਿਸ਼ਨਾਂ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ - GitHub ਮਾਡਲ ਐਕਸੈਸ ਪਰਮੀਸ਼ਨ ਦੀ ਜਾਂਚ ਕਰੋ
**Docsify ਦਸਤਾਵੇਜ਼ ਸੇਵਾ ਨਹੀਂ ਕਰ ਰਿਹਾ**: **Docsify ਡੌਕੂਮੈਂਟ ਸੇਵਾ ਨਹੀਂ ਦੇ ਰਿਹਾ**:
- docsify-cli ਗਲੋਬਲ ਇੰਸਟਾਲ ਕਰੋ: `npm install -g docsify-cli` - docsify-cli ਗਲੋਬਲ ਇੰਸਟਾਲ ਕਰੋ: `npm install -g docsify-cli`
- ਰਿਪੋਜ਼ਿਟਰੀ ਰੂਟ ਡਾਇਰੈਕਟਰੀ ਤੋਂ ਚਲਾਓ - ਰੀਪੋਜ਼ਟਰੀ ਦੇ Root ਡਾਇਰੈਕਟਰੀ ਤੋਂ ਚਲਾਓ
- `docs/_sidebar.md` ਮੌਜੂਦ ਹੈ ਜਾਂ ਨਹੀਂ ਜਾਂਚੋ - `docs/_sidebar.md` ਮੌਜੂਦ ਹੋਵੇ ਇਹ ਯਕੀਨੀ ਬਣਾਓ
### ਵਿਕਾਸ ਵਾਤਾਵਰਣ ਟਿਪਸ ### ਵਿਕਾਸ ਵਾਤਾਵਰਨ ਸੁਝਾਵ
- HTML ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ VS Code ਵਿੱਚ Live Server ਐਕਸਟੈਂਸ਼ਨ ਵਰਤੋਂ - HTML ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ VS Code Live Server ਐਕਸਟੈਂਸ਼ਨ ਵਰਤੋਂ
- ESLint ਅਤੇ Prettier ਐਕਸਟੈਂਸ਼ਨਾਂ ਨੂੰ ਅਨੁਕੂਲ ਫਾਰਮੈਟਿੰਗ ਲਈ ਇੰਸਟਾਲ ਕਰੋ - ESLint ਅਤੇ Prettier ਐਕਸਟੈਂਸ਼ਨ ਸਥਾਪਤ ਕਰੋ
- ਜਾਵਾਸਕ੍ਰਿਪਟ ਲਈ ਬਰਾਊਜ਼ਰ ਡਿਵੈਲਪਰ ਟੂਲਜ਼ ਵਰਤੋਂ - ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਿਬੱਗਿੰਗ ਲਈ ਬਰਾਊਜ਼ਰ DevTools ਵਰਤੋਂ
- Vue ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ Vue DevTools ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਇੰਸਟਾਲ ਕਰੋ - Vue ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ Vue DevTools ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਜਮ੍ਹਾ ਕਰੋ
### ਪ੍ਰਦਰਸ਼ਨ ਦੀਆਂ ਗੱਲਾਂ ### ਪ੍ਰਦਰਸ਼ਨ ਜ਼ਰੂਰੀਆਤ
- ਵੱਡੀ ਗਿਣਤੀ ਵਿੱਚ ਅਨੁਵਾਦਤ ਫਾਇਲਾਂ (50+ ਭਾਸ਼ਾਵਾਂ) ਦੀ ਵਜੇ ਨਾਲ ਪੂਰੇ ਕਲੋਨ ਵੱਡੇ ਹਨ - ਬਹੁਤ ਸਾਰੇ ਅਨੁਵਾਦ (50+ ਭਾਸ਼ਾਵਾਂ) ਨਾਲ ਫੁੱਲ ਕਲੋਨ ਵੱਡਾ ਹੁੰਦਾ ਹੈ
- ਕੇਵਲ ਸਮੱਗਰੀ 'ਤੇ ਕੰਮ ਕਰ ਰਹੇ ਹੋ ਤਾਂ shallow clone ਵਰਤੋਂ: `git clone --depth 1` - ਸਿਰਫ ਸਮੱਗਰੀ 'ਤੇ ਕੰਮ ਕਰਨ ਲਈ ਸ਼ੈਲੋ ਕਲੋਨ ਵਰਤੋਂ: `git clone --depth 1`
- ਅੰਗਰੇਜ਼ੀ ਸਮੱਗਰੀ ’ਤੇ ਕੰਮ ਕਰਦਿਆਂ ਅਨੁਵਾਦਾਂ ਨੂੰ ਖੋਜ ਤੋਂ ਬਾਹਰ ਰੱਖੋ - ਅਨੁਵਾਦਾਂ ਨੂੰ ਇੰਗਲਿਸ਼ ਸਮੱਗਰੀ ਵੇਲੇ ਖੋਜ ਤੋਂ ਬਾਹਰ ਰੱਖੋ
- ਪਹਿਲੀ ਵਾਰੀ npm install ਅਤੇ Vite build ਦੇ ਕਾਰਨ ਬਿਲਡ ਪ੍ਰਕਿਰਿਆ ਧੀਮੀ ਹੋ ਸਕਦੀ ਹੈ - ਪਹਿਲੀ ਵਾਰ npm install ਅਤੇ Vite build ਦੇ ਨਾਲ ਬਿਲਡ ਸਲੋ ਹੋ ਸਕਦਾ ਹੈ
## ਸੁਰੱਖਿਆ ਦੀਆਂ ਗੱਲਾਂ ## ਸੁਰੱਖਿਆ ਬਾਰੇ
### ਵਾਤਾਵਰਣ ਚਰ ### ਵਾਤਾਵਰਣ ਵੈਰੀਏਬਲ
- API ਕੁੰਜੀਆਂ ਕਦੇ ਵੀ ਰਿਪੋਜ਼ਿਟਰੀ ਵਿੱਚ ਕਮਿੱਟ ਨਾ ਕਰੋ - API ਕੁੰਜੀਆਂ ਕਦੇ ਵੀ ਰੀਪੋਜ਼ਟਰੀ ਵਿਚ ਕਮਿੱਟ ਨਾ ਕਰੋ
- `.env` ਫਾਇਲਾਂ ਵਰਤੋ (ਜੋ `.gitignore` ਵਿੱਚ ਹਨ) - `.env` ਫਾਈਲਾਂ ਵਰਤੋਂ (ਪਹਿਲਾਂ ਹੀ `.gitignore` ਵਿੱਚ ਹਨ)
- ਲੋੜੀਂਦੇ ਵਾਤਾਵਰਣ ਚਰ ਨੂੰ ਪ੍ਰੋਜੈਕਟ README ਫਾਇਲਾਂ ਵਿੱਚ ਦਰਜ ਕਰੋ - ਲੋੜੀਂਦੇ ਵਾਤਾਵਰਣ ਵੈਰੀਏਬਲGORITHੰ ਨੂੰ ਪ੍ਰੋਜੈਕਟ README ਵਿੱਚ ਦਰਜ ਕਰੋ
### Python ਪ੍ਰੋਜੈਕਟ ### ਪਾਇਥਨ ਪ੍ਰੋਜੈਕਟ
- ਵਰਚੁਅਲ ਵਾਤਾਵਰਣ ਵਰਤੋ: `python -m venv venv` - ਵਰਚੁਅਲ ਐਨਵਾਇਰੰਮੈਂਟ ਵਰਤੋਂ: `python -m venv venv`
- ਡਿਪੇਂਡੈਂਸੀਜ਼ ਅਪਡੇਟ ਰੱਖੋ - ਡਿਪੈਂਡੈਂਸੀਆਂ ਅਪਡੇਟ ਰੱਖੋ
- GitHub ਟੋਕੇਨ ਨੂੰ ਘੱਟੋ ਘੱਟ ਲੋੜੀਂਦੇ ਅਧਿਕਾਰਾਂ ਨਾਲ ਵਰਤੋਂ - GitHub ਟੋਕਨ ਨੂਕਤੇ ਘੱਟੋ ਘੱਟ ਲੋੜੀਂਦੇ ਪਰਮੀਸ਼ਨਾਂ ਨਾਲ ਰੱਖੋ
### GitHub ਮਾਡਲ ਐਕਸ ### GitHub ਮਾਡਲ ਐਕਸ
- GitHub ਮਾਡਲਾਂ ਲਈ ਪਰਸਨਲ ਐਕਸੈਸ ਟੋਕੇਨ (PAT) ਲੋੜੀਂਦੇ ਹਨ - GitHub ਮਾਡਲ ਲਈ Personal Access Tokens (PAT) ਲਾਜ਼ਮੀ
- ਟੋਕੇਨ ਵਾਤਾਵਰਣ ਚਰ ਵਜੋਂ ਰੱਖੋ - ਟੋਕਨ ਵਾਤਾਵਰਣ ਵੈਰੀਏਬਲ ਵਜੋਂ ਸੁਰੱਖਿਅਤ ਰੱਖੋ
- ਟੋਕੇਨ ਜਾਂ ਪ੍ਰਮਾਣ ਪੱਤਰ ਕਦੇ ਵੀ ਕਮਿੱਟ ਨਾ ਕਰੋ - ਕਦੇ ਵੀ ਟੋਕਨ ਜਾਂ ਸਨਦ ਨਾ ਕਮਿੱਟ ਕਰੋ
## ਵਧੂ ਨੋਟਸ ## ਵਧੀਕ ਟਿੱਪਣੀਆਂ
### ਲਕੜਾਰਥ ਸੰਗ੍ਰਾਹ ### ਟਾਰਗੇਟ ਦਰਸ਼
- ਵੈੱਬ ਵਿਕਾਸ ਵਿੱਚ ਪੂਰਨ ਸ਼ੁਰੂਆਤੀ - ਵੈੱਬ ਵਿਕਾਸ ਦੇ ਮੁੱਢਲੇ ਸਿੱਖਿਅਕ
- ਵਿਦਿਆਰਥੀ ਅਤੇ ਖੁਦ ਸਿੱਖਣ ਵਾਲੇ - ਵਿਦਿਆਰਥੀ ਅਤੇ ਸਵੈ-ਸਿੱਖਣ ਵਾਲੇ
- ਕਲਾਸਰੂਮਾਂ ਵਿੱਚ ਸਿਲੇਬਸ ਦਾ ਉਪਯੋਗ ਕਰਨ ਵਾਲੇ ਅਧਿਆਪਕ - ਕਲਾਸਰੂਮ ਵਿੱਚ ਇਸ ਕੋਰਸ ਨੂੰ ਵਰਤਣ ਵਾਲੇ ਅਧਿਆਪਕ
- ਸਮੱਗਰੀ ਪਹੁੰਚਯੋਗਤਾ ਅਤੇ ਕਦਮ-ਦਰ-ਕਦਮ ਕੌਸ਼ਲ ਵਿਕਾਸ ਲਈ ਤਿਆਰ ਕੀਤੀ ਗਈ ਹੈ - ਯੋਗਤਾ ਅਨੁਸਾਰ ਸੁਗਮਤਾ ਅਤੇ ਕਦਮ ਬਦ ਕਦਮ ਸਿੱਖਣ ਲਈ ਡਿਜ਼ਾਇਨ ਕੀਤਾ ਮਾਦਾ
### ਸਿੱਖਣ ਦੀ ਦਾਰਸ਼ਨਿਕਤਾ ### ਸਿੱਖਿਆਮੁਖ ਨਜ਼ਰੀਆ
- ਪ੍ਰੋਜੈਕਟ-ਆਧਾਰਿਤ ਸਿੱਖਣ ਦੀ ਪਢ਼ਤਾਲ - ਪ੍ਰੋਜੈਕਟ ਅਧਾਰਿਤ ਸਿੱਖਣ ਦੀ ਪੱਧਤੀ
- ਮੁੜ-ਮੁੜ ਗਿਆਨ ਦੀ ਜਾਂਚ (ਕਵਿਜ਼) - ਨਿਯਮਤ ਗਿਆਨ ਦੇ ਮੁਆਇਨੇ (ਕੁਇਜ਼)
- ਹੱਥ-ਵਿੱਚ ਕੋਡਿੰਗ ਅਭਿਆਸ - ਹੱਥੋਂ-ਹੱਥ ਕੋਡਿੰਗ ਅਭਿਆਸ
- ਅਸਲੀ ਦੁਨੀਆ ਦੇ ਉਦਾਹਰਣ - ਅਸਲੀ ਜ਼ਿੰਦਗੀ ਦੇ ਉਦਾਹਰਣ
- ਫਰੇਮਵਰਕਾਂ ਤੋਂ ਪਹਿਲਾਂ ਬੁਨਿਆਦੀ ਜਾਣਕਾਰੀ ’ਤੇ ਧਿਆਨ - ਫਰੇਮਵਰਕ ਤੋਂ ਪਹਿਲਾਂ ਬੁਨਿਆਦੀ ਗੱਲਾਂ ਤੇ ਧਿਆਨ
### ਰਿਪੋਜ਼ਿਟਰੀ ਦਾ ਸੰਭਾਲ ### ਰੀਪੋਜ਼ਟਰੀ ਦੇਖਭਾਲ
- ਸਿੱਖਣ ਵਾਲਿਆਂ ਅਤੇ ਯੋਗਦਾਨਕਾਰਾਂ ਦੀ ਸਰਗਰਮ ਸਮੁਦਾਇ - ਸਿੱਖਿਅਕ ਅਤੇ ਯੋਗਦਾਨਕਾਰੀਆਂ ਦੀ ਸਰਗਰਮ ਕਮਿਉਨਿਟੀ
- ਡਿਪੈਂਡੈਂਸੀਜ਼ ਅਤੇ ਸਮੱਗਰੀ ਦਾ ਨਿਯਮਤ ਅੱਪਡੇਟ - ਡਿਪੈਂਡੈਂਸੀਅਾਂ ਅਤੇ ਸਮੱਗਰੀ ਦੀ ਨਿਯਮਤ ਅਪਡੇਟ
- ਮੈਨਟੇਨਰਾਂ ਵੱਲੋਂ ਮੁੱਦੇ ਅਤੇ ਗੱਲਬਾਤਨੂੰ ਨਿਗਰਾਨੀ - ਮੈਨਟੇਨਰਾਂ ਵੱਲੋਂ ਮਸਲੇ ਅਤੇ ਚਰਚਾ ਦੀ ਨਿਗਰਾਨੀ
- ਅਨੁਵਾਦਾਂ ਦੇ ਅੱਪਡੇਟ GitHub Actions ਰਾਹੀਂ ਆਟੋਮੈਟਿਕ - GitHub Actions ਨਾਲ ਅਨੁਵਾਦ ਅਪਡੇਟ ਆਟੋਮੈਟਿਕ
### ਸਬੰਧਤ ਸਰੋਤ ### ਸਬੰਧਤ ਸਰੋਤ
- [Microsoft Learn ਮੋਡਿਊਲ](https://docs.microsoft.com/learn/) - [Microsoft Learn ਮਾਪਡੰਡ](https://docs.microsoft.com/learn/)
- [ਵਿਦਿਆਰਥੀ ਹੋਬ ਸਰੋਤ](https://docs.microsoft.com/learn/student-hub/) - [Student Hub ਸਰੋਤ](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ਸਿੱਖਣ ਵਾਲਿਆਂ ਲਈ ਸੁਝਾਇਆ ਗਿਆ - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ਸਿੱਖਣ ਵਾਲਿਆਂ ਲਈ ਸਿਫਾਰਸ਼ੀ
- ਵਾਧੂ ਕੋਰਸ: ਜਨਰੇਟਿਵ AI, ਡੇਟਾ ਸਾਇੰਸ, ML, IoT ਸਿਲੇਬਸ ਉਪਲਬਧ - ਵਧੀਕ ਕੋਰਸ: ਜਨਰੇਟਿਵ ਏਆਈ, ਡੇਟਾ ਸਾਇੰਸ, ML, IoT ਕੋਰਸ ਉਪਲਬਧ
### ਨਿਰਧਾਰਿਤ ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਕੰਮ ### ਖ਼ਾਸ ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਕੰਮ ਕਰਨਾ
ਵਿਸਥਾਰਿਤ ਨਿਰਦੇਸ਼ਾਂ ਲਈ ਹਰੇਕ ਪ੍ਰੋਜੈਕਟ README ਫਾਇਲਾਂ ਨੂੰ ਵੇਖੋ: ਵਿਸ਼ੇਸ਼ ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ ਵਧੇਰੇ ਜਾਣਕਾਰੀ ਹੇਠਾਂ ਦੀਆਂ README ਫਾਈਲਾਂ ਵਿੱਚ:
- `quiz-app/README.md` - Vue 3 ਕਵਿਜ਼ অ্যਪਲੀਕੇਸ਼ਨ - `quiz-app/README.md` - Vue 3 ਕੁਇਜ਼ ਐਪਲੀਕੇਸ਼ਨ
- `7-bank-project/README.md` - ਪ੍ਰਮਾਣਿਕਤਾ ਨਾਲ ਬੈਂਕਿੰਗ ਐਪਲੀਕੇਸ਼ਨ - `7-bank-project/README.md` - ਅਥੇਨਟੀਕੇਸ਼ਨ ਵਾਲੀ ਬੈਂਕਿੰਗ ਐਪ
- `5-browser-extension/README.md` - ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਵਿਕਾਸ - `5-browser-extension/README.md` - ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਨਸ਼ਨ ਵਿਕਾਸ
- `6-space-game/README.md` - ਕੈਨਵਾਸ ਆਧਾਰਤ ਗੇਮ ਵਿਕਾਸ - `6-space-game/README.md` - ਕੈਂਵਸ ਆਧਾਰਿਤ ਖੇਡ ਵਿਕਾਸ
- `9-chat-project/README.md` - AI ਚੈਟ ਅਸਿਸਟੈਂਟ ਪ੍ਰੋਜੈਕਟ - `9-chat-project/README.md` - ਏਆਈ ਚੈਟ ਅਸਿਸਟੈਂਟ ਪ੍ਰੋਜੈਕਟ
### ਮੋਨੋਰੇਪੋ ਸੰਰਚਨ ### ਮੋਨੋਰਿਪੋ ਢਾਂਚ
ਇਹ ਪਾਰੰਪਰਿਕ ਮੋਨੋਰੇਪੋ ਨਹੀਂ ਹੈ ਪਰ ਇਸ ਵਿੱਚ ਬਹੁਤ ਸਾਰੇ ਸੁਤੰਤਰ ਪ੍ਰੋਜੈਕਟ ਹਨ: ਇਹ ਪਾਰੰਪਰਿਕ ਮੋਨੋਰਿਪੋ ਨਹੀਂ ਹੈ, ਪਰ ਐਸਾ ਹੈਰਾਰਕੀ ਹੈ ਜਿੱਥੇ ਕਈ ਸਵਤੰਤਰ ਪ੍ਰੋਜੈਕਟ ਹਨ:
- ਹਰ ਪਾਠ ਖੁਦਮੁਖਤਿਆਰ ਹੈ - ਹਰ ਪਾਠ ਖੁਦਮੁਖਤਿਆਰ ਹੁੰਦਾ ਹ
- ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਸਾਂਝੇ ਡਿਪੈਂਡੈਂਸੀਜ਼ ਨਹੀਂ ਹਨ - ਪ੍ਰੋਜੈਕਟ ਆਪਣੀਆਂ ਡਿਪੈਂਡੈਂਸੀਆਂ ਸਾਂਝੀਆਂ ਨਹੀਂ ਕਰਦੇ
- ਇਕ-ਦੂਜੇ ਉੱਤੇ ਪ੍ਰਭਾਵ ਨਾ ਪਾਉਂਦੇ ਹੋਏ ਵੱਖ-ਵੱਖ ਪ੍ਰੋਜੈਕਟਾਂ ’ਤੇ ਕੰਮ ਕਰੋ - ਇੱਕ ਪ੍ਰੋਜੈਕਟ ’ਤੇ ਕੰਮ ਕਰੋ ਬਿਨਾਂ ਦੂਜੇ ਪ੍ਰਭਾਵਿਤ ਹੋਏ
- ਪੂਰਾ ਸਿਲੇਬਸ ਅਨੁਭਵ ਲਈ ਸਾਰੀ ਰਿਪੋ ਕਲੋਨ ਕਰੋ - ਪੂਰੇ ਕੋਰਸ ਦੇ ਅਨੁਭਵ ਲਈ ਪੂਰਾ ਰੀਪੋਜ਼ਟਰੀ ਕਲੋਨ ਕਰੋ
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ਅਸਵੀਕਾਰੋpetition**: **ਡਿਸਕਲੇਮਰ**:
ਸ ਦਸਤਾਵੇਜ਼ ਦਾ ਅਨੁਵਾਦ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਨਾਲ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸ਼ੁੱਧਤਾ ਲਈ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਰੱਖੋ ਕਿ ਸਵਚਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੰਸ਼ੋਧਿਤੀਆਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਇਸ ਦਾ ਮੂਲ ਦਸਤਾਵੇਜ਼ ਆਪਣੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਇਸਦਾ ਪ੍ਰਮਾਣਿਕ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਣ ਜਾਣਕਾਰੀ ਲਈ ਵਿਸ਼ੇਸ਼ਗੀ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫ਼ਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਅਸੀਂ ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਉਪਜਣ ਵਾਲੀਆਂ ਕਿਸੇ ਵੀ ਗਲਤਫ਼ਹਮੀ ਜਾਂ ਗਲਤ ਵਿਵਿਚਾਰ ਲਈ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ। ਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਨਾਲ ਅਨੁਵਾਦਿਤ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀਤਾ ਲਈ ਯਤਨ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਵਿੱਚ ਰੱਖੋ ਕਿ ਸਵਚਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸਮਰਥਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਆਪਣੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਪ੍ਰਮਾਣਿਤ ਸਰੋਤ ਵਜੋਂ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਸਿਫਾਰਸ਼ੀ ਹੈ। ਅਸੀਂ ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਕਾਰਨ ਹੋਣ ਵਾਲੀਆਂ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀਆਂ ਜਾਂ ਗਲਤ ਅਰਥ ਲਗਾਅ ਲਈ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -10,212 +10,210 @@
[![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)
# ਬਿਗਿਨਰਜ਼ ਲਈ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ - ਇਕ ਸਿਲੇਬਸ # ਬੇਗ਼ਿਨਰਜ਼ ਲਈ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ - ਇਕ ਸਿਲੇਬਸ
ਮਾਇਕ੍ਰੋਸੌਫਟ ਕਲਾਉਡ ਅਡਵੋਕੇਟਸ ਵੱਲੋਂ ਸਾਡੇ 12 ਹਫਤਿਆਂ ਦੇ ਵਿਸਥਾਰਪੂਰਨ ਕੋਰਸ ਨਾਲ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਮੂਲ ਸਿਧਾਂਤ ਸਿੱਖੋ। 24 ਪਾਠਾਂ ਵਿੱਚੋਂ ਹਰ ਇੱਕ ਹਥਿਆਰ-ਵਿੱਚ-ਪ੍ਰੋਜੈਕਟਾਂ ਜਿਵੇਂ ਕਿ ਟੈਰੇਰੀਅਮ, ਬ੍ਰਾਊਜ਼ਰ ਵਿਸ਼ਤਾਰ ਅਤੇ ਅੰਤਰਿਕਸ਼ ਖੇਡਾਂ ਰਾਹੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ, CSS ਅਤੇ HTML ਨੂੰ ਪਰਖਦਾ ਹੈ। ਕਵਿਜ਼, ਚਰਚਾ ਅਤੇ ਪ੍ਰਯੋਗਕਾਰੀ ਕਾਰਜਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ। ਸਾਡੇ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਪ੍ਰੋਜੈਕਟ-ਅਧਾਰਤ ਪੇਡਾਗੋਜੀ ਨਾਲ ਆਪਣੀਆਂ ਕੌਸ਼ਲਾਂ ਨੂੰ ਬਿਹਤਰ ਬਨਾਓ ਅਤੇ ਆਪਣੀ ਗਿਆਨ ਸਥਾਈਤਾ ਨੂੰ ਸਧਾਰੋ। ਆਪਣੀ ਕੋਡਿੰਗ ਯਾਤਰਾ ਅੱਜ ਹੀ ਸ਼ੁਰੂ ਕਰੋ! ਸਾਡੇ 12-ਹਫ਼ਤੇ ਦੇ ਵਿਸਤ੍ਰਿਤ ਕੋਰਸ ਨਾਲ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਮੁੱਢਲੇ ਸਿਧਾਂਤ ਸਿੱਖੋ ਜੋ ਮਾਈਕਰੋਸਾਫਟ ਕਲਾਊਡ ਐਡਵੋਕੇਟਸ ਵਲੋਂ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ। 24 ਪਾਠਾਂ ਵਿੱਚੋਂ ਹਰ ਇੱਕ ਜਾਵਾਸਕ੍ਰਿਪਟ, ਸੀਐੱਸਐਸ ਅਤੇ ਐਚ.ਟੀ.ਐਮ.ਐਲ ਨੂੰ ਟੇਰਰੀਰੀਅਮਜ਼, ਬਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨਜ਼ ਅਤੇ ਸਪੇਸ ਗੇਮਜ਼ ਵਰਗੇ ਹੱਥ-ਵਰਤੇ ਪ੍ਰੋਜੈਕਟਾਂ ਰਾਹੀਂ ਸਮਝਾਉਂਦਾ ਹੈ। ਕੁਇਜ਼, ਚਰਚਾਂ ਅਤੇ ਪ੍ਰਯੋਗਕਾਰੀ ਅਸਾਈਨਮੈਂਟਾਂ ਵਿੱਚ ਹੈਸਾ ਲਵੋ। ਸਾਡੀ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਪ੍ਰੋਜੈਕਟ-ਅਧਾਰਿਤ ਪੇਡਾਗੋਗੀ ਨਾਲ ਆਪਣੀਆਂ ਕੌਸ਼ਲਾਂ ਨੂੰ ਵਧਾਓ ਅਤੇ ਆਪਣੀ ਜਾਣਕਾਰੀ ਨੂੰ ਸੁਧਾਰੋ। ਅੱਜ ਹੀ ਆਪਣੇ ਕੋਡਿੰਗ ਯਾਤਰਾ ਦੀ ਸ਼ੁਰੂਆਤ ਕਰੋ!
ਐਜ਼ਯੂਰ ਏਆਈ ਫਾਊਂਡਰੀ ਡਿਸਕੋਰਡ ਕਮਿਊਨਿਟੀ ਨਾਲ ਜੁੜੋ ਅਜ਼ੁਰ ਏ.ਆਈ. ਫਾਊਂਡਰੀ ਡਿਸਕੋਰਡ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ ਅਤੇ ਮਾਹਿਰਾਂ ਅਤੇ ਹੋਰ ਵਿਕਾਸਕਾਰਾਂ ਨਾਲ ਮਿਲੋ।
[![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)
ਇਹ ਸਾਧਨਾਂ ਦੀ ਵਰਤੋਂ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਇਹ ਕਦਮ ਫੋਲੋ ਕਰੋ: ਇਹ ਸਰੋਤ ਵਰਤਣ ਦੀ ਸ਼ੁਰੂਆਤ ਕਰਨ ਲਈ ਹੇਠ ਲਿਖੇ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ:
1. **ਰਿਪੋਜ਼ਟਰੀ ਫੋਰਕ ਕਰੋ**: [![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. **ਰਿਪੋਜ਼ਟਰੀ ਫੋਰਕ ਕਰੋ**: [![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. **ਰਿਪੋਜ਼ਟਰੀ ਕਲੋਨ ਕਰੋ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **ਰਿਪੋਜ਼ਟਰੀ ਕਲੋਨ ਕਰੋ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**ਐਜ਼ਯੂਰ ਏਆਈ ਫਾਊਂਡਰੀ ਡਿਸਕੋਰਡ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ ਅਤੇ ਮਾਹਿਰਾਂ ਅਤੇ ਸਾਥੀ ਡਿਵੈਲਪਰਾਂ ਨਾਲ ਮਿਲੋ**](https://discord.com/invite/ByRwuEEgH4) 3. [**ਅਜ਼ੁਰ ਏ.ਆਈ. ਫਾਊਂਡਰੀ ਡਿਸਕੋਰਡ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ ਅਤੇ ਮਾਹਿਰਾਂ ਅਤੇ ਹੋਰ ਵਿਕਾਸਕਾਰਾਂ ਨਾਲ ਮਿਲੋ**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 ਬਹੁ-ਭਾਸ਼ਾਈ ਸਹਾਇਤਾ ### 🌐 ਬਹੁ-ਭਾਸ਼ਾ ਸਮਰਥਨ
#### GitHub ਐਕਸ਼ਨ ਰਾਹੀਂ ਸਹਾਇਤਾ (ਆਟੋਮੇਟਿਕ ਅਤੇ ਸਦਾ ਅੱਪ-ਟੂ-ਡੇਟ) #### GitHub Action ਰਾਹੀਂ ਸਮਰਥਤ (ਸਵਚਾਲਿਤ ਅਤੇ ਸਦਾ ਅੱਪ-ਟੂ-ਡੇਟ)
<!-- 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) | [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)](./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) [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)](./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)
> **ਕੀ ਤੁਸੀਂ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਕਲੋਨ ਕਰਨਾ ਪ੍ਰਾਥਮਿਕ ਕਰਦੇ ਹੋ?** > **ਕੀ ਤੁਸੀਂ ਇਸਨੂੰ ਲੋਕਲੀ ਕਲੋਨ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ?**
> >
> ਇਸ ਰਿਪੋਜ਼ਟਰੀ ਵਿੱਚ 50+ ਭਾਸ਼ਾਈ ਅਨੁਵਾਦ ਸ਼ਾਮਲ ਹਨ ਜੋ ਡਾਊਨਲੋਡ ਦੇ ਆਕਾਰ ਨੂੰ ਕਾਫੀ ਵਧਾਉਂਦੇ ਹਨ। ਅਨੁਵਾਦਾਂ ਦੇ ਬਿਨਾ ਕਲੋਨ ਕਰਨ ਲਈ, ਸਪਾਰਸ ਚੈਕਆਊਟ ਦੀ ਵਰਤੋਂ ਕਰੋ: > ਇਸ ਰਿਪੋਜ਼ਟਰੀ ਵਿੱਚ 50+ ਭਾਸ਼ਾ ਅਨੁਵਾਦ ਹਨ ਜੋ ਡਾਊਨਲੋਡ ਦਾ ਆਕਾਰ ਵੱਡਾ ਕਰਦੇ ਹਨ। ਬਿਨਾਂ ਅਨੁਵਾਦਾਂ ਦੇ ਕਲੋਨ ਕਰਨ ਲਈ ਸਪਾਰਸ ਚੈੱਕਆਊਟ ਵਰਤੋ:
> >
> **Bash / macOS / Linux:** > **ਬੈਸ਼ / ਮੈਕਓਐਸ / ਲਿਨਕਸ:**
> ```bash > ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners > cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ``` > ```
> >
> **CMD (Windows):** > **CMD (ਵਿੰਡੋਜ਼):**
> ```cmd > ```cmd
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners > cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ``` > ```
> >
> ਇਹ ਤੁਹਾਨੂੰ ਕੋਰਸ ਪੂਰਾ ਕਰਨ ਲਈ ਸਭ ਕੁਝ ਤੇਜ਼ੀ ਨਾਲ ਡਾਊਨਲੋਡ ਕਰਕੇ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ > ਇਸ ਤਰ੍ਾਂ ਤੁਹਾਨੂੰ ਕੋਰਸ ਪੂਰਾ ਕਰਨ ਲਈ ਸਾਰਾ ਕੁਝ ਤੇਜ਼ ਡਾਊਨਲੋਡ ਮਿਲੇਗਾ
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**ਜੇ ਤੁਸੀਂ ਹੋਰ ਅਨੁਵਾਦ ਭਾਸ਼ਾਵਾਂ ਦੀ ਸਹਾਇਤਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਉਹ [ਇੱਥੇ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ਦਿੱਤੀ ਗਈ ਹੈ** **ਜੇ ਤੁਸੀਂ ਹੋਰ ਅਨੁਵਾਦ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਸਮਰਥਿਤ ਭਾਸ਼ਾਵਾਂ ਇੱਥੇ ਲਿਸਟ ਕੀਤੀਆਂ ਹਨ। [ਇੱਥੇ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) [![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)
#### 🧑‍🎓 _ਕੀ ਤੁਸੀਂ ਵਿਦਿਆਰਥੀ ਹੋ?_ #### 🧑‍🎓 _ਕੀ ਤੁਸੀਂ ਵਿਦਿਆਰਥੀ ਹੋ?_
[**ਸਟੂਡੈਂਟ ਹੱਬ ਪੇਜ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ਤੇ ਜਾਓ ਜਿੱਥੇ ਤੁਸੀਂ ਬਿਗਿਨਰ ਰਿਸੋਰਸਜ਼, ਸਟੂਡੈਂਟ ਪੈਕਸ ਅਤੇ ਇੱਕ ਮੁਫ਼ਤ ਸਰਟੀਫਿਕੇਟ ਵਾਊਚਰ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਤਰੀਕੇ ਵੀ ਲੱਭੋਗੇ। ਇਹ ਉਹ ਪੇਜ ਹੈ ਜਿਸਨੂੰ ਤੁਸੀਂ ਆਪਣੇ ਬੁੱਕਮਾਰਕ ਵਿੱਚ ਰੱਖਣਾ ਚਾਹੁੰਦੇ ਹੋ ਅਤੇ ਮਹੀਨਾਵਾਰ ਸਮੱਗਰੀ ਬਦਲਦੇ ਸਮੇਂ ਤੁਹਾਡੇ ਲਈ ਜ਼ਰੂਰੀ ਹੈ। [**ਸਟੂਡੈਂਟ ਹੱਬ ਪੇਜ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) 'ਤੇ ਜਾਓ ਜਿੱਥੇ ਤੁਹਾਨੂੰ ਬੇਗਿਨਰ ਸਰੋਤ, ਸਟੂਡੈਂਟ ਪੈਕ ਅਤੇ ਮੁਫ਼ਤ ਸਰਟੀਫਿਕੇਟ ਵਾਊਚਰ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਤਰੀਕੇ ਮਿਲਣਗੇ। ਇਹ ਪੇਜ ਤੁਹਾਨੂੰ ਬੁੱਕਮਾਰਕ ਕਰਨੀ ਚاهيਦੀ ਹੈ ਅਤੇ ਸਮੇਂ-ਸਮੇਂ ਤੇ ਜਾਂਚਣੀ ਚਾਹੀਦੀ ਹੈ ਕਿਉਂਕਿ ਹਰ ਮਹੀਨੇ ਸਮੱਗਰੀ ਬਦਲੀ ਜਾਂਦੀ ਹੈ।
### 📣 ਐਲਾਨ - ਨਵੇਂ GitHub ਕੋਪਾਇਲਟ ਏਜੰਟ ਮੋਡ ਚੈਲੰਜ ਮੁਕੰਮਲ ਕਰਨ ਲਈ! ### 📣 ਐਲਾਨ - ਨਵੇਂ GitHub Copilot ਏਜੰਟ ਮੋਡ ਚੈਲੇਂਜ ਪੂਰੇ ਕਰੋ!
ਨਵਾਂ ਚੈਲੰਜ ਜੋੜਿਆ ਗਿਆ ਹੈ, ਬਹੁਤ ਸਾਰੇ ਅਧਿਆਆਾਂ ਵਿੱਚ "GitHub Copilot Agent Challenge 🚀" ਲੱਭੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ GitHub Copilot ਅਤੇ ਏਜੰਟ ਮੋਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪੂਰਾ ਕਰਨ ਲਈ ਇੱਕ ਨਵਾਂ ਚੈਲੰਜ ਹੈ। ਜੇ ਤੁਸੀਂ ਪਹਿਲਾਂ ਕਦੇ ਏਜੰਟ ਮੋਡ ਦੀ ਵਰਤੋਂ ਨਹੀ ਕਿਤੀ ਤਾਂ ਇਹ ਕੇਵਲ ਲਿਖਤ ਹੀ ਨਹੀਂ ਬਣਾਉਂਦਾ, ਬਲਕਿ ਫਾਈਲਾਂ ਬਣਾਉਣ ਅਤੇ ਸੰਪਾਦਨ, ਕਮਾਂਡ ਚਲਾਉਣ ਅਤੇ ਹੋਰ ਵੀ ਕਰ ਸਕਦਾ ਹੈ। ਨਵਾਂ ਚੈਲੇਂਜ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਜ਼ਿਆਦਾਤਰ ਅਧਿਆਯਾਂ ਵਿੱਚ "GitHub Copilot Agent Challenge 🚀" ਵੇਖੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ ਇੱਕ ਨਵਾਂ ਚੈਲੇਂਜ ਹੈ ਜੋ ਤੁਸੀਂ GitHub Copilot ਅਤੇ Agent ਮੋਡ ਦਾ ਉਪਯੋਗ ਕਰਕੇ ਪੂਰਾ ਕਰ ਸਕਦੇ ਹੋ। ਜੇ ਤੁਸੀਂ ਪਹਿਲਾਂ Agent ਮੋਡ ਵਰਤਿਆ ਨਹੀਂ ਹੈ ਤਾਂ ਇਹ ਸਿਰਫ਼ ਲਿਖਤ ਹੀ ਨਹੀਂ ਬਣਾਉਂਦਾ ਪਰ ਫਾਇਲਾਂ ਬਣਾਉਂਦਾ, ਸੋਧਦਾ ਅਤੇ ਕਮਾਂਡਾਂ ਚਲਾ ਸਕਦਾ ਹੈ।
### 📣 ਐਲਾਨ - _ਜਨਰੇਟਿਵ ਏਆਈ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਨਵਾਂ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ_ ### 📣 ਐਲਾਨ - _ਜਨਰੇਟਿਵ AI ਦੀ ਵਰਤੋਂ ਨਾਲ ਨਵਾਂ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ_
ਨਵਾਂ ਏਆਈ ਅਸਿਸਟੈਂਟ ਪ੍ਰੋਜੈਕਟ ਜੋੜਿਆ ਗਿਆ ਹੈ, ਇਸਨੂੰ ਵੇਖੋ [ਪ੍ਰੋਜੈਕਟ](./9-chat-project/README.md) ਨਵਾਂ AI ਸਹਾਇਕ ਪ੍ਰੋਜੈਕਟ ਹਾਲ ਹੀ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ, ਇਸ ਨੂੰ ਦੇਖੋ [ਪ੍ਰੋਜੈਕਟ](./9-chat-project/README.md)
### 📣 ਐਲਾਨ - _ਜਨਰੇਟਿਵ ਏਆਈ ਲਈ ਨਵਾਂ ਸਿਲੇਬਸ_ ਜਾਵਾਸਕ੍ਰਿਪਟ ਲਈ ਹੁਣ ਜਾਰੀ ਹੋਇਆ ### 📣 ਐਲਾਨ - _ਜਨਰੇਟਿਵ AI ਲਈ ਜਾਵਾਸਕ੍ਰਿਪਟ ਉਪਰ ਨਵਾਂ ਸਿਲੇਬਸ ਜਾਰੀ ਹੋਇਆ ਹੈ_
ਸਾਡੇ ਨਵੇਂ ਜਨਰੇਟਿਵ ਏਆਈ ਸਿਲੇਬਸ ਨੂੰ ਨਾ ਗਵਾਓ! ਸਾਡੇ ਨਵੇਂ ਜਨਰੇਟਿਵ AI ਸਿਲੇਬਸ ਨੂੰ ਨਾ ਗਵਾਓ!
ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਜਾਓ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! ਆਰੰਭ ਕਰਨ ਲਈ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 'ਤੇ ਜਾਓ!
![Background](../../translated_images/pa/background.148a8d43afde5730.webp) ![Background](../../translated_images/pa/background.148a8d43afde5730.webp)
- ਬੇਸਿਕ ਤੋਂ ਲੈ ਕੇ RAG ਤੱਕ ਸਾਰਿਆਂ ਵਿਸ਼ਿਆਂ ਤੇ ਪਾਠ। - ਮੁੱਢਲੇ ਤੋਂ ਲੈ ਕੇ RAG ਤੱਕ ਸਾਰੇ ਪਾਠ
- ਜਨਏਆਈ ਅਤੇ ਸਾਡੇ ਸਾਥੀ ਐਪ ਨਾਲ ਇਤਿਹਾਸਕ ਪ੍ਰਸਿੱਧੀਆਂ ਨਾਲ ਗੱਲਬਾਤ ਕਰੋ। - ਜਨਰੇਟਿਵ AI ਅਤੇ ਸਾਡੇ ਸਾਥੀ ਐਪ ਨਾਲ ਇਤਿਹਾਸਕ ਪਾਤਰਾਂ ਨਾਲ ਸੰਵਾਦ ਕਰੋ
- ਮਜ਼ੇਦਾਰ ਅਤੇ ਮਨੋਰੰਜਕ ਕਹਾਣੀ, ਤੁਸੀਂ ਸਮੇਂ ਦੀ ਯਾਤਰਾ ਕਰ ਰਹੇ ਹੋ! - ਮਜ਼ੇਦਾਰ ਅਤੇ ਰੋਚਕ ਕਥਾ, ਤੁਸੀਂ ਸਮੇਂ ਦੀ ਯਾਤਰਾ ਕਰ ਰਹੇ ਹੋਵੋਗੇ!
![character](../../translated_images/pa/character.5c0dd8e067ffd693.webp) ![character](../../translated_images/pa/character.5c0dd8e067ffd693.webp)
ਹਰ ਪਾਠ ਵਿੱਚ ਇੱਕ ਅਸਾਈਨਮੈਂਟ, ਗਿਆਨ ਚੈੱਕ ਅਤੇ ਇੱਕ ਚੈਲੰਜ ਸ਼ਾਮਲ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਹੇਠਾਂ ਦਿੱਤੇ ਵਿਸ਼ਿਆਂ ਵਿੱਚ ਸਿੱਖਣ ਲਈ ਮਦਦ ਕਰਦਾ ਹੈ: ਹਰ ਪਾਠ ਵਿੱਚ ਅਸਾਈਨਮੈਂਟ, ਗਿਆਨ ਜਾਂਚ ਅਤੇ ਚੈਲੇਂਜ ਸ਼ਾਮਲ ਹੁੰਦਾ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਸਿੱਖਣ ਵਾਲੇ ਵਿਸ਼ਿਆਂ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ:
- ਪ੍ਰਾਂਪਟਿੰਗ ਅਤੇ ਪ੍ਰਾਂਪਟ ਇੰਜੀਨੀਅਰਿੰਗ - ਪ੍ਰੌਮਪਟਿੰਗ ਅਤੇ ਪ੍ਰੌਮਪਟ ਇੰਜੀਨੀਅਰਿੰਗ
- ਲਿਖਤ ਅਤੇ ਚਿੱਤਰ ਐਪ ਬਣਾਉਣਾ - ਲਿਖਤ ਅਤੇ ਚਿੱਤਰ ਐਪ ਜਨਰੇਸ਼ਨ
- ਖੋਜ ਐਪ - ਖੋਜ ਐਪ
ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਜਾਓ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! ਆਰੰਭ ਕਰਨ ਲਈ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 'ਤੇ ਜਾਓ!
## 🌱 ਸ਼ੁਰੂਆਤ ## 🌱 ਸ਼ੁਰੂਆਤ
> **ਅਧਿਆਪਕ**, ਅਸੀਂ [ਇਸ ਸਿਲੇਬਸ ਦੀ ਵਰਤੋਂ ਦੇ ਤੱਤਾਂ](for-teachers.md) ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਹੈ। ਸਾਨੂੰ ਤੁਹਾਡਾ ਫੀਡਬੈਕ [ਸਾਡੇ ਚਰਚਾ ਫੋਰਮ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) ਵਿੱਚ ਮਿਲੇਗਾ! > **ਅਧਿਆਪਕ**, ਅਸੀਂ [ਕੁਝ ਸੁਝਾਅ ਸ਼ਾਮਲ ਕੀਤੇ ਹਨ](for-teachers.md) ਕਿ ਇਸ ਸਿਲੇਬਸ ਨੂੰ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ। ਸਾਡੀ ਚਰਚਾ ਫੋਰਮ ਵਿੱਚ ਆਪਣੀ ਪ੍ਰਤੀਕ੍ਰਿਆ ਦਿਓ [ਇੱਥੇ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[ਛਾਤਰ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ਹਰ ਪਾਠ ਲਈ, ਪਹਿਲਾਂ ਪ੍ਰੀ-ਲੈਕਚਰ ਕਵਿਜ਼ ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ ਅਤੇ ਫਿਰ ਲੈਕਚਰ ਸਮੱਗਰੀ ਨੂੰ ਪੜ੍ਹੋ, ਵੱਖ-ਵੱਖ ਕਿਰਿਆਸ਼ੀਲਤਾਵਾਂ ਨੂੰ ਪੂਰਾ ਕਰੋ ਅਤੇ ਪੋਸਟ-ਲੈਕਚਰ ਕਵਿਜ਼ ਨਾਲ ਆਪਣੀ ਸਮਝ ਦੀ ਜਾਂਚ ਕਰੋ। **[ਵਿਦਿਆਰਥੀ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ਹਰ ਪਾਠ ਲਈ, ਪੜ੍ਹਾਈ ਤੋਂ ਪਹਿਲਾਂ ਇੱਕ ਕੁਇਜ਼ ਸੋਲ੍ਹੋ ਅਤੇ ਫਿਰ ਲੈਕਚਰ ਮੈਟੀਰੀਅਲ ਪੜ੍ਹੋ, ਵੱਖਰੇ ਕਾਰਜ ਪੂਰੇ ਕਰੋ ਅਤੇ ਪਾਠ ਦੇ ਬਾਅਦ ਕੁਇਜ਼ ਦੇ ਨਾਲ ਆਪਣੀ ਸਮਝ ਦੀ ਜਾਂਚ ਕਰੋ।
ਆਪਣੇ ਸਿੱਖਣ ਦੇ ਅਨੁਭਵ ਨੂੰ ਵਧਾਉਣ ਲਈ, ਆਪਣੇ ਸਾਥੀਆਂ ਨਾਲ ਪ੍ਰੋਜੈਕਟਾਂ ਉੱਤੇ ਮਿਲ ਕੇ ਕੰਮ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰੋ! ਚਰਚਾ ਸਾਡੇ [ਚਰਚਾ ਫੋਰਮ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ਵਿੱਚ ਉਤਸ਼ਾਹਿਤ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਜਿੱਥੇ ਸਾਡੇ ਮਾਡਰੇਟਰਾਂ ਦੀ ਟੀਮ ਤੁਹਾਡੇ ਪ੍ਰਸ਼ਨਾਂ ਦੇ ਜਵਾਬ ਦੇਣ ਲਈ ਉਪਲਬਧ ਰਹਿੰਦੀ ਹੈ ਆਪਣੇ ਸਿੱਖਣ ਦੇ ਤਜਰਬੇ ਨੂੰ ਵਧਾਉਣ ਲਈ, ਆਪਣੀ ਟੀਮ ਦੇ ਨਾਲ ਮਿਲ ਕੇ ਪ੍ਰੋਜੈਕਟਾਂ ’ਤੇ ਕੰਮ ਕਰੋ! ਸਾਡੀ [ਚਰਚਾ ਫੋਰਮ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ਵਿੱਚ ਚਰਚਾ ਕਰਨੀ ਪ੍ਰੋਤਸਾਹਿਤ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਜਿੱਥੇ ਸਾਡੇ ਮੋਡਰੇਟਰ ਟੀਮ ਤੁਹਾਡੇ ਸਵਾਲਾਂ ਦੇ ਜਵਾਬ ਦੇਣ ਲਈ ਮੌਜੂਦ ਰਹੇਗੀ
ਆਪਣੀ ਸਿੱਖਿਆ ਨੂੰ ਹੋਰ ਅੱਗੇ ਵਧਾਉਣ ਲਈ, ਅਸੀਂ ਸ਼ਿਫਾਰਸ਼ ਕਰਦੇ ਹਾਂ ਕਿ ਤੁਸੀਂ [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ਵਿੱਚ ਹੋਰ ਅਧਿਐਨ ਸਮੱਗਰੀ ਦੀ ਖੋਜ ਕਰੋ। ਹੋਰ ਅਧਿਐਨ ਲਈ, ਅਸੀਂ ਸਿਫਾਰਸ਼ ਕਰਦੇ ਹਾਂ ਕਿ ਤੁਸੀਂ ਵਧੀਆ ਅਧਿਐਨ ਸਮੱਗਰੀ ਲਈ [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ਦਾ ਅਧਿਐਨ ਕਰੋ।
### 📋 ਆਪਣਾ ਵਾਤਾਵਰਣ ਸੈੱਟ ਕਰੋ ### 📋 ਆਪਣਾ ਵਾਤਾਵਰਣ ਸੈਟਅਪ ਕਰਨਾ
ਇਸ ਸਿਲੇਬਸ ਲਈ ਵਿਕਾਸ ਦਾ ਵਾਤਾਵਰਣ ਤਿਆਰ ਹੈ! ਜਦੋਂ ਤੁਸੀਂ ਸ਼ੁਰੂ ਕਰ ਰਹੇ ਹੋ ਤਾਂ ਤੁਸੀਂ ਕੋਰਸ ਨੂੰ ਇੱਕ [Codespace](https://github.com/features/codespaces/) (_ਇੱਕ ਬਰਾਊਜ਼ਰ ਆਧਾਰਿਤ, ਕਿਸੇ ਸਥਾਪਨਾ ਦੀ ਲੋੜ ਨਹੀਂ ਵਾਤਾਵਰਣ_) ਵਿੱਚ ਚਲਾ ਸਕਦੇ ਹੋ, ਜਾਂ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਟੈਕਸਟ ਐਡੀਟਰ ਜਿਵੇਂ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਨਾਲ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਚਲਾ ਸਕਦੇ ਹੋ। ਇਸ ਸਿਲੇਬਸ ਲਈ ਵਿਕਾਸ ਵਾਤਾਵਰਣ ਪਹਿਲਾਂ ਹੀ ਤਿਆਰ ਹੈ! ਜਦੋਂ ਤੁਸੀਂ ਸ਼ੁਰੂ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ [Codespace](https://github.com/features/codespaces/) (_ਇੱਕ ਬਰਾਊਜ਼ਰ-ਅਧਾਰਿਤ, ਬਿਨਾਂ ਇੰਸਟਾਲੇਸ਼ਨ ਵਾਲਾ ਵਾਤਾਵਰਣ_) ਦੌੜਾ ਸਕਦੇ ਹੋ ਜਾਂ ਆਪਣੀ ਮਸ਼ੀਨ 'ਤੇ ਕਿਸੇ ਟੈਕਸਟ ਐਡੀਟਰ ਜਿਵੇਂ ਕਿ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਨਾਲ ਸਥਾਨਕ ਤੌਰ ਤੇ ਚਲਾ ਸਕਦੇ ਹੋ।
#### ਆਪਣੀ ਰਿਪੋਜ਼ਟਰੀ ਬਣਾਓ #### ਆਪਣਾ ਰਿਪੋਜ਼ਟਰੀ ਬਣਾਉਣਾ
ਆਪਣਾ ਕੰਮ ਆਸਾਨੀ ਨਾਲ ਸੇਵ ਕਰਨ ਲਈ, ਸਾਡੇ ਵਲੋਂ ਇਹ ਸੁਝਾਇਆ ਜਾਂਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਇਸ ਰਿਪੋਜ਼ਟਰੀ ਦੀ ਆਪਣੀ ਨਕਲ ਬਣਾਓ। ਇਹ ਕਰਨ ਲਈ, ਸਫ਼ੇ ਦੇ ਸਿਖਰ ਵਿੱਚ ਮੌਜੂਦ **Use this template** ਬਟਨ ਤੇ ਕਲਿਕ ਕਰੋ। ਇਸ ਨਾਲ ਤੁਹਾਡੇ GitHub ਖਾਤੇ ਵਿੱਚ ਇਸ ਕੋਰਸ ਦੀ ਇੱਕ ਨਕਲ ਵਾਲੀ ਨਵੀਂ ਰਿਪੋਜ਼ਟਰੀ ਬਣ ਜਾਵੇਗੀ ਆਪਣੇ ਕੰਮ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਸੰਭਾਲਣ ਲਈ, ਇਹ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਕਿ ਤੁਸੀਂ ਇਸ ਰਿਪੋਜ਼ਟਰੀ ਦੀ ਆਪਣੀ ਕਾਪੀ ਬਣਾਓ। ਤੁਸੀਂ ਪੰਨੇ ਦੇ ਉੱਪਰ "Use this template" ਬਟਨ 'ਤੇ ਕਲਿਕ ਕਰਕੇ ਇਹ ਕਰ ਸਕਦੇ ਹੋ। ਇਹ ਤੁਹਾਡੇ GitHub ਖਾਤੇ ਵਿੱਚ ਸਿਲੇਬਸ ਦੀ ਕਾਪੀ ਦੇ ਨਾਲ ਇੱਕ ਨਵਾਂ ਰਿਪੋਜ਼ਟਰੀ ਬਣਾਏਗਾ
ਹੇਠਾਂ ਦਿੱਤੇ ਕਦਮਾਂ ਦਾ ਪਾਲਣ ਕਰੋ: ਇਹ ਕਦਮ ਪ徧ੋ:
1. **ਰਿਪੋਜ਼ਟਰੀ ਫੋਰਕ ਕਰੋ**: ਇਸ ਪੇਜ ਦੇ ਸੱਜੇ-ਉੱਪਰਲੇ ਕੋਣ 'Fork' ਬਟਨ ਤੇ ਕਲਿਕ ਕਰੋ। 1. **ਰਿਪੋਜ਼ਟਰੀ ਫੋਰਕ ਕਰੋ**: ਇਸ ਪੰਨੇ ਦੇ ਸੱਜੇ-ਉੱਪਰ ਕੋਨੇ ਵਿੱਚ "Fork" ਬਟਨ 'ਤੇ ਕਲਿਕ ਕਰੋ।
2. **ਰਿਪੋਜ਼ਟਰੀ ਕਲੋਨ ਕਰੋ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **ਰਿਪੋਜ਼ਟਰੀ ਕਲੋਨ ਕਰੋ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### ਕੋਡਸਪੇਸ ਵਿੱਚ ਕੋਰਸ ਚਲਾਉਣਾ #### Codespace ਵਿੱਚ ਸਿਲੇਬਸ ਚਲਾਉਣਾ
ਜੋ ਰਿਪੋਜ਼ਟਰੀ ਤੁਸੀਂ ਬਣਾਈ ਹੈ, ਉਸ ਵਿੱਚ **Code** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ **Open with Codespaces** ਚੁਣੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ ਇੱਕ ਨਵਾਂ Codespace ਬਣਾਏਗਾ। ਤੁਹਾਡੇ ਬਣਾਏ ਗਏ ਰਿਪੋਜ਼ਟਰੀ ਕਾਪੀ ਵਿੱਚ, "Code" ਬਟਨ 'ਤੇ ਕਲਿਕ ਕਰੋ ਅਤੇ "Open with Codespaces" ਚੁਣੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ ਇੱਕ ਨਵਾਂ Codespace ਬਣਾਏਗਾ ਜਿਸ ‘ਚ ਕੰਮ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ
![Codespace](../../translated_images/pa/createcodespace.0238bbf4d7a8d955.webp) ![Codespace](../../translated_images/pa/createcodespace.0238bbf4d7a8d955.webp)
#### ਆਪਣੇ ਕੰਪਿਊਟਰ ‘ਤੇ ਸਥਾਨਕ ਤੌਰ ‘ਤੇ ਕੋਰਸ ਚਲਾਉਣਾ #### ਸਥਾਨਕ ਤੌਰ ‘ਤੇ ਸਿਲੇਬਸ ਚਲਾਉਣਾ
ਇਸ ਕੋਰਸ ਨੂੰ ਆਪਣੇ ਕੰਪਿਊਟਰ ‘ਤੇ ਚਲਾਉਣ ਲਈ, ਤੁਹਾਨੂੰ ਇੱਕ ਟੈਕਸਟ ਐਡੀਟਰ, ਇੱਕ ਬਰਾਊਜ਼ਰ ਅਤੇ ਇੱਕ ਕਮਾਂਡ ਲਾਈਨ ਟੂਲ ਦੀ ਲੋੜ ਪਏਗੀ। ਸਾਡਾ ਪਹਿਲਾ ਪਾਠ, [ਟ੍ਰੇਡ ਦੇ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਸੰਦਾਂ ਦਾ ਪਰਿਚਯ](../../1-getting-started-lessons/1-intro-to-programming-languages), ਤੁਹਾਡੇ ਲਈ ਹਰ ਜ਼ਰੂਰੀ ਵਾਪਰ ਅਤੇ ਵਿਕਲਪਾਂ ਨੂੰ ਪਰਤਾਲੇਗਾ ਤਾਂ ਜੋ ਤੁਸੀਂ ਆਪਣੇ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਅਸਲੀ ਟੂਲ ਚੁਣ ਸਕੋ ਆਪਣੀ ਮਸ਼ੀਨ 'ਤੇ ਇਹ ਸਿਲੇਬਸ ਚਲਾਉਣ ਲਈ, ਤੁਹਾਨੂੰ ਇੱਕ ਟੈਕਸਟ ਐਡੀਟਰ, ਇੱਕ ਬਰਾਊਜ਼ਰ ਅਤੇ ਇੱਕ ਕਮਾਂਡ ਲਾਈਨ ਟੂਲ ਦੀ ਲੋੜ ਹੋਵੇਗੀ। ਸਾਡਾ ਪਹਿਲਾ ਪਾਠ, [ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਸੰਦਾਂ ਦਾ ਪਰਚਿਆ](../../1-getting-started-lessons/1-intro-to-programming-languages), ਤੁਹਾਨੂੰ ਇਹਨਾਂ ਵਿੱਚੋਂ ਹਰ ਇੱਕ ਲਈ ਵੱਖ-ਵੱਖ ਵਿਕਲਪ ਦੱਸਕੇ ਤੁਹਾਡੇ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਚੁਣਨ ਵਿੱਚ ਮਦਦ ਕਰੇਗਾ
ਸਾਡੇ ਸੁਝਾਅ ਹੈ ਕਿ ਤੁਸੀਂ ਆਪਣੇ ਐਡੀਟਰ ਵਜੋਂ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਦੀ ਵਰਤੋਂ ਕਰੋ, ਜਿਸ ਵਿੱਚ ਇੱਕ ਬਿਲਟ-ਇਨ [ਟਰਮੀਨਲ](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ਵੀ ਹੁੰਦਾ ਹੈ। ਤੁਸੀਂ Visual Studio Code ਨੂੰ ਇਥੇ ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ: [https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)। ਸਾਡੀ ਸਿਫਾਰਸ਼ ਹੈ ਕਿ ਤੁਸੀਂ ਆਪਣੇ ਐਡੀਟਰ ਵਜੋਂ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਵਰਤੋਂ, ਜਿਸ ਵਿੱਚ ਇੱਕ ਅੰਦਰੂਨੀ [ਟਰਮੀਨਲ](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ਵੀ ਸ਼ਾਮਲ ਹੈ। ਤੁਸੀਂ Visual Studio Code [ਇਥੇ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਤੋਂ ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ
1. ਆਪਣੀ ਰਿਪੋਜ਼ਟਰੀ ਨੂੰ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਕਲੋਨ ਕਰੋ। ਤੁਸੀਂ ਇਹ **Code** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਅਤੇ URL ਨਕਲ ਕਰਕੇ ਕਰ ਸਕਦੇ ਹੋ: 1. ਆਪਣਾ ਰਿਪੋਜੀਟਰੀ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਕਲੋਨ ਕਰੋ। ਤੁਸੀਂ ਇਹ **Code** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਅਤੇ URL ਕਾਪੀ ਕਰਕੇ ਕਰ ਸਕਦੇ ਹੋ:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
ਫਿਰ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਵਿੱਚ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ਖੋਲ੍ਹੋ ਅਤੇ ਹੇਠਾਂ ਦਿੱਤਾ ਕਮਾਂਡ ਚਲਾਓ, `<your-repository-url>` ਨੂੰ ਉਸ URL ਨਾਲ ਬਦਲਦੇ ਹੋਏ ਜੋ ਤੁਸੀਂ ਹਾਲ ਹੀ ਵਿੱਚ ਕਾਪੀ ਕੀਤਾ ਹੈ: ਫਿਰ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਵਿੱਚ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ਖੋਲ੍ਹੋ ਅਤੇ ਹੇਠਾਂ ਦਿੱਤਾ ਕਮਾਂਡ ਚਲਾਓ, ਜਿਸ ਵਿੱਚ `<your-repository-url>` ਨੂੰ ਤੁਸੀਂ ਹੁਣੇ ਕਾਪੀ ਕੀਤਾ URL ਨਾਲ ਬਦਲੋ:
```bash ```bash
git clone <your-repository-url> git clone <your-repository-url>
``` ```
2. ਫੋਲਡਰ ਨੂੰ Visual Studio Code ਵਿੱਚ ਖੋਲ੍ਹੋ। ਤੁਸੀਂ ਇਹ **File** > **Open Folder** 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਅਤੇ ਜੋ ਫੋਲਡਰ ਤੁਸੀਂ ਕਲੋਨ ਕੀਤਾ ਹੈ, ਉਸਨੂੰ ਚੁਣ ਕੇ ਕਰ ਸਕਦੇ ਹੋ। 2. Visual Studio Code ਵਿੱਚ ਫੋਲਡਰ ਖੋਲ੍ਹੋ। ਤੁਸੀਂ ਇਹ **File** > **Open Folder** 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਅਤੇ ਹੁਣੇ ਕਲੋਨ ਕੀਤਾ ਫੋਲਡਰ ਚੁਣ ਕੇ ਕਰ ਸਕਦੇ ਹੋ।
> ਸਿਫਾਰਸ਼ੀ Visual Studio Code ਐਕਸਟੇਂਸ਼ਨ: > ਸਿਫਾਰਸ਼ੀ Visual Studio Code ਐਕਸਟੈਨਸ਼ਨਜ਼:
> >
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ਵਿੱਚ HTML ਪੇਜ ਦੇਖਣ ਲਈ > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ਵਿੱਚ HTML ਪੇਜ਼ਾਂ ਦਾ ਪ੍ਰੀਵਿਊ ਕਰਨ ਲਈ
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ਤੁਹਾਨੂੰ ਜ਼ਿਆਦਾ ਤੇਜ਼ੀ ਨਾਲ ਕੋਡ ਲਿਖਣ ਵਿੱਚ ਮਦਦ ਲਈ > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ਤੁਹਾਨੂੰ ਤੇਜ਼ੀ ਨਾਲ ਕੋਡ ਲਿਖਣ ਵਿੱਚ ਮਦਦ ਕਰਨ ਲਈ
## 📂 ਹਰ ਪਾਠ ਵਿੱਚ ਸ਼ਾਮਲ ਹ: ## 📂 ਹਰ ਪਾਠ ਵਿੱਚ ਸ਼ਾਮਲ ਹ:
- ਵਿਕਲਪਿਕ ਸਕਚਨੋਟ - ਵਿਕਲਪਿਕ ਸਕਚਨੋਟ
- ਵਿਕਲਪਿਕ ਸਹਾਇਕ ਵੀਡੀਓ - ਵਿਕਲਪਿਕ ਸਹਾਇਕ ਵੀਡੀਓ
- ਪਾਠ ਤੋਂ ਪਹਿਲਾਂ ਤਿਆਰੀ ਕਵਿਜ਼ - ਪੂਰਵ-ਪਾਠ ਵਰਮਅੱਪ ਕੁਇਜ਼
- ਲਿਖਿਆ ਹੋਇਆ ਪਾਠ - ਲਿਖਤੀ ਪਾਠ
- ਪ੍ਰੋਜੈਕਟ-ਆਧਾਰਿਤ ਪਾਠਾਂ ਲਈ, ਪ੍ਰੋਜੈਕਟ ਬਣਾਉਣ ਲਈ ਕਦਮ-ਦਰ-कਦਮ ਗਾਈਡਾਂ - ਪ੍ਰੋਜੈਕਟ ਆਧਾਰਿਤ ਪਾਠਾਂ ਲਈ, ਪ੍ਰੋਜੈਕਟ ਬਣਾਉਣ ਲਈ ਕਦਮ-ਦਰ-কਦਮ ਮਾਰਗਦਰਸ਼ਨ
- ਗਿਆਨ ਦੀ ਜਾਂਚਾਂ - ਗਿਆਨ ਦੀ ਜਾਂਚ
- ਇੱਕ ਚੁਣੌਤੀ - ਇੱਕ ਚੈਲنج
- ਸਹਾਇਕ ਪੜ੍ਹਾਈ - ਸਹਾਇਕ ਪਾਠ
- ਅਸਾਈਨਮੈਂਟ - ਕਿਸੇ ਅਸਾਈਨਮੈਂਟ
- [ਾਠ ਬਾਅਦ ਵਾਲਾ ਕਵਿਜ਼](https://ff-quizzes.netlify.app/web/) - [ੋਸਟ-ਪਾਠ ਕੁਇਜ਼](https://ff-quizzes.netlify.app/web/)
> **ਵਿਜ਼ ਬਾਰੇ ਇੱਕ ਨੋਟ**: ਸਾਰੇ ਕਵਿਜ਼ Quiz-app ਫੋਲਡਰ ਵਿੱਚ ਹਨ, ਕੁੱਲ 48 ਕਵਿਜ਼ ਤਿੰਨ ਸਵਾਲਾਂ ਦੇ ਹਨ। ਉਹ ਇੱਥੇ ਉਪਲਬਧ ਹਨ [ਇੱਥੇ](https://ff-quizzes.netlify.app/web/)। ਕਵਿਜ਼ ਐਪ ਨੂੰ ਲੋਕਲ ਚਲਾਇਆ ਜਾ ਸਕਦਾ ਹੈ ਜਾਂ ਐਜ਼ੂਰ 'ਤੇ ਡਿਪਲੌਯ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ; `quiz-app` ਫੋਲਡਰ ਵਿੱਚ ਦੀਆਂ ਹਦਾਇਤਾਂ ਨੂੰ ਫਾਲੋ ਕਰੋ > **ੁਇਜ਼ਾਂ ਬਾਰੇ ਇੱਕ ਨੋਟ**: ਸਾਰੇ ਕੁਇਜ਼ Quiz-app ਫੋਲਡਰ ਵਿੱਚ ਹਨ, ਕੁੱਲ 48 ਕੁਇਜ਼, ਹਰ ਇੱਕ ਵਿੱਚ ਤਿੰਨ ਸਵਾਲ ਹਨ। ਇਹ ਇੱਥੇ ਉਪਲਬਧ ਹਨ [ਇਥੇ](https://ff-quizzes.netlify.app/web/) ਅਤੇ ਕੁਇਜ਼ ਐਪ ਨੂੰ ਲੋਕਲ ਤੌਰ 'ਤੇ ਚਲਾਇਆ ਜਾ ਸਕਦਾ ਹੈ ਜਾਂ Azure ਤੇ ਡਿਪਲੋਇ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ; ਹਦਾਇਤਾਂ `quiz-app` ਫੋਲਡਰ ਵਿੱਚ ਮੌਜੂਦ ਹਨ
## 🗃️ ਪਾਠ ## 🗃️ ਪਾਠ
| | ਪ੍ਰੋਜੈਕਟ ਦਾ ਨਾਮ | ਸਿੱਖਾਏ ਗਏ ਸਿਧਾਂਤ | ਸਿੱਖਣ ਦੇ ਉਦੇਸ਼ | ਲਿੰਕ ਕੀਤਾ ਪਾਠ | ਲੇਖਕ | | | ਪ੍ਰੋਜੈਕਟ ਦਾ ਨਾਮ | ਸਿੱਖੇ ਗਏ ਧਾਰਣਾਵਾਂ | ਸਿੱਖਣ ਦੇ мақਸਦ | ਲਿੰਕਡ ਪਾਠ | ਲੇਖਕ |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | ਸ਼ੁਰੂਆਤ ਕਰਨਾ | ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਅਤੇ ਟੂਲਜ਼ ਦਾ ਪਰਿਚય | ਜ਼ਿਆਦਾਤਰ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਮੂਲ ਸਿਧਾਂਤ ਅਤੇ ਉਹ ਸਾਫਟਵੇਅਰ ਜਿਸ ਨਾਲ ਪੇਸ਼ੇਵਰ ਡਿਵੈਲਪਰ ਆਪਣਾ ਕੰਮ ਕਰਦੇ ਹਨ ਨੂੰ ਸਮਝੋ | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 01 | Getting Started | ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਅਤੇ ਟੂਲਾਂ ਦਾ ਪਰਚਾਰਕ ਤਾਰੂਫ | ਜ਼ਿਆਦਾਤਰ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਮੂਲ ਤੱਤ ਅਤੇ ਸਾਫਟਵੇਅਰ ਦੀ ਜਾਣਕਾਰੀ, ਜੋ ਪੇਸ਼ੇਵਰ ਡਿਵੈਲਪਰਾਂ ਦੀ ਮਦਦ ਕਰਦੇ ਹਨ | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | ਸ਼ੁਰੂਆਤ ਕਰਨਾ | GitHub ਦੇ ਬੁਨਿਆਦੀ, ਟੀਮ ਨਾਲ ਕੰਮ ਕਰਨ ਸਮੇਤ | ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ GitHub ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ, ਇੱਕ ਕੋਡ ਆਧਾਰ 'ਤੇ ਦੂਜਿਆਂ ਨਾਲ ਸਹਿਯੋਗ ਕਿਵੇਂ ਕਰਨਾ ਹੈ | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 02 | Getting Started | GitHub ਦੇ ਬੁਨਿਆਦੀ ਤੱਤ, ਟੀਮ ਨਾਲ ਕੰਮ ਕਰਨ ਸਮੇਤ | ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ GitHub ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ, ਹੋਰਾਂ ਨਾਲ ਸਾਂਝੇਦਾਰੀ ਕਿਵੇਂ ਕੀਤੀ ਜਾਵੇ | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | ਸ਼ੁਰੂਆਤ ਕਰਨਾ | ਐਕਸੈੱਸਬਿਲਿਟੀ | ਵੈੱਬ ਐਕਸੈੱਸਬਿਲਿਟੀ ਦੇ ਮੂਢ ਸਿੱਧਾਂਤ ਸਿੱਖੋ | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | Getting Started | ਸਹੂਲਤਮੰਦਤਾ | ਵੈੱਬ ਉਪਲੱਬਧਤਾਦਾਰਤਾ ਦੇ ਬੁਨਿਆਦੀ ਤੱਤ ਸਿੱਖੋ | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS ਬੁਨਿਆਦੀ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਾਟਾ ਟਾਈਪ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਾਟਾ ਟਾਈਪ ਦੇ ਬੁਨਿਆਦੀ | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | JS Basics | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡੇਟਾ ਕਿਸਮਾਂ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡੇਟਾ ਕਿਸਮਾਂ ਦੇ ਬੁਨਿਆਦੀ ਤੱਤ | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS ਬੁਨਿਆਦੀ | ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ | ਐਪਲੀਕੇਸ਼ਨ ਦੀ ਲੌਜਿਕ ਫਲੋ ਨੂੰ ਪ੍ਰਬੰਧਿਤ ਕਰਨ ਲਈ ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ ਬਾਰੇ ਸਿੱਖੋ | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine ਅਤੇ Christopher | | 05 | JS Basics | ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ | ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਲੋਜਿਕ ਫਲੋ ਨੂੰ ਸੰਭਾਲਨ ਲਈ ਫੰਕਸ਼ਨਾਂ ਅਤੇ ਮੈਥਡਾਂ ਬਾਰੇ ਸਿੱਖੋ | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS ਬੁਨਿਆਦੀ | JS ਨਾਲ ਫੈਸਲੇ ਲੈਣਾ | ਫੈਸਲੇ ਲੈਣ ਦੇ ਤਰੀਕੇ ਵਰਤ ਕੇ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਸ਼ਰਤਾਂ ਕਿਵੇਂ ਬਣਾਉਣੀਆਂ ਹਨ ਸਿੱਖੋ | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | JS Basics | ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਫੈਸਲੇ ਕਰਨਾ | ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਫੈਸਲਾ ਬਣਾਉਣ ਦੀਆਂ ਵਿਧੀਆਂ ਵਰਤ ਕੇ ਸ਼ਰਤਾਂ ਬਣਾਉਣ ਸਿੱਖੋ | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS ਬੁਨਿਆਦੀ | ਐਰੇ ਅਤੇ ਲੂਪ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਐਰੇ ਅਤੇ ਲੂਪ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਡਾਟਾ ਨਾਲ ਕੰਮ ਕਰੋ | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 07 | JS Basics | ਐਰੇ ਅਤੇ ਲੂਪ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਡੇਟਾ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਐਰੇ ਅਤੇ ਲੂਪ ਵਰਤੋਂ | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ਅਮਲੀਅਤ ਵਿੱਚ | ਇੱਕ ਔਨਲਾਈਨ ਟੇਰੀਰੀਅਮ ਬਣਾਉਣ ਲਈ HTML ਤਿਆਰ ਕਰੋ, ਖਾਸ ਤੌਰ 'ਤੇ ਲੇਆਉਟ 'ਤੇ ਧਿਆਨ ਕੇਂਦ੍ਰਿਤ ਕਰਕੇ | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | | 08 | [Terrarium](./3-terrarium/solution/README.md) | ਸਹੀ ਤਰੀਕੇ ਨਾਲ HTML | ਔਨਲਾਈਨ ਟੈਰੀਰਿਯਮ ਬਣਾਉਣ ਲਈ HTML ਦੇਣ ਵਾਲਾ ਕੋਡ ਬਣਾਓ, ਜੋ ਲੇਆਉਟ ਬਣਾਉਣ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਕਰੇ | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ਅਮਲੀਅਤ ਵਿੱਚ | ਔਨਲਾਈਨ ਟੇਰੀਰੀਅਮ ਨੂੰ ਸਜਾਉਣ ਲਈ CSS ਤਿਆਰ ਕਰੋ, CSS ਦੇ ਮੁਢਲੀ ਅਸਲੀਅਤ ਸਮੇਤ ਪੰਨਾ ਰਿਸਪਾਂਸਿਵ ਬਣਾਉਣ 'ਤੇ ਧਿਆਨ ਕੇਂਦ੍ਰਿਤ ਕਰਕੇ | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | | 09 | [Terrarium](./3-terrarium/solution/README.md) | ਸਹੀ ਤਰੀਕੇ ਨਾਲ CSS | ਔਨਲਾਈਨ ਟੈਰੀਰਿਯਮ ਨੂੰ ਸਜਾਉਣ ਲਈ CSS ਬਣਾਓ, CSS ਦੇ ਬੁਨਿਆਦੀ ਤੱਤਾਂ ਸਮੇਤ ਪੇਜ ਨੂੰ ਰਿਸਪਾਂਸਿਵ ਬਣਾਉਣ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਕਰਦੇ ਹੋਏ | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਕਲੋਜ਼ਰ, DOM ਪਰਬੰਧਨ | ਟੇਰੀਰੀਅਮ ਨੂੰ ਡਰੈਗ/ਡ੍ਰਾਪ ਇੰਟਰਫੇਸ ਵਜੋਂ ਕੰਮ ਕਰਨ ਲਈ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬਣਾਓ, ਕਲੋਜ਼ਰ ਅਤੇ DOM ਪਰਬੰਧਨ 'ਤੇ ਧਿਆਨ ਕੇਂਦ੍ਰਿਤ ਕਰਕੇ | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 10 | [Terrarium](./3-terrarium/solution/README.md) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਕਲੋਜ਼ਰ, DOM ਨੂੰ ਬਦਲਣਾ | ਟੈਰੀਰਿਯਮ ਨੂੰ ਡ੍ਰੈਗ/ਡ੍ਰਾਪ ਇੰਟਰਫੇਸ ਵਜੋਂ ਕੰਮ ਕਰਨ ਲਈ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬਣਾਓ, ਕਲੋਜ਼ਰ ਅਤੇ 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) | ਟਾਈਪਿੰਗ ਗੇਮ ਬਣਾਉਣਾ | ਕੀਬੋਰਡ ਇਵੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਆਪਣੀ ਜਾਵਾਸਕ੍ਰਿਪਟ ਐਪ ਦੀ ਲਾਜਿਕ ਚਲਾਉਣਾ ਸਿੱਖੋ | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Typing Game](./4-typing-game/solution/README.md) | ਟਾਈਪਿੰਗ ਗੇਮ ਬਣਾਉਣਾ | ਆਪਣੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਐਪ ਦੀ ਲੋਜਿਕ ਚਲਾਉਣ ਲਈ ਕੀਬੋਰਡ ਘਟਨਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ ਸਿੱਖੋ | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਬਰਾਊਜ਼ਰਾਂ ਨਾਲ ਕੰਮ ਕਰਨਾ | ਬਰਾਊਜ਼ਰ ਕਿਵੇਂ ਕੰਮ ਕਰਦੇ ਹਨ, ਉਹਨਾਂ ਦਾ ਇਤਿਹਾਸ, ਅਤੇ ਇੱਕ ਬਰਾਊਜ਼ਰ ਵਿਸਥਾਰ ਦੇ ਪਹਿਲੇ ਤੱਤਾਂ ਨੂੰ ਕਿਵੇਂ ਤਿਆਰ ਕਰਨਾ ਸਿੱਖੋ | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | | 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਬ੍ਰਾਉਜ਼ਰਾਂ ਨਾਲ ਕੰਮ | ਬ੍ਰਾਉਜ਼ਰ ਕਿਵੇਂ ਕੰਮ ਕਰਦੇ ਹਨ, ਇਤਿਹਾਸ ਅਤੇ ਬ੍ਰਾਉਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਪਹਿਲੇ ਤੱਤਾਂ ਨੂੰ ਤਿਆਰ ਕਰਨਰੇ ਸਿੱਖੋ | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਫਾਰਮ ਬਣਾਉਣਾ, API ਕਾਲ ਕਰਨਾ ਅਤੇ ਲੋਕਲ ਸਟੋਰੇਜ ਵਿੱਚ ਵੇਰੀਏਬਲ ਸੰਭਾਲਣਾ | ਆਪਣੇ ਬਰਾਊਜ਼ਰ ਵਿਸਥਾਰ ਦੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਤੱਤ ਬਣਾਓ ਅਤੇ ਲੋਕਲ ਸਟੋਰੇਜ਼ ਵਿੱਚ ਸੰਭਾਲੇ ਵੇਰੀਏਬਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ API ਕਾਲ ਕਰੋ | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਫਾਰਮ ਬਣਾਉਣਾ, API ਕਾਲ ਕਰਨਾ ਅਤੇ ਸਥਾਨਕ ਸਟੋਰੇਜ ਵਿੱਚ ਵੈਰੀਏਬਲ ਸੰਭਾਲਣਾ | ਆਪਣੇ ਬ੍ਰਾਉਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਤੱਤ ਬਣਾਓ ਜੋ ਇੱਕ API ਕਾਲ ਕਰਨ ਲਈ ਸਥਾਨਕ ਸਟੋਰੇਜ ਵਰਤਦੇ ਹਨ | [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) | ਬਰਾਊਜ਼ਰ ਦੀ ਪਿਛੋਕੜ ਦੀ ਪ੍ਰਕਿਰਿਆਵਾਂ, ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ | ਵਰਸਤਾਰ ਦੇ ਆਈਕਨ ਨੂੰ ਪ੍ਰਬੰਧਿਤ ਕਰਨ ਲਈ ਬਰਾਊਜ਼ਰ ਦੀ ਪਿਛੋਕੜ ਦੀ ਪ੍ਰਕਿਰਿਆਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ; ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ ਬਾਰੇ ਜਾਣੋ ਅਤੇ ਕੁਝOptਮਾਈਜ਼ੇਸ਼ਨ ਬਾਰੇ ਵੀ ਸਿੱਖੋ | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਬੈਕਗ੍ਰਾਊਂਡ ਪਰੋਸੈਸ, ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ | ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਆਇਕਨ ਨੂੰ ਪ੍ਰਬੰਧਿਤ ਕਰਨ ਲਈ ਬ੍ਰਾਉਜ਼ਰ ਦੇ ਬੈਕਗ੍ਰਾਊਂਡ ਤਹਿ ਕਰਮ ਵਰਤੋ; ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ ਅਤੇ ਕੁਝ ਸੁਧਾਰਾਂ ਬਾਰੇ ਜਾਣੋ | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਹੋਰ ਉੱਚ ਪੱਧਰ ਦਾ ਗੇਮ ਵਿਕਾਸ | ਇਨਹੈਰੀਟੈਂਸ ਬਾਰੇ ਜਾਣੋ ਜੋ ਕਲਾਸਾਂ ਅਤੇ ਕੰਪੋਜ਼ੀਸ਼ਨ ਨਾਲ ਵਰਤੀ ਜਾਂਦੀ ਹੈ ਅਤੇ ਪਬ/ਸਬ ਪੈਟਰਨ, ਗੇਮ ਬਣਾਉਣ ਦੀ ਤਿਆਰੀ ਲਈ | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | | 15 | [Space Game](./6-space-game/solution/README.md) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਹੋਰ ਵਿਕਸਿਤ ਗੇਮ ਵਿਕਾਸ | ਕਲਾਸ ਅਤੇ ਕੰਪੋਜ਼ੀਸ਼ਨ ਦੋਹਾਂ ਦੀ ਵਰਤੋਂ ਅਤੇ ਪਬ/ਸਬ ਪੈਟਰਨ ਬਾਰੇ ਜਾਣੋ, ਜੋ ਕਿ ਇੱਕ ਗੇਮ ਬਣਾਉਣ ਦੀ ਤਿਆਰੀ ਵਿੱਚ ਹੈ | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | ਕੈਨਵਸ 'ਤੇ ਡਰਾਇੰਗ | ਕੈਨਵਸ API ਬਾਰੇ ਜਾਣੋ, ਜੋ ਸਕ੍ਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਡਰਾਇ ਕਰਦਾ ਹੈ | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 16 | [Space Game](./6-space-game/solution/README.md) | ਕੈਨਵਸ 'ਤੇ ਡਰਾਇੰਗ | ਕੈਨਵਾਸ API ਬਾਰੇ ਸਿੱਖੋ, ਜੋ ਸਕਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਡਰਾਇ ਕਰਦਾ ਹੈ | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | ਸਕ੍ਰੀਨ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਤੱਤਾਂ ਨੂੰ ਹਿਲਾਉਣਾ | ਦਿਖੋ ਕਿ ਤੱਤ Cartesian ਕੋਆਰਡੀਨੇਟ ਅਤੇ ਕੈਨਵਸ API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕਿਵੇਂ ਮੋਸ਼ਨ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹਨ | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Space Game](./6-space-game/solution/README.md) | ਸਕਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਹਿਲਾਉਣਾ | ਸਿੱਖੋ ਕਿ ਕਿਵੇਂ ਤੱਤ ਕਾਰਟੀਸੀਅਨ ਕੋਆਰਡੀਨੇਟਸ ਅਤੇ ਕੈਨਵਾਸ API ਲਈ ਮੋਸ਼ਨ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹਨ | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | ਟਕਰਾਅ ਦੀ ਪਛਾਣ | ਤੱਤਾਂ ਨੂੰ ਇੱਕ-ਦੂਜੇ ਨਾਲ ਟਕਰਾਉਣ ਅਤੇ ਪ੍ਰਤੀਕਿਰਿਆ ਕਰਨ ਲਈ ਕੀ-ਪ੍ਰੈੱਸ ਦੀ ਵਰਤੋਂ ਕਰੋ ਅਤੇ ਇੱਕ ਕੂਲਡਾਊਨ ਫੰਕਸ਼ਨ ਪ੍ਰਦਾਨ ਕਰੋ ਤਾਂ ਜੋ ਗੇਮ ਦੀ ਕਾਰਗੁਜ਼ਾਰੀ ਯਕੀਨੀ ਹੋ ਜਾਵੇ | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | | 18 | [Space Game](./6-space-game/solution/README.md) | ਟਕਰ ਦੀ ਪਛਾਣ | ਤੱਤਾਂ ਨੂੰ ਦਰਮਿਆਨ ਟੱਕਰ ਅਤੇ ਪਰਤੀਕਿਰਿਆ ਕਰਨ ਲਈ ਬਣਾਓ, ਕੀਪ੍ਰੈੱਸ ਸਹਾਇਤਾ ਨਾਲ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਲਈ ਠੰਡੀ ਸਮੇਂ ਦਾ ਫੰਕਸ਼ਨ ਦਿਓ | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | ਸਕੋਰ ਰੱਖਣਾ | ਗੇਮ ਦੀ ਸਥਿਤੀ ਅਤੇ ਕਾਰਗੁਜ਼ਾਰੀ ਦੇ ਆਧਾਰ 'ਤੇ ਗਣਿਤ ਮੁਕੰਮਲ ਕਰੋ | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | | 19 | [Space Game](./6-space-game/solution/README.md) | ਅੰਕ ਸਟੋਰ ਕਰਨਾ | ਖੇਡ ਦੀ ਸਥਿਤੀ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਦੇ ਅਧਾਰ 'ਤੇ ਗਣਿਤ ਕਰਨਗੇ | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | ਗੇਮ ਦਾ ਅੰਤ ਅਤੇ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨਾ | ਗੇਮ ਖਤਮ ਕਰਨ ਅਤੇ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨ ਬਾਰੇ ਸਿੱਖੋ, ਜਿਸ ਵਿੱਚ ਅਧਾਰਸ਼ਾਂ ਸਾਫ਼ ਕਰਨਾ ਅਤੇ ਵੇਰੀਏਬਲ ਮੁੱਲ ਰੀਸੈੱਟ ਕਰਨਾ ਸ਼ਾਮਲ ਹੈ | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | | 20 | [Space Game](./6-space-game/solution/README.md) | ਖੇਡ ਖਤਮ ਕਰਨਾ ਅਤੇ ਦੁਬਾਰਾ ਸ਼ੁਰੂ ਕਰਨਾ | ਖੇਡ ਖਤਮ ਕਰਨ ਅਤੇ ਦੁਬਾਰਾ ਸ਼ੁਰੂ ਕਰਨ ਬਾਰੇ ਸਿੱਖੋ, ਸਾਥ ਹੀ ਐਸੈਟਸ ਨੂੰ ਸਾਫ਼ ਕਰਨ ਅਤੇ ਵੈਰੀਏਬਲ ਮੁਲਿਆਂ ਨੂੰ ਰੀਸੈਟ ਕਰਨ ਬਾਰੇ | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | ਵੈੱਬ ਐਪ ਵਿੱਚ HTML ਟੈਂਪਲੇਟ ਅਤੇ ਰੂਟ | ਰੂਟਿੰਗ ਅਤੇ HTML ਟੈਂਪਲੇਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬਹੁ-ਪੰਨਾ ਵੈੱਬਸਾਈਟ ਦੀ ਢਾਂਚਾ ਬਣਾਉਣਾ ਸਿੱਖੋ | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | | 21 | [Banking App](./7-bank-project/solution/README.md) | ਵੈੱਬ ਐਪ ਵਿੱਚ HTML ਟੈਂਪਲੇਟ ਅਤੇ ਰੂਟ | ਮਲਟੀਪੇਜ ਵੈੱਬਸਾਈਟ ਦਾ ਡھانਚਾ ਬਣਾਉਣ ਲਈ ਰੂਟਿੰਗ ਅਤੇ HTML ਟੈਂਪਲੇਟ ਦੇ ਜ਼ਰੀਏ ਜਾਨੋ | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | ਲਾਗਇਨ ਅਤੇ ਰਜਿਸਟ੍ਰੇਸ਼ਨ ਫਾਰਮ ਬਣਾਉਣਾ | ਫਾਰਮ ਬਣਾਉਣ ਅਤੇ ਵੈਧਤਾ ਚਲਾਉਣ ਬਾਰੇ ਸਿੱਖੋ | [Forms](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [Banking App](./7-bank-project/solution/README.md) | ਲੌਗਇਨ ਅਤੇ ਰਜਿਸਟਰ ਫਾਰਮ ਬਣਾਉਣਾ | ਫਾਰਮ ਬਣਾਉਣਾ ਅਤੇ ਵੈਧਤਾ ਚੈੱਕ ਕਰਨ ਦੇ ਰੂਟੀਆਂ ਬਾਰੇ ਸਿੱਖੋ | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | ਡਾਟਾ ਲੈਣ ਅਤੇ ਵਰਤਣ ਦੇ ਤਰੀਕੇ | ਤੁਹਾਡੇ ਐਪ ਵਿੱਚ ਡਾਟਾ ਕਿਵੇਂ ਆਉਂਦਾ ਅਤੇ ਜਾਂਦਾ ਹੈ, ਇਸਨੂੰ ਕਿਵੇਂ ਪ੍ਰਾਪਤ ਕਰਨਾ, ਸਟੋਰ ਕਰਨਾ ਅਤੇ ਖਤਮ ਕਰਨਾ ਸਿੱਖੋ | [Data](./7-bank-project/3-data/README.md) | Yohan | | 23 | [Banking App](./7-bank-project/solution/README.md) | ਡੇਟਾ ਪ੍ਰਾਪਤ ਕਰਨ ਅਤੇ ਵਰਤਣ ਦੇ ਤਰੀਕੇ | ਸਮਝੋ ਕਿ ਤੁਹਾਡੇ ਐਪ ਵਿੱਚ ਡੇਟਾ ਕਿਵੇਂ ﬇ਲਦਾ ਹੈ, ਕਿਵੇਂ ਪ੍ਰਾਪਤ ਕਰੋ, ਸਟੋਰ ਕਰੋ ਅਤੇ ਨਿਕਾਸ ਕਰੋ | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | ਸਟੇਟ ਪ੍ਰਬੰਧਨ ਦੇ ਸਿਧਾਂਤ | ਜਾਣੋ ਕਿ ਤੁਹਾਡਾ ਐਪ ਸਟੇਟ ਨੂੰ ਕਿਵੇਂ ਰੱਖਦਾ ਹੈ ਅਤੇ ਪ੍ਰੋਗਰਾਮਾਤਮਕ ਤੌਰ 'ਤੇ ਇਸਦਾ ਪ੍ਰਬੰਧਨ ਕਿਵੇਂ ਕਰਨਾ ਹੈ | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | | 24 | [Banking App](./7-bank-project/solution/README.md) | ਸਟੇਟ ਮੈਨੇਜਮੈਂਟ ਦੇ ਧਾਰਣਾਏਂ | ਸਮਝੋ ਕਿ ਤੁਹਾਡਾ ਐਪ ਸਥਿਤੀ ਕਿਵੇਂ ਰੱਖਦਾ ਹੈ ਅਤੇ ਇਸ ਦੀ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਨਾਲ ਕਿਵੇਂ ਪ੍ਰਬੰਧਨ ਕਰਦੇ ਹਨ | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ਨਾਲ ਕੰਮ ਕਰਨਾ | ਜਾਣੋ ਕਿਵੇਂ ਇੱਕ ਕੋਡ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਹੈ | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [Browser/VScode Code](../../8-code-editor) | VSCode ਨਾਲ ਕੰਮ ਕਰਨਾ | ਇੱਕ ਕੋਡ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI ਨਾਲ ਕੰਮ ਕਰਨਾ | ਆਪਣਾ ਖੁਦ ਦਾ AI ਸਹਾਇਕ ਬਣਾਉਣਾ ਸਿੱਖੋ | [AI Assistant project](./9-chat-project/README.md) | Chris | | 26 | [AI Assistants](./9-chat-project/README.md) | AI ਨਾਲ ਕੰਮ ਕਰਨਾ | ਆਪਣਾ ਖੁਦ ਦਾ AI ਸਹਾਇਕ ਬਣਾਉਣਾ ਸਿੱਖੋ | [AI Assistant project](./9-chat-project/README.md) | Chris |
## 🏫 ਪੈਡਾਗੋਜੀ ## 🏫 ਪੈਡਾਗੋਜੀ
ਸਾਡੇ ਕੋਰਸ ਨੂੰ ਦੋ ਮੁੱਖ ਪੈਡਾਗੋਜੀਕਲ ਸਿਧਾਂਤਾਂ ਦੇ ਧਿਆਨ ਨਾਲ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ: ਸਾਡਾ ਕੋਰਸ ਦੋ ਮੁੱਖ ਪੈਡਾਗੋਗੀ ਸਿਧਾਂਤਾਂ 'ਤੇ ਆਧਾਰਿਤ ਹੈ:
* ਪ੍ਰੋਜੈਕਟ-ਆਧਾਰਿਤ ਸਿੱਖਿਆ * ਪ੍ਰੋਜੈਕਟ ਆਧਾਰਿਤ ਸਿੱਖਣਾ
* ਬਾਰੰਬਾਰ ਕਵਿਜ਼ * ਬਾਰੰਬਾਰ ਕੁਇਜ਼
ਇਹ ਕਾਰਜਕ੍ਰਮ ਜਾਵਾਸਕ੍ਰਿਪਟ, HTML, ਅਤੇ CSS ਦੇ ਮੂਲ ਤੱਤ ਅਤੇ ਅੱਜ ਦੇ ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਵੱਲੋਂ ਇਸਤੇਮਾਲ ਹੋਣ ਵਾਲੇ ਤਾਜ਼ਾ ਟੂਲ ਅਤੇ ਤਕਨੀਕਾਂ ਸਿੱਖਾਉਂਦਾ ਹੈ। ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਹੱਥ-ਮੇਂਹਦੇ ਤਜਰਬਾ ਪ੍ਰਾਪਤ ਕਰਨ ਦਾ ਮੌਕਾ ਮਿਲੇਗਾ, ਜਿਸ ਵਿੱਚ ਇਕ ਟਾਈਪਿੰਗ ਗੇਮ, ਵਰਚੁਅਲ ਟੇਰੀਰੀਅਮ, ਪਰਿਵਾਰਕ ਬਰਾਊਜ਼ਰ ਵਿਸਥਾਰ, ਸਪੇਸ-ਇਨਵੇਡਰ-ਸਟੀਲ ਗੇਮ, ਅਤੇ ਵਿਅਵਸਾਈਆਂ ਲਈ ਬੈਂਕਿੰਗ ਐਪ ਤਿਆਰ ਕਰਨਾ ਸ਼ਾਮਲ ਹੈ। ਸਿਰੀਜ਼ ਦੇ ਅੰਤ ਤੱਕ, ਵਿਦਿਆਰਥੀ ਵੈੱਬ ਵਿਕਾਸ ਬਾਰੇ ਪੱਕੀ ਸਮਝ ਪ੍ਰਾਪਤ ਕਰ ਚੁੱਕਣਗੇ।
> 🎓 ਤੁਸੀਂ ਇਸ ਕੋਰਸ ਦੇ ਪਹਿਲੇ ਕੁਝ ਪਾਠਾਂ ਨੂੰ Microsoft Learn 'ਤੇ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ਵਜੋਂ ਵੀ ਲੈ ਸਕਦੇ ਹੋ! ਇਹ ਪ੍ਰੋਗ੍ਰਾਮ ਜਾਵਾਸਕ੍ਰਿਪਟ, HTML, ਅਤੇ CSS ਦੇ ਮੂਲ ਤੱਤ ਸਿਖਾਉਂਦਾ ਹੈ, ਨਾਲ ਹੀ ਅੱਜ ਦੇ ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਵੱਲੋਂ ਵਰਤੀਆਂ ਜਾਂਦੀਆਂ ਨਵੀਂ ਟੂਲਾਂ ਅਤੇ ਤਕਨੀਕਾਂ ਵੀ ਸਿੱਖਾਉਂਦਾ ਹੈ। ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਹੱਥੋਂ-ਹੱਥ ਅਨੁਭਵ ਮਿਲੇਗਾ ਜਿਵੇਂ ਕਿ ਟਾਈਪਿੰਗ ਗੇਮ, ਵਰਚੁਅਲ ਟੈਰੀਰਿਯਮ, ਈਕੋ-ਫ੍ਰੈਂਡਲੀ ਬ੍ਰਾਉਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ, ਸਪੇਸ-ਇਨਵੇਡਰ-ਸਟਾਈਲ ਗੇਮ, ਅਤੇ ਕਾਰੋਬਾਰੀ ਬੈਂਕਿੰਗ ਐਪ ਬਣਾਉਂਦੇ ਹੋਏ। ਸਿਰਿਜ਼ ਦੇ ਅੰਤ ਵਿੱਚ, ਵਿਦਿਆਰਥੀ ਵੈੱਬ ਵਿਕਾਸ ਦੀ ਮਜ਼ਬੂਤ ਸਮਝ ਪ੍ਰਾਪਤ ਕਰਨਗੇ।
ਜਦੋਂ ਸਮੱਗਰੀ ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਸੰਗਤ ਹੁੰਦੀ ਹੈ, ਤਦ ਪ੍ਰਕਿਰਿਆ ਵਿਦਿਆਰਥੀਆਂ ਲਈ ਹੋਰ ਰੁਚਿਕਰ ਬਣਦੀ ਹੈ ਅਤੇ ਸਿਧਾਂਤਾਂ ਦਾ ਧਿਆਨ ਜ਼ਿਆਦਾ ਸਮੇਂ ਤੱਕ ਰਹਿੰਦਾ ਹੈ। ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਦੇ ਬੁਨਿਆਦੀ ਪਾਠਾਂ ਦੀਆਂ ਕਈ ਸ਼ੁਰੂਆਤੀ ਪਾਠਾਂ ਲਿਖੀਆਂ ਹਨ, ਜੋ ਕੁਝ ਵੀਡੀਓਜ਼ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ਤੋਂ ਮਿਲ ਕੇ ਸਿੱਖਦੇ ਹਨ, ਜਿਨ੍ਹਾਂ ਦੇ ਲੇਖਕਾਂ ਨੇ ਇਸ ਕੋਰਸ ਵਿੱਚ ਯੋਗਦਾਨ ਦਿੱਤਾ ਹੈ। > 🎓 ਤੁਸੀਂ ਇਸ ਕੋਰਸ ਦੇ ਪਹਿਲੇ ਕੁਝ ਪਾਠਾਂ ਨੂੰ Microsoft Learn 'ਤੇ ਇੱਕ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ਵਜੋਂ ਵੀ ਕਰ ਸਕਦੇ ਹੋ!
ਇਸ ਤੋਂ ਇਲਾਵਾ, ਕਲਾਸ ਤੋਂ ਪਹਿਲਾਂ ਇੱਕ ਘੱਟ-ਦਬਾਅ ਵਾਲਾ ਕਵਿਜ਼ ਵਿਦਿਆਰਥੀ ਦੇ ਸਿੱਖਣ ਦਾ ਮਕਸਦ ਸੈਟ ਕਰਦਾ ਹੈ, ਜਦਕਿ ਕਲਾਸ ਤੋਂ ਬਾਅਦ ਦੂਜਾ ਕਵਿਜ਼ ਹੋਰ ਕਨਸੈਪਟਾਂ ਦੀ ਸਮਝ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ। ਇਹ ਕੋਰਸ ਲਚਕੀਲਾ ਅਤੇ ਮਨੋਰੰਜਕ ਬਣਾਉਣ ਲਈ ਬਣਾਇਆ ਗਿਆ ਹੈ ਅਤੇ ਇਸਨੂੰ ਪੂਰਾ ਜਾਂ ਹਿੱਸਾ-ਹਿੱਸਾ ਲਿਆ ਜਾ ਸਕਦਾ ਹੈ। ਪ੍ਰੋਜੈਕਟ ਛੋਟੇ ਸ਼ੁਰੂ ਹੁੰਦੇ ਹਨ ਅਤੇ 12 ਹਫਤਿਆਂ ਦੇ ਚੱਕਰ ਦੇ ਅੰਤ ਤੱਕ ਵੱਧ ਸਖ਼ਤ ਹੋ ਜਾਂਦੇ ਹਨ ਉਹਨਾਂ ਨੂੰ ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਜੋੜ ਕੇ, ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਵਿਦਿਆਰਥੀਆਂ ਲਈ ਹੋਰ ਰੁਚਿਕਰ ਬਣਾਇਆ ਜਾਂਦਾ ਹੈ ਅਤੇ ਧਾਰਣਾਵਾਂ ਦੀ ਸਮਝ ਬਰਕਰਾਰ ਰਹਿੰਦੀ ਹੈ। ਅਸੀਂ ਕੁਝ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੇਸਿਕਸ ਦੇ ਸ਼ੁਰੂਆਤੀ ਪਾਠ ਵੀ ਲਿਖੇ ਹਨ ਜੋ ਧਾਰਣਾਵਾਂ ਪੇਸ਼ ਕਰਦੇ ਹਨ, ਜਿਹੜੇ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ਵੀਡੀਓ ਟਿਊਟੋਰਿਅਲ ਕਲੈਕਸ਼ਨ ਤੋਂ ਇਕ ਵੀਡੀਓ ਨਾਲ ਜੋੜੇ ਗਏ ਹਨ, ਜਿਨ੍ਹਾਂ ਦੇ ਕੁਝ ਲੇਖਕਾਂ ਨੇ ਇਸ ਕੋਰਸ ਦੇ ਵਿਕਾਸ ਵਿੱਚ ਯੋਗਦਾਨ ਦਿੱਤਾ ਹੈ
ਜਦ ਕਿ ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਫਰੇਮਵਰਕਾਂ ਨੂੰ ਜਾਣ-ਬੁਝ ਕੇ ਇਸ ਕੋਰਸ ਵਿੱਚ ਸ਼ਾਮਲ ਨਹੀਂ ਕੀਤਾ ਤਾਕਿ ਇੱਕ ਵੈੱਬ ਡਿਵੈਲਪਰ ਲਈ ਬੁਨਿਆਦੀ ਕੌਸ਼ਲਾਂ ਉੱਤੇ ਧਿਆਨ ਦਿੱਤਾ ਜਾ ਸਕੇ, ਇਸ ਕੋਰਸ ਨੂੰ ਪੂਰਾ ਕਰਨ ਦਾ ਅਗਲਾ ਵਧੀਆ ਕਦਮ ਹੋਵੇਗਾ Node.js ਬਾਰੇ ਹੋਰ ਵੀਡੀਓਜ਼ ਦੀ ਕਲੈਕਸ਼ਨ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ਤੋਂ ਸਿੱਖਣਾ ਇਸਦੇ ਨਾਲ-ਨਾਲ, ਇੱਕ ਘٽ-ਦਾਅਵਾ ਵਾਲਾ ਕੁਇਜ਼ ਕਲਾਸ ਤੋਂ ਪਹਿਲਾਂ ਵਿਦਿਆਰਥੀ ਨੂੰ ਵਿਸ਼ਾ ਸਿੱਖਣ ਲਈ ਪ੍ਰੇਰਿਤ ਕਰਦਾ ਹੈ, ਅਤੇ ਦੂਜਾ ਕੁਇਜ਼ ਕਲਾਸ ਤੋਂ ਬਾਅਦ ਵਧੀਕ ਸਮਝਦਾਰੀ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ। ਇਹ ਕੋਰਸ ਲਚੀਲਾ ਅਤੇ ਮਨੋਰੰਜਕ ਬਣਾਉਣ ਲਈ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ ਅਤੇ ਪੂਰਾ ਜਾਂ ਕਿਸੇ ਹਿੱਸੇ ਵਜੋਂ ਲਿਆ ਜਾ ਸਕਦਾ ਹੈ। ਪ੍ਰੋਜੈਕਟ ਛੋਟੇ ਸ਼ੁਰੂ ਹੁੰਦੇ ਹਨ ਅਤੇ 12 ਹਫ਼ਤੇ ਦੇ ਪਹਿਰੇ ਦੇ ਅੰਤ ਤੱਕ ਵੱਧ-ਵਧੀਕ ਕਰਮਾਤਮਕ ਬਣ ਜਾਂਦੇ ਹਨ
> ਸਾਡੇ [Code of Conduct](CODE_OF_CONDUCT.md) ਅਤੇ [Contributing](CONTRIBUTING.md) ਨਿਦੇਸ਼ਾਂ ਨੂੰ ਜ਼ਰੂਰ ਵੇਖੋ। ਅਸੀਂ ਤੁਹਾਡੇ ਸਰਗਰਮ ਸੁਝਾਵਾਂ ਦਾ ਸਵਾਗਤ ਕਰਦੇ ਹਾਂ! ਜਦੋਂ ਕਿ ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਫਰੇਮਵਰਕਸ ਲਿਆਉਣ ਤੋਂ ਸਾਵਧਾਨ ਰਹੇ ਕਿਉਂਕਿ ਵੈੱਬ ਡਿਵੈਲਪਰ ਬਣਨ ਲਈ ਬੁਨਿਆਦੀ ਸਿੱਖਿਆ ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਕਰਨ ਲਈ, ਇੱਕ ਵਧੀਆ ਅਗਲਾ ਕਦਮ Node.js ਬਾਰੇ ਵਧੀਆ ਸਿੱਖਣਾ ਹੋਵੇਗਾ ਜੋ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ਵੀਡੀਓ ਕਲੈਕਸ਼ਨ ਰਾਹੀਂ ਮਿਲਦਾ ਹੈ।
> ਸਾਡੇ [Code of Conduct](CODE_OF_CONDUCT.md) ਅਤੇ [Contributing](CONTRIBUTING.md) ਨਿਰਦੇਸ਼ਾਂ ਨੂੰ ਵੇਖੋ। ਅਸੀਂ ਤੁਹਾਡਾ ਰचनਾਤਮਕ ਫੀਡਬੈਕ ਸਵਾਗਤ ਕਰਦੇ ਹਾਂ!
## 🧭 ਆਫਲਾਈਨ ਪਹੁੰਚ ## 🧭 ਆਫਲਾਈਨ ਪਹੁੰਚ
ਤੁਸੀਂ [Docsify](https://docsify.js.org/#/) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਸ ਡੌਕਯੂਮੈਂਟੇਸ਼ਨ ਨੂੰ ਆਫਲਾਈਨ ਚਲਾ ਸਕਦੇ ਹੋ। ਇਸ ਰਿਪੋ ਨੂੰ ਫੋਰਕ ਕਰੋ, [Docsify ਇੰਸਟਾਲ ਕਰੋ](https://docsify.js.org/#/quickstart) ਆਪਣੇ ਲੋਕਲ ਮਸ਼ੀਨ 'ਤੇ, ਅਤੇ ਫਿਰ ਇਸ ਰਿਪੋ ਦੇ ਰੂਟ ਫੋਲਡਰ ਵਿੱਚ `docsify serve` ਲਿਖੋ। ਵੈੱਬਸਾਈਟ ਤੁਹਾਡੇ ਲੋਕਲਸਰਵਰ 'ਤੇ ਪੋਰਟ 3000 'ਤੇ ਚਲੇਗੀ: `localhost:3000` ਤੁਸੀਂ ਇਸ ਡੌਕਯੂਮੈਂਟੇਸ਼ਨ ਨੂੰ ਆਫਲਾਈਨ ਚਲਾ ਸਕਦੇ ਹੋ [Docsify](https://docsify.js.org/#/) ਦੀ ਵਰਤੋਂ ਕਰਕੇ। ਇਸ ਰਿਪੋ ਨੂੰ ਫੋਰਕ ਕਰੋ, ਆਪਣੇ ਲੋਕਲ ਮਸ਼ੀਨ 'ਤੇ [Docsify ਇੰਸਟਾਲ](https://docsify.js.org/#/quickstart) ਕਰੋ, ਅਤੇ ਫਿਰ ਇਸ ਰਿਪੋ ਦੇ ਰੂਟ ਫੋਲਡਰ ਵਿੱਚ `docsify serve` ਟਾਈਪ ਕਰੋ। ਵੈੱਬਸਾਈਟ ਤੁਹਾਡੇ ਲੋਕਲਹੋਸਟ `localhost:3000` ਦੇ ਪੋਰਟ 3000 'ਤੇ ਸੇਵਾ ਕੀਤੀ ਜਾਵੇਗੀ
## 📘 PDF ## 📘 PDF
ਸਾਰੇ ਪਾਠਾਂ ਦੀ PDF ਤੁਸੀਂ [ਇਥੇ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ਲੱਭ ਸਕਦੇ ਹੋ। ਸਾਰੇ ਪਾਠਾਂ ਦੀ ਇੱਕ PDF ਇੱਥੇ ਮਿਲ ਸਕਦੀ ਹੈ [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)।
## 🎒 ਹੋਰ ਕੋਰਸ ## 🎒 ਹੋਰ ਕੋਰਸ
ਸਾਡੀ ਟੀਮ ਹੋਰ ਕੋਰਸ ਵੀ ਬਣਾਉਂਦੀ ਹੈ! ਚੈੱਕ ਕਰੋ: ਸਾਡੀ ਟੀਮ ਹੋਰ ਕੋਰਸ ਵੀ ਤਿਆਰ ਕਰਦੀ ਹੈ! ਵੇਖੋ:
<!-- CO-OP TRANSLATOR OTHER COURSES START --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
@ -240,7 +238,7 @@
--- ---
### ਕੋਰ ਸਿੱਖਿਆ ### ਮੁੱਖ ਸਿੱਖਿਆ
[![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)
@ -251,7 +249,7 @@
--- ---
### ਕੋਪਾਇਲਟ ਸੀਰੀਜ਼ ### Copilot ਸੀਰੀਜ਼
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) [![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)
@ -259,17 +257,21 @@
## ਮਦਦ ਪ੍ਰਾਪਤ ਕਰਨਾ ## ਮਦਦ ਪ੍ਰਾਪਤ ਕਰਨਾ
ਜੇ ਤੁਸੀਂ ਫਸ ਜਾਂਦੇ ਹੋ ਜਾਂ AI ਪ ਬਣਾਉਣ ਬਾਰੇ ਕੋਈ ਸਵਾਲ ਹੈ, ਤਾਂ MCP ਬਾਰੇ ਚਰਚਾਵਾਂ ਵਿੱਚ ਸਿਖਿਅਰਥੀਆਂ ਅਤੇ ਅਨੁਭਵੀ ਵਿਕਾਸਕਾਰਾਂ ਨਾਲ ਜੁੜੋ। ਇਹ ਇਕ ਸਮਰਥਕ ਸਮੁਦਾਇ ਹੈ ਜਿੱਥੇ ਸਵਾਲ ਸਵਾਗਤਯੋਗ ਹਨ ਅਤੇ ਗਿਆਨ ਖੁੱਲ੍ਹੇ ਮਨ ਨਾਲ ਸਾਂਝਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਜੇ ਤੁਸੀਂ ਫਸ ਜਾਂਦੇ ਹੋ ਜਾਂ AI অ্যਪ ਬਣਾਉਣ ਬਾਰੇ ਕੋਈ ਸਵਾਲ ਹੈ, ਤਾਂ MCP ਬਾਰੇ ਚਰਚਾਵਾਂ ਵਿੱਚ ਹੋਰ ਸਿੱਖਣ ਵਾਲੇ ਅਤੇ ਤਜ਼ਰਬੇਕਾਰ ਵਿਕਾਸਕਾਰਾਂ ਨਾਲ ਜੁੜੋ। ਇਹ ਇੱਕ ਸਮਰਥਨਸ਼ੀਲ ਭਾਈਚਾਰਾ ਹੈ ਜਿੱਥੇ ਸਵਾਲਾਂ ਦਾ ਸਵਾਗਤ ਹੈ ਅਤੇ ਗਿਆਨ ਖੁੱਲ੍ਹ ਕੇ ਸਾਂਝਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
[![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)
ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਉਤਪਾਦ ਫੀਡਬੈਕ ਜਾਂ ਬਨਾਉਣ ਦੌਰਾਨ ਕੋਈ ਗਲਤੀਆਂ ਹਨ ਤਾਂ ਦੇਖੋ: ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਉਤਪਾਦ ਫੀਡਬੈਕ ਜਾਂ ਤਿਆਰ ਕਰਦੇ ਸਮੇਂ ਕੋਈ ਗਲਤੀ ਹੋਵੇ ਤਾਂ ਦਰਜ ਕਰੋ:
[![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_Devel ਇਹ ਰਿਪੋਜ਼ਟਰੀ MIT ਲਾਇਸੈਂਸ ਹੇਠ ਲਾਇਸੈਂਸ ਹੈ। ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ [LICENSE](../../LICENSE) ਫਾਈਲ ਵੇਖੋ।
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ਅਸਵੀਕਾਰੋਪਣ**: **ਅਸਵੀਕਾਰੋक्ति**:
ਇਹ ਦਸਤਾਵੇਜ਼ ਏਆਈ ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦਿਤ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀ ਸਹੀਤਾ ਲਈ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਵਿੱਚ ਰੱਖੋ ਕਿ ਸਵਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੂਚਨਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਜਿਸਦੀ ਆਪਣੀ ਮੂਲ ਭਾਸ਼ਾ ਹੈ, ਉਸਨੂੰ ਪ੍ਰਧਾਨ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਜਰੂਰੀ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਿਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਨਾਲ ਪੈਦਾ ਹੋਣ ਵਾਲੀਆਂ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀਆਂ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆਵਾਂ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ। ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦਿਤ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀ ਸਹੀਤਾ ਲਈ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਜਾਣੋਂ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸਤੀਕਤਾ ਹੋ ਸਕਦੀ ਹੈ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਆਪਣੇ ਮੁੱਖ ਭਾਸ਼ਾ ਵਿੱਚ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਣ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ਾਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਹੋਣ ਵਾਲੀਆਂ ਕਿਸੇ ਵੀ ਗਲਤ ਫਹਿਮੀਆਂ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆਵਾਂ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,54 +1,79 @@
# [ਪਾਠ ਦਾ ਵਿਸ਼ਾ] # ਪਾਠ ਦਾ ਵਿਸ਼ਾ
![ਇੱਥੇ ਇੱਕ ਵੀਡੀਓ ਸ਼ਾਮਲ ਕਰੋ](../../../lesson-template/video-url) ## 🎥 ਵੀਡੀਓ
## [ਪਾਠ ਤੋਂ ਪਹਿਲਾਂ ਕਵੀਜ਼](../../../lesson-template/quiz-url) > ਇੱਥੇ ਇੱਕ ਐम्बੇਡ ਕੀਤੀ ਵੀਡੀਓ ਜਾਂ ਪਾਠ ਲਿੰਕ ਸ਼ਾਮਿਲ ਕਰੋ।
[ਅਸੀਂ ਕੀ ਸਿੱਖਾਂਗੇ ਇਸਦਾ ਵੇਰਵਾ ਦਿਓ] ---
## ਪੂਰਵ-ਵਿਆਖਿਆਨ ਕਵਿਜ਼
### ਪਰਿਚਯ > ਉਪਲਬਧ ਹੋਣ ਤੇ ਇੱਥੇ ਕਵਿਜ਼ ਲਿੰਕ ਸ਼ਾਮਿਲ ਕਰੋ।
ਇਸ ਪਾਠ ਵਿੱਚ ਕੀ ਕਵਰ ਕੀਤਾ ਜਾਵੇਗਾ ਇਸਦਾ ਵੇਰਵਾ ਦਿਓ ---
ਵਿਦਿਆਰਥੀਆਂ ਇਸ ਪਾਠ ਵਿੱਚ ਕੀ ਸਿੱਖਣਗੇ ਦਾ ਇੱਕ ਸੰਖੇਪ ਲੇਖ ਦਿਓ।
---
### ਜਾਣੂ
ਇਸ ਪਾਠ ਵਿੱਚ ਕੀ ਕਵਰੇਜ ਕੀਤਾ ਜਾਵੇਗਾ ਇਸ ਦਾ ਇੱਕ ਛੋਟਾ ਪਰਿਚਯ ਦਿਓ।
> ਨੋਟਸ > ਨੋਟਸ
### ਪੂਰਵ ਸ਼ਰਤਾਂ ---
ਇਸ ਪਾਠ ਤੋਂ ਪਹਿਲਾਂ ਕਿਹੜੇ ਕਦਮ ਪੂਰੇ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ? ### ਪੂਰਵ-ਅਧਿਐਨ
ਉਹ ਸੰਕਲਪ ਜਾਂ ਵਿਸ਼ਿਆਂ ਦੀ ਸੂਚੀ ਦਿਓ ਜਿਨ੍ਹਾਂ ਨਾਲ ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਪਾਠ ਸ਼ੁਰੂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਜਾਣੂ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ।
---
### ਤਿਆਰੀ ### ਤਿਆਰੀ
ਇਸ ਪਾਠ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਤਿਆਰੀ ਦੇ ਕਦਮ ਕੋਈ ਵੀ ਸੈਟਅਪ ਕਦਮ ਜਾਂ ਔਜ਼ਾਰਾਂ ਦੀ ਸੂਚੀ ਦਿਓ ਜੋ ਪਾਠ ਸ਼ੁਰੂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਲੋੜੀਂਦੇ ਹਨ।
--- ---
[ਸਮੱਗਰੀ ਨੂੰ ਬਲਾਕਾਂ ਵਿੱਚ ਕਵਰ ਕਰੋ] ### ਸਮੱਗਰੀ
ਪਾਠ ਸਮੱਗਰੀ ਨੂੰ ਸ੍ਰੰਖਲਬੱਧ ਭਾਗਾਂ ਵਿੱਚ ਕਦਮ ਦਰ ਕਦਮ ਪੇਸ਼ ਕਰੋ।
## [ਵਿਸ਼ਾ 1] ---
## ਵਿਸ਼ਾ 1
### ਕੰਮ: ### ਕੰਮ:
ਇਕੱਠੇ ਕੰਮ ਕਰਦੇ ਹੋਏ ਆਪਣੇ ਕੋਡਬੇਸ ਨੂੰ ਤਰੱਕੀਸ਼ੀਲ ਢੰਗ ਨਾਲ ਸੁਧਾਰੋ ਤਾਂ ਜੋ ਸਾਂਝੇ ਕੋਡ ਨਾਲ ਪ੍ਰੋਜੈਕਟ ਬਣਾਇਆ ਜਾ ਸਕੇ: ਆਪਣੇ ਕੋਡਬੇਸ ਨੂੰ ਪ੍ਰਗਟਾਇਆੁਂਦੇ ਹੋਏ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਸਾਂਝਾ ਕੋਡ ਨਾਲ ਬਣਾਉਣ ਲਈ ਸਹਿਯੋਗੀ ਤਰੀਕੇ ਨਾਲ ਕੰਮ ਕਰੋ:
```html ```html
code blocks code blocks
``` ```
✅ ਗਿਆਨ ਦੀ ਜਾਂਚ - ਵਿਦਿਆਰਥੀਆਂ ਦੇ ਗਿਆਨ ਨੂੰ ਖੁੱਲੇ ਸਵਾਲਾਂ ਨਾਲ ਵਧਾਉਣ ਦਾ ਇਹ ਮੌਕਾ ਲਓ ✅ ਗਿਆਨ ਦੀ ਜਾਂਚ
ਖੁੱਲ੍ਹੇ ਸਵਾਲਾਂ ਨਾਲ ਵਿਦਿਆਰਥੀਆਂ ਦੇ ਗਿਆਨ ਨੂੰ ਵਧਾਉਣ ਲਈ ਇਹ ਸਮਾਂ ਵਰਤੋ।
## [ਵਿਸ਼ਾ 2] ## ਵਿਸ਼ਾ 2
## ਵਿਸ਼ਾ 3
## [ਵਿਸ਼ਾ 3] 🚀 ਚੁਣੌਤੀ
ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਲਈ ਵਿਦਿਆਰਥੀਆਂ ਲਈ ਇਕ ਸਹਿਯੋਗੀ ਚੁਣੌਤੀ ਸ਼ਾਮਿਲ ਕਰੋ।
🚀 ਚੁਣੌਤੀ: ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਕਲਾਸ ਵਿੱਚ ਸਾਂਝੇ ਤੌਰ 'ਤੇ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਸੁਧਾਰਨ ਲਈ ਇੱਕ ਚੁਣੌਤੀ ਦਿਓ ਵਿਕਲਪਿਕ: ਜੇ ਯੋਗ ਹੋਵੇ ਤਾਂ ਪੂਰੇ ਕੀਤੇ ਪਾਠ ਦੀ UI ਦਾ ਸਕਰੀਨਸ਼ਾਟ ਸ਼ਾਮਿਲ ਕਰੋ।
ਵਿਕਲਪਿਕ: ਜੇ ਉਚਿਤ ਹੋਵੇ ਤਾਂ ਪੂਰੇ ਪਾਠ ਦੇ UI ਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ ਸ਼ਾਮਲ ਕਰੋ ## ਪਾਠ-ਮਗਰੋਂ ਕਵਿਜ਼
## [ਪਾਠ ਤੋਂ ਬਾਅਦ ਕਵੀਜ਼](../../../lesson-template/quiz-url) ਪਾਠ ਪੂਰਾ ਕਰਨ ਤੋਂ ਬਾਅਦ ਇੱਥੇ ਕਵਿਜ਼ ਲਿੰਕ ਸ਼ਾਮਿਲ ਕਰੋ।
## ਸਮੀਖਿਆ ਅਤੇ ਖੁਦ ਅਧਿਐਨ ## ਸਮੀਖਿਆ ਅਤੇ ਸਵਅਧਿਐਨ
**ਅਸਾਈਨਮੈਂਟ ਦੀ ਮਿਆਦ [MM/YY]**: [ਅਸਾਈਨਮੈਂਟ ਦਾ ਨਾਮ](assignment.md) **ਅਸਾਈਨਮੈਂਟ ਦੀ ਮਿਆਦ [ਮ੍ਹ/ਸ]**: [ਅਸਾਈਨਮੈਂਟ ਦਾ ਨਾਮ](assignment.md)
---
**ਅਸਵੀਕਾਰਨ**: <!-- CO-OP TRANSLATOR DISCLAIMER START -->
ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀਤਾ ਲਈ ਯਤਨਸ਼ੀਲ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੁਚਨਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼, ਜੋ ਇਸਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਹੈ, ਨੂੰ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਪੈਦਾ ਹੋਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ। **ਅਸਵੀਕਾਰਤਾ**:
ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦਿਤ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀਤਾ ਲਈ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸਥਿਰਤਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਆਪਣੇ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਹੀ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫ਼ਾਰਿਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਅਸੀਂ ਇਸ ਅਨੁਵਾਦ ਦੇ ਇਸਤੇਮਾਲ ਤੋਂ ਉੱਪਜੀਆਂ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆਵਾਂ ਲਈ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-04-20T15:51:19+00:00", "translation_date": "2026-04-24T18:16:20+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "pt-BR" "language_code": "pt-BR"
}, },
@ -516,8 +516,8 @@
"language_code": "pt-BR" "language_code": "pt-BR"
}, },
"README.md": { "README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6", "original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-06T16:37:04+00:00", "translation_date": "2026-04-24T18:11:32+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "pt-BR" "language_code": "pt-BR"
}, },
@ -564,8 +564,8 @@
"language_code": "pt-BR" "language_code": "pt-BR"
}, },
"lesson-template/README.md": { "lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355", "original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2025-08-26T00:51:31+00:00", "translation_date": "2026-04-24T18:11:41+00:00",
"source_file": "lesson-template/README.md", "source_file": "lesson-template/README.md",
"language_code": "pt-BR" "language_code": "pt-BR"
}, },

@ -2,27 +2,27 @@
## Visão Geral do Projeto ## Visão Geral do Projeto
Este é um repositório educacional para ensinar fundamentos de desenvolvimento web a iniciantes. O currículo é um curso abrangente de 12 semanas desenvolvido pelos Microsoft Cloud Advocates, com 24 aulas práticas abordando JavaScript, CSS e HTML. Este é um repositório curricular educativo para ensinar fundamentos de desenvolvimento web para iniciantes. O currículo é um curso completo de 12 semanas desenvolvido pelos Microsoft Cloud Advocates, com 24 aulas práticas que cobrem JavaScript, CSS e HTML.
### Componentes Principais ### Componentes Principais
- **Conteúdo Educacional**: 24 aulas estruturadas organizadas em módulos baseados em projetos - **Conteúdo Educacional**: 24 aulas estruturadas organizadas em módulos baseados em projetos
- **Projetos Práticos**: Terrarium, Jogo de Digitação, Extensão de Navegador, Jogo Espacial, App Bancário, Editor de Código e Assistente de Chat de IA - **Projetos Práticos**: Terrarium, Jogo de Digitação, Extensão de Navegador, Jogo Espacial, App Bancário, Editor de Código e Assistente de Chat AI
- **Quizzes Interativos**: 48 quizzes com 3 perguntas cada (avaliações pré e pós-lesson) - **Quizzes Interativos**: 48 quizzes com 3 perguntas cada (avaliações pré/pós-aula)
- **Suporte Multilíngue**: Traduções automáticas para mais de 50 idiomas via GitHub Actions - **Suporte Multilíngue**: Traduções automáticas para mais de 50 idiomas via GitHub Actions
- **Tecnologias**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para projetos de IA) - **Tecnologias**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para projetos AI)
### Arquitetura ### Arquitetura
- Repositório educacional com estrutura baseada em lições - Repositório educacional com estrutura baseada em aulas
- Cada pasta de lição contém README, exemplos de código e soluções - Cada pasta de aula contém README, exemplos de código e soluções
- Projetos independentes em diretórios separados (quiz-app, vários projetos de lição) - Projetos independentes em diretórios separados (quiz-app, vários projetos de aula)
- Sistema de tradução usando GitHub Actions (co-op-translator) - Sistema de tradução usando GitHub Actions (co-op-translator)
- Documentação servida via Docsify e disponível em PDF - Documentação servida via Docsify e disponível em PDF
## Comandos de Configuração ## Comandos para Configuração
Este repositório é principalmente para consumo de conteúdo educacional. Para trabalhar com projetos específicos: Este repositório é primariamente para consumo do conteúdo educacional. Para trabalhar com projetos específicos:
### Configuração Principal do Repositório ### Configuração Principal do Repositório
@ -41,14 +41,14 @@ npm run build # Construir para produção
npm run lint # Executar ESLint npm run lint # Executar ESLint
``` ```
### Projeto API Bancária (Node.js + Express) ### API do Projeto Bancário (Node.js + Express)
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm install npm install
npm start # Iniciar servidor API npm start # Iniciar servidor API
npm run lint # Executar ESLint npm run lint # Executar ESLint
npm run format # Formatar com Prettier npm run format # Formatado com Prettier
``` ```
### Projetos de Extensão de Navegador ### Projetos de Extensão de Navegador
@ -59,12 +59,12 @@ npm install
# Siga as instruções específicas do navegador para carregar extensões # Siga as instruções específicas do navegador para carregar extensões
``` ```
### Projetos de Jogo Espacial ### Projetos do Jogo Espacial
```bash ```bash
cd 6-space-game/solution cd 6-space-game/solution
npm install npm install
# Abra index.html no navegador ou use o Live Server # Abra o index.html no navegador ou use o Live Server
``` ```
### Projeto de Chat (Backend Python) ### Projeto de Chat (Backend Python)
@ -78,43 +78,43 @@ python api.py
## Fluxo de Desenvolvimento ## Fluxo de Desenvolvimento
### Para Contribuidores de Conteúdo ### Para Colaboradores de Conteúdo
1. **Fork o repositório** para sua conta no GitHub 1. **Faça fork do repositório** na sua conta do GitHub
2. **Clone seu fork** localmente 2. **Clone seu fork** localmente
3. **Crie uma nova branch** para suas alterações 3. **Crie um novo branch** para suas alterações
4. Faça mudanças no conteúdo das lições ou exemplos de código 4. Faça mudanças no conteúdo das aulas ou exemplos de código
5. Teste quaisquer alterações de código nos diretórios dos projetos relevantes 5. Teste quaisquer alterações de código nos diretórios de projetos relacionados
6. Envie pull requests seguindo as diretrizes de contribuição 6. Envie pull requests seguindo as diretrizes de contribuição
### Para Aprendizes ### Para Alunos
1. Faça fork ou clone do repositório 1. Faça fork ou clone do repositório
2. Navegue sequencialmente pelos diretórios das lições 2. Navegue pelas pastas das aulas sequencialmente
3. Leia os arquivos README de cada lição 3. Leia os arquivos README de cada aula
4. Complete os quizzes pré-lição em https://ff-quizzes.netlify.app/web/ 4. Complete os quizzes pré-aula em https://ff-quizzes.netlify.app/web/
5. Trabalhe nos exemplos de código nas pastas da lição 5. Trabalhe nos exemplos de código nas pastas das aulas
6. Complete as tarefas e desafios 6. Complete as tarefas e desafios
7. Faça os quizzes pós-lição 7. Faça os quizzes pós-aula
### Desenvolvimento ao Vivo ### Desenvolvimento ao Vivo
- **Documentação**: Rode `docsify serve` na raiz (porta 3000) - **Documentação**: Execute `docsify serve` na raiz (porta 3000)
- **Quiz App**: Rode `npm run dev` no diretório quiz-app - **Quiz App**: Execute `npm run dev` no diretório quiz-app
- **Projetos**: Use a extensão Live Server do VS Code para projetos HTML - **Projetos**: Use a extensão Live Server do VS Code para projetos HTML
- **Projetos API**: Rode `npm start` nos diretórios das APIs respectivas - **Projetos API**: Execute `npm start` nos diretórios API respectivos
## Instruções de Teste ## Instruções para Testes
### Teste do Quiz App ### Testes do Quiz App
```bash ```bash
cd quiz-app cd quiz-app
npm run lint # Verificar problemas de estilo de código npm run lint # Verifique problemas de estilo de código
npm run build # Verificar se a compilação foi bem-sucedida npm run build # Verifique se a compilação foi bem-sucedida
``` ```
### Teste da API Bancária ### Testes da API Bancária
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
@ -122,46 +122,46 @@ npm run lint # Verificar problemas de estilo de código
node server.js # Verificar se o servidor inicia sem erros node server.js # Verificar se o servidor inicia sem erros
``` ```
### Abordagem Geral de Teste ### Abordagem Geral para Testes
- Este é um repositório educacional sem testes automatizados abrangentes - Este é um repositório educacional sem testes automatizados abrangentes
- Teste manual foca em: - Testes manuais focam em:
- Exemplos de código executando sem erros - Exemplos de código executam sem erros
- Links na documentação funcionando corretamente - Links na documentação funcionam corretamente
- Builds dos projetos completando com sucesso - Builds dos projetos completam com sucesso
- Exemplos seguindo as melhores práticas - Exemplos seguem as melhores práticas
### Checagens Pré-envio ### Verificações Antes de Enviar PR
- Execute `npm run lint` em diretórios com package.json - Execute `npm run lint` nas pastas que contêm package.json
- Verifique se os links markdown são válidos - Verifique se os links markdown são válidos
- Teste exemplos de código no navegador ou Node.js - Teste exemplos de código no navegador ou Node.js
- Verifique que as traduções mantêm a estrutura adequada - Certifique-se que traduções mantêm a estrutura correta
## Diretrizes de Estilo de Código ## Diretrizes de Estilo de Código
### JavaScript ### JavaScript
- Use sintaxe moderna ES6+ - Use sintaxe moderna ES6+
- Siga as configurações padrão do ESLint fornecidas nos projetos - Siga as configurações padrão ESLint fornecidas nos projetos
- Use nomes significativos para variáveis e funções para clareza educacional - Use nomes significativos para variáveis e funções para clareza educacional
- Adicione comentários explicando conceitos para os aprendizes - Adicione comentários explicando conceitos para os alunos
- Formate usando Prettier quando configurado - Formate usando Prettier onde configurado
### HTML/CSS ### HTML/CSS
- Elementos semânticos HTML5 - Elementos semânticos HTML5
- Princípios de design responsivo - Princípios de design responsivo
- Convenções claras de nomenclatura de classes - Convenções claras para nomeação de classes
- Comentários explicando técnicas CSS para aprendizes - Comentários que explicam técnicas CSS para os aprendizes
### Python ### Python
- Diretrizes de estilo PEP 8 - Diretrizes de estilo PEP 8
- Exemplos de código claros e educacionais - Exemplos claros e educativos
- Dicas de tipo onde úteis para aprendizagem - Tipagem quando útil para aprendizado
### Documentação em Markdown ### Documentação Markdown
- Hierarquia clara de títulos - Hierarquia clara de títulos
- Blocos de código com especificação de linguagem - Blocos de código com especificação de linguagem
@ -169,27 +169,27 @@ node server.js # Verificar se o servidor inicia sem erros
- Capturas de tela e imagens nas pastas `images/` - Capturas de tela e imagens nas pastas `images/`
- Texto alternativo para imagens para acessibilidade - Texto alternativo para imagens para acessibilidade
### Organização de Arquivos ### Organização dos Arquivos
- Lições numeradas sequencialmente (1-getting-started-lessons, 2-js-basics, etc.) - Aulas numeradas sequencialmente (1-getting-started-lessons, 2-js-basics, etc.)
- Cada projeto tem diretórios `solution/` e frequentemente `start/` ou `your-work/` - Cada projeto tem diretórios `solution/` e frequentemente `start/` ou `your-work/`
- Imagens armazenadas em pastas `images/` específicas da lição - Imagens armazenadas em pastas `images/` específicas da aula
- Traduções na estrutura `translations/{language-code}/` - Traduções na estrutura `translations/{language-code}/`
## Build e Deploy ## Build e Implantação
### Deploy do Quiz App (Azure Static Web Apps) ### Implantação do Quiz App (Azure Static Web Apps)
O quiz-app está configurado para deploy no Azure Static Web Apps: O quiz-app está configurado para implantação no Azure Static Web Apps:
```bash ```bash
cd quiz-app cd quiz-app
npm run build # Cria a pasta dist/ npm run build # Cria a pasta dist/
# Implanta via workflow do GitHub Actions ao enviar para a branch main # Faz o deploy via workflow do GitHub Actions ao enviar para o main
``` ```
Configuração Azure Static Web Apps: Configuração do Azure Static Web Apps:
- **Localização da app**: `/quiz-app` - **Localização do app**: `/quiz-app`
- **Localização de saída**: `dist` - **Localização de saída**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
@ -200,79 +200,79 @@ npm install # Instalar docsify-to-pdf
npm run convert # Gerar PDF a partir do docs npm run convert # Gerar PDF a partir do docs
``` ```
### Documentação Docsify ### Documentação com Docsify
```bash ```bash
npm install -g docsify-cli # Instalar Docsify globalmente npm install -g docsify-cli # Instale o Docsify globalmente
docsify serve # Servir em localhost:3000 docsify serve # Sirva em localhost:3000
``` ```
### Builds específicos de projetos ### Builds Específicos de Projetos
Cada diretório de projeto pode ter seu próprio processo de build: Cada diretório de projeto pode ter seu próprio processo de build:
- Projetos Vue: `npm run build` cria bundles para produção - Projetos Vue: `npm run build` cria bundles de produção
- Projetos estáticos: Sem etapa de build, servem arquivos diretamente - Projetos estáticos: Nenhuma etapa de build, serve os arquivos diretamente
## Diretrizes para Pull Requests ## Diretrizes para Pull Requests
### Formato do Título ### Formato do Título
Use títulos claros e descritivos indicando a área de mudança: Use títulos claros e descritivos indicando a área da mudança:
- `[Quiz-app] Add new quiz for lesson X` - `[Quiz-app] Adicionar novo quiz para aula X`
- `[Lesson-3] Fix typo in terrarium project` - `[Lesson-3] Corrigir erro de digitação no projeto terrarium`
- `[Translation] Add Spanish translation for lesson 5` - `[Translation] Adicionar tradução em espanhol para a aula 5`
- `[Docs] Update setup instructions` - `[Docs] Atualizar instruções de configuração`
### Checagens Necessárias ### Verificações Obrigatórias
Antes de enviar um PR: Antes de enviar um PR:
1. **Qualidade do Código**: 1. **Qualidade do Código**:
- Rode `npm run lint` nos diretórios afetados - Execute `npm run lint` nos diretórios afetados
- Corrija todos os erros e avisos de lint - Corrija todos os erros e avisos do lint
2. **Verificação de Build**: 2. **Verificação do Build**:
- Rode `npm run build` se aplicável - Execute `npm run build`, se aplicável
- Garanta que não ocorram erros no build - Garanta que não haja erros no build
3. **Validação de Links**: 3. **Validação de Links**:
- Teste todos os links markdown - Teste todos os links markdown
- Verifique referências a imagens - Verifique referências de imagens
4. **Revisão de Conteúdo**: 4. **Revisão de Conteúdo**:
- Revise ortografia e gramática - Revise ortografia e gramática
- Assegure que exemplos de código estão corretos e educativos - Garanta que exemplos de código estejam corretos e educativos
- Verifique que as traduções mantêm o significado original - Verifique se traduções mantêm o significado original
### Requisitos de Contribuição ### Requisitos de Contribuição
- Aceite o CLA da Microsoft (verificação automática no primeiro PR) - Concordar com o CLA da Microsoft (verificação automática no primeiro PR)
- Siga o [Código de Conduta Open Source da Microsoft](https://opensource.microsoft.com/codeofconduct/) - Seguir o [Código de Conduta de Código Aberto da Microsoft](https://opensource.microsoft.com/codeofconduct/)
- Veja [CONTRIBUTING.md](./CONTRIBUTING.md) para diretrizes detalhadas - Consulte o [CONTRIBUTING.md](./CONTRIBUTING.md) para diretrizes detalhadas
- Referencie números de issues na descrição do PR, se aplicável - Referencie números de issues na descrição do PR, se aplicável
### Processo de Revisão ### Processo de Revisão
- PRs são revisados por mantenedores e comunidade - PRs revisados por mantenedores e comunidade
- Clareza educacional tem prioridade - Clareza educacional é priorizada
- Exemplos de código devem seguir melhores práticas atuais - Exemplos de código devem seguir melhores práticas atuais
- Traduções revisadas quanto à precisão e adequação cultural - Traduções são revisadas quanto à precisão e adequação cultural
## Sistema de Tradução ## Sistema de Tradução
### Tradução Automatizada ### Tradução Automática
- Usa GitHub Actions com workflow co-op-translator - Usa GitHub Actions com workflow co-op-translator
- Traduz para mais de 50 idiomas automaticamente - Traduz para mais de 50 idiomas automaticamente
- Arquivos originais nos diretórios principais - Arquivos fonte nos diretórios principais
- Arquivos traduzidos em `translations/{language-code}/` - Arquivos traduzidos nas pastas `translations/{language-code}/`
### Adicionando Melhorias Manuais nas Traduções ### Adicionando Melhorias Manuais de Tradução
1. Localize o arquivo em `translations/{language-code}/` 1. Localize o arquivo em `translations/{language-code}/`
2. Faça melhorias preservando a estrutura 2. Faça melhorias preservando a estrutura
3. Garanta que exemplos de código permanecem funcionais 3. Garanta que exemplos de código continuem funcionais
4. Teste qualquer conteúdo de quiz localizado 4. Teste quaisquer conteúdos localizados de quizzes
### Metadados de Tradução ### Metadados de Tradução
@ -293,86 +293,86 @@ CO_OP_TRANSLATOR_METADATA:
### Problemas Comuns ### Problemas Comuns
**O quiz app não inicia**: **App de quiz não inicia**:
- Verifique a versão do Node.js (recomendado v14+) - Verifique a versão do Node.js (v14+ recomendado)
- Apague `node_modules` e `package-lock.json`, rode `npm install` novamente - Apague `node_modules` e `package-lock.json`, rode `npm install` novamente
- Verifique conflitos de portas (padrão: Vite usa porta 5173) - Verifique conflito de porta (padrão: Vite usa porta 5173)
**Servidor API não inicia**: **Servidor API não inicia**:
- Confirme a versão mínima do Node.js (node >=10) - Verifique se a versão do Node.js atende o mínimo (node >=10)
- Verifique se a porta não está em uso - Confira se a porta já está em uso
- Garanta que todas as dependências foram instaladas com `npm install` - Assegure que todas as dependências estejam instaladas com `npm install`
**Extensão de navegador não carrega**: **Extensão de navegador não carrega**:
- Verifique se o manifest.json está formatado corretamente - Verifique se o manifest.json está corretamente formatado
- Verifique erros no console do navegador - Confira o console do navegador para erros
- Siga as instruções específicas de instalação da extensão para o navegador - Siga as instruções específicas do navegador para instalação da extensão
**Problemas no projeto de chat Python**: **Problemas no projeto chat Python**:
- Certifique-se que o pacote OpenAI está instalado: `pip install openai` - Certifique-se que o pacote OpenAI está instalado: `pip install openai`
- Verifique se a variável de ambiente GITHUB_TOKEN está definida - Verifique se a variável de ambiente GITHUB_TOKEN está definida
- Confirme as permissões de acesso ao GitHub Models - Verifique permissões de acesso aos Modelos GitHub
**Docsify não serve a documentação**: **Docsify não serve a documentação**:
- Instale docsify-cli globalmente: `npm install -g docsify-cli` - Instale o docsify-cli globalmente: `npm install -g docsify-cli`
- Rode a partir do diretório raiz do repositório - Execute a partir do diretório raiz do repositório
- Confira se `docs/_sidebar.md` existe - Verifique se `docs/_sidebar.md` existe
### Dicas para Ambiente de Desenvolvimento ### Dicas do Ambiente de Desenvolvimento
- Use VS Code com extensão Live Server para projetos HTML - Use VS Code com extensão Live Server para projetos HTML
- Instale as extensões ESLint e Prettier para formatação consistente - Instale extensões ESLint e Prettier para formatação consistente
- Use DevTools do navegador para depurar JavaScript - Use DevTools do navegador para depurar JavaScript
- Para projetos Vue, instale a extensão Vue DevTools para navegador - Para projetos Vue, instale a extensão Vue DevTools para navegador
### Considerações de Performance ### Considerações de Performance
- Grande número de arquivos traduzidos (50+ idiomas) torna clones completos grandes - Grande número de arquivos traduzidos (50+ idiomas) faz com que clones completos sejam grandes
- Use clone raso se estiver trabalhando apenas no conteúdo: `git clone --depth 1` - Use clone superficial se trabalhar apenas com conteúdo: `git clone --depth 1`
- Exclua traduções das buscas ao trabalhar no conteúdo em inglês - Exclua traduções das buscas quando trabalhar no conteúdo em inglês
- Processos de build podem ser lentos na primeira execução (npm install, build Vite) - Processos de build podem ser lentos na primeira execução (npm install, build Vite)
## Considerações de Segurança ## Considerações de Segurança
### Variáveis de Ambiente ### Variáveis de Ambiente
- Chaves de API nunca devem ser commitadas no repositório - Chaves API nunca devem ser commitadas no repositório
- Use arquivos `.env` (já listados no `.gitignore`) - Use arquivos `.env` (já incluídos no `.gitignore`)
- Documente variáveis de ambiente necessárias nos READMEs dos projetos - Documente variáveis de ambiente requeridas nos READMEs dos projetos
### Projetos Python ### Projetos Python
- Use ambientes virtuais: `python -m venv venv` - Use ambientes virtuais: `python -m venv venv`
- Mantenha as dependências atualizadas - Mantenha dependências atualizadas
- Tokens GitHub devem ter permissões mínimas necessárias - Tokens GitHub devem ter permissões mínimas necessárias
### Acesso GitHub Models ### Acesso aos Modelos GitHub
- Tokens de Acesso Pessoal (PAT) são exigidos para GitHub Models - Tokens de Acesso Pessoal (PAT) são necessários para Modelos GitHub
- Os tokens devem ser armazenados como variáveis de ambiente - Tokens devem ser armazenados como variáveis de ambiente
- Nunca commit tokens ou credenciais - Nunca commit tokens ou credenciais
## Notas Adicionais ## Notas Adicionais
### Público-alvo ### Público Alvo
- Iniciantes completos em desenvolvimento web - Iniciantes completos em desenvolvimento web
- Estudantes e autodidatas - Estudantes e autodidatas
- Professores utilizando o currículo em salas de aula - Professores usando o currículo em salas de aula
- Conteúdo desenhado para acessibilidade e construção gradual de habilidades - Conteúdo projetado para acessibilidade e construção gradual de habilidades
### Filosofia Educacional ### Filosofia Educacional
- Abordagem de aprendizado baseada em projetos - Abordagem de aprendizado baseada em projetos
- Verificações frequentes de conhecimento (quizzes) - Verificação frequente de conhecimento (quizzes)
- Exercícios práticos de codificação - Exercícios práticos de codificação
- Exemplos de aplicação no mundo real - Exemplos de aplicação no mundo real
- Foco em fundamentos antes de frameworks - Foco nos fundamentos antes dos frameworks
### Manutenção do Repositório ### Manutenção do Repositório
- Comunidade ativa de aprendizes e contribuintes - Comunidade ativa de alunos e colaboradores
- Atualizações regulares em dependências e conteúdo - Atualizações regulares de dependências e conteúdo
- Issues e discussões monitoradas por mantenedores - Issues e discussões monitoradas por mantenedores
- Atualizações de tradução automatizadas via GitHub Actions - Atualizações de tradução automatizadas via GitHub Actions
@ -386,23 +386,23 @@ CO_OP_TRANSLATOR_METADATA:
### Trabalhando com Projetos Específicos ### Trabalhando com Projetos Específicos
Para instruções detalhadas sobre projetos individuais, consulte os arquivos README em: Para instruções detalhadas sobre projetos individuais, consulte os arquivos README em:
- `quiz-app/README.md` - Aplicação de quiz Vue 3 - `quiz-app/README.md` - aplicação de quiz Vue 3
- `7-bank-project/README.md` - Aplicação bancária com autenticação - `7-bank-project/README.md` - aplicativo bancário com autenticação
- `5-browser-extension/README.md` - Desenvolvimento de extensão de navegador - `5-browser-extension/README.md` - desenvolvimento de extensão de navegador
- `6-space-game/README.md` - Desenvolvimento de jogo baseado em canvas - `6-space-game/README.md` - desenvolvimento de jogo baseado em Canvas
- `9-chat-project/README.md` - Projeto assistente de chat IA - `9-chat-project/README.md` - projeto assistente de chat AI
### Estrutura Monorepo ### Estrutura Monorepo
Embora não seja um monorepo tradicional, este repositório contém múltiplos projetos independentes: Embora não seja um monorepo tradicional, este repositório contém múltiplos projetos independentes:
- Cada lição é autocontida - Cada aula é autocontida
- Projetos não compartilham dependências - Projetos não compartilham dependências
- Trabalhe em projetos individuais sem afetar outros - Trabalhe nos projetos individualmente sem impactar os demais
- Faça clone do repositório completo para experiência total do currículo - Clone o repositório completo para a experiência curricular inteira
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Aviso Legal**: **Aviso Legal**:
Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, por favor, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original em sua língua nativa deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se a tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes do uso desta tradução. Este documento foi traduzido utilizando o serviço de tradução AI [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, esteja ciente de que traduções automáticas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autoritativa. Para informações críticas, recomenda-se tradução profissional humana. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes do uso desta tradução.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,38 +1,38 @@
[![Licença GitHub](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) [![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)
[![Colaboradores GitHub](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) [![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
[![Problemas GitHub](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) [![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
[![Pull requests GitHub](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/) [![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 Bem-vindos](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
[![Observadores GitHub](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 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/)
[![Forks GitHub](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 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/)
[![Estrelas GitHub](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/) [![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) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Desenvolvimento Web para Iniciantes - Um Currículo # Desenvolvimento Web para Iniciantes - Um Currículo
Aprenda os fundamentos do desenvolvimento web com nosso curso abrangente de 12 semanas ministrado pelos Advocates da Microsoft Cloud. Cada uma das 24 aulas explora JavaScript, CSS e HTML por meio de projetos práticos como terrários, extensões de navegador e jogos espaciais. Envolva-se com quizzes, discussões e tarefas práticas. Aprimore suas habilidades e otimize a retenção de conhecimento com nossa pedagógica eficaz baseada em projetos. Comece sua jornada de programação hoje! Aprenda os fundamentos do desenvolvimento web com nosso curso abrangente de 12 semanas ministrado por Microsoft Cloud Advocates. Cada uma das 24 lições mergulha em JavaScript, CSS e HTML por meio de projetos práticos, como terrários, extensões para navegadores e jogos espaciais. Participe de questionários, discussões e tarefas práticas. Aprimore suas habilidades e otimize a retenção do conhecimento com nossa pedagogia eficaz baseada em projetos. Comece sua jornada na programação hoje!
Participe da Comunidade Azure AI Foundry no Discord Participe do Discord do Azure AI Foundry e conheça especialistas e outros desenvolvedores.
[![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)
Siga estes passos para começar a usar esses recursos: Siga estes passos para começar a usar esses recursos:
1. **Faça um Fork do Repositório**: Clique em [![Forks GitHub](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. **Faça um Fork do Repositório**: Clique em [![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. **Clone o Repositório**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Clone o Repositório**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Participe do Discord Azure AI Foundry e conheça especialistas e outros desenvolvedores**](https://discord.com/invite/ByRwuEEgH4) 3. [**Participe do Discord do Azure AI Foundry e conheça especialistas e outros desenvolvedores**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Suporte Multilíngue ### 🌐 Suporte Multilíngue
#### Suportado via GitHub Action (Automatizado & Sempre Atualizado) #### Suportado via GitHub Action (Automatizado e Sempre Atualizado)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Árabe](../ar/README.md) | [Bengali](../bn/README.md) | [Búlgaro](../bg/README.md) | [Birmanês (Myanmar)](../my/README.md) | [Chinês (Simplificado)](../zh-CN/README.md) | [Chinês (Tradicional, Hong Kong)](../zh-HK/README.md) | [Chinês (Tradicional, Macau)](../zh-MO/README.md) | [Chinês (Tradicional, Taiwan)](../zh-TW/README.md) | [Croata](../hr/README.md) | [Tcheco](../cs/README.md) | [Dinamarquês](../da/README.md) | [Holandês](../nl/README.md) | [Estoniano](../et/README.md) | [Finlandês](../fi/README.md) | [Francês](../fr/README.md) | [Alemão](../de/README.md) | [Grego](../el/README.md) | [Hebraico](../he/README.md) | [Hindi](../hi/README.md) | [Húngaro](../hu/README.md) | [Indonésio](../id/README.md) | [Italiano](../it/README.md) | [Japonês](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Coreano](../ko/README.md) | [Lituano](../lt/README.md) | [Malaio](../ms/README.md) | [Malaiala](../ml/README.md) | [Marata](../mr/README.md) | [Nepalês](../ne/README.md) | [Pidgin Nigeriano](../pcm/README.md) | [Norueguês](../no/README.md) | [Persa (Farsi)](../fa/README.md) | [Polonês](../pl/README.md) | [Português (Brasil)](./README.md) | [Português (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romeno](../ro/README.md) | [Russo](../ru/README.md) | [Sérvio (Cirílico)](../sr/README.md) | [Eslovaco](../sk/README.md) | [Esloveno](../sl/README.md) | [Espanhol](../es/README.md) | [Suaíli](../sw/README.md) | [Sueco](../sv/README.md) | [Tagalo (Filipino)](../tl/README.md) | [Tâmil](../ta/README.md) | [Telugu](../te/README.md) | [Tailandês](../th/README.md) | [Turco](../tr/README.md) | [Ucraniano](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamita](../vi/README.md) [Árabe](../ar/README.md) | [Bengali](../bn/README.md) | [Búlgaro](../bg/README.md) | [Birmanês (Myanmar)](../my/README.md) | [Chinês (Simplificado)](../zh-CN/README.md) | [Chinês (Tradicional, Hong Kong)](../zh-HK/README.md) | [Chinês (Tradicional, Macau)](../zh-MO/README.md) | [Chinês (Tradicional, Taiwan)](../zh-TW/README.md) | [Croata](../hr/README.md) | [Tcheco](../cs/README.md) | [Dinamarquês](../da/README.md) | [Holandês](../nl/README.md) | [Estoniano](../et/README.md) | [Finlandês](../fi/README.md) | [Francês](../fr/README.md) | [Alemão](../de/README.md) | [Grego](../el/README.md) | [Hebraico](../he/README.md) | [Hindi](../hi/README.md) | [Húngaro](../hu/README.md) | [Indonésio](../id/README.md) | [Italiano](../it/README.md) | [Japonês](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Coreano](../ko/README.md) | [Lituano](../lt/README.md) | [Malaio](../ms/README.md) | [Malaialam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Pidgin Nigeriano](../pcm/README.md) | [Norueguês](../no/README.md) | [Persa (Farsi)](../fa/README.md) | [Polonês](../pl/README.md) | [Português (Brasil)](./README.md) | [Português (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romeno](../ro/README.md) | [Russo](../ru/README.md) | [Sérvio (Cirílico)](../sr/README.md) | [Eslovaco](../sk/README.md) | [Esloveno](../sl/README.md) | [Espanhol](../es/README.md) | [Suaíli](../sw/README.md) | [Sueco](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tâmil](../ta/README.md) | [Telugu](../te/README.md) | [Tailandês](../th/README.md) | [Turco](../tr/README.md) | [Ucraniano](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamita](../vi/README.md)
> **Prefere clonar localmente?** > **Prefere Clonar Localmente?**
> >
> Este repositório inclui mais de 50 traduções de idiomas, o que aumenta significativamente o tamanho do download. Para clonar sem as traduções, use sparse checkout: > Este repositório inclui traduções para mais de 50 idiomas, o que aumenta significativamente o tamanho do download. Para clonar sem as traduções, use a checagem esparsa:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -48,41 +48,41 @@ Siga estes passos para começar a usar esses recursos:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ``` > ```
> >
> Isso fornece tudo que você precisa para completar o curso com um download muito mais rápido. > Isso oferece tudo que você precisa para completar o curso com um download muito mais rápido.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Se desejar que línguas adicionais sejam suportadas, elas estão listadas [aqui](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** **Se desejar traduções adicionais, os idiomas suportados estão listados aqui. [aqui](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Abrir no 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) [![Abrir no 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)
#### 🧑‍🎓 _Você é estudante?_ #### 🧑‍🎓 _Você é estudante?_
Visite a [**página Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) onde você encontrará recursos para iniciantes, pacotes estudantis e até maneiras de obter um voucher gratuito para certificação. Esta é a página que você deve salvar nos favoritos e consultar de tempos em tempos, pois o conteúdo é atualizado mensalmente. Visite a [**página Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) onde você encontrará recursos para iniciantes, pacotes para estudantes e até maneiras de obter um voucher de certificado gratuito. Esta é a página que você deve adicionar aos favoritos e consultar de tempos em tempos, pois o conteúdo é atualizado mensalmente.
### 📣 Anúncio - Novos desafios do modo GitHub Copilot Agent para completar! ### 📣 Anúncio - Novos desafios do modo GitHub Copilot Agent para completar!
Novo desafio adicionado, procure por "GitHub Copilot Agent Challenge 🚀" na maioria dos capítulos. É um novo desafio para você completar usando o GitHub Copilot e o modo Agent. Se você nunca usou o modo Agent antes, ele é capaz não apenas de gerar texto, mas também criar e editar arquivos, executar comandos e muito mais. Novo desafio adicionado, procure por "GitHub Copilot Agent Challenge 🚀" na maioria dos capítulos. Este é um novo desafio para você completar usando o GitHub Copilot e o modo Agent. Se você nunca usou o modo Agent antes, ele é capaz de não apenas gerar texto, mas também criar e editar arquivos, executar comandos e mais.
### 📣 Anúncio - _Novo Projeto para construir usando IA Generativa_ ### 📣 Anúncio - _Novo Projeto para construir usando IA Generativa_
Novo projeto Assistente de IA adicionado, confira o [projeto](./9-chat-project/README.md) Novo projeto de Assistente AI adicionado, confira o [projeto](./9-chat-project/README.md)
### 📣 Anúncio - _Novo Currículo_ sobre IA Generativa para JavaScript acaba de ser lançado ### 📣 Anúncio - _Novo Currículo_ sobre IA Generativa para JavaScript foi lançado
Não perca nosso novo currículo de IA Generativa! Não perca nosso novo currículo de IA Generativa!
Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começar! Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começar!
![Fundo](../../translated_images/pt-BR/background.148a8d43afde5730.webp) ![Background](../../translated_images/pt-BR/background.148a8d43afde5730.webp)
- Aulas cobrindo tudo desde o básico até RAG. - Lições que cobrem desde o básico até RAG.
- Interaja com personagens históricos usando GenAI e nosso aplicativo acompanhante. - Interaja com personagens históricos usando GenAI e nosso aplicativo acompanhante.
- Narrativa divertida e envolvente, você vai viajar no tempo! - Narrativa divertida e envolvente, você vai viajar no tempo!
![personagem](../../translated_images/pt-BR/character.5c0dd8e067ffd693.webp) ![character](../../translated_images/pt-BR/character.5c0dd8e067ffd693.webp)
Cada aula inclui uma tarefa para completar, uma verificação de conhecimento e um desafio para orientar você em tópicos como: Cada lição inclui uma tarefa para completar, uma checagem de conhecimento e um desafio para guiá-lo em tópicos como:
- Prompting e engenharia de prompt - Prompting e engenharia de prompt
- Geração de aplicativos de texto e imagem - Geração de aplicativos de texto e imagem
- Aplicativos de busca - Aplicativos de busca
@ -93,20 +93,20 @@ Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para com
## 🌱 Começando ## 🌱 Começando
> **Professores**, incluímos [algumas sugestões](for-teachers.md) sobre como usar este currículo. Adoraríamos seu feedback [em nosso fórum de discussões](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! > **Professores**, incluímos [algumas sugestões](for-teachers.md) sobre como usar este currículo. Adoraríamos seu feedback [em nosso fórum de discussão](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Alunos](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada aula, comece com um quiz pré-aula e continue lendo o material da aula, completando as várias atividades e verificando seu entendimento com o quiz pós-aula. **[Aprendizes](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada lição, comece com um quiz pré-aula e siga lendo o material da palestra, completando as várias atividades e confira sua compreensão com o quiz pós-aula.
Para aprimorar sua experiência de aprendizado, conecte-se com seus colegas para trabalharem juntos nos projetos! Discussões são incentivadas em nosso [fórum de discussões](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) onde nossa equipe de moderadores estará disponível para responder suas perguntas. Para melhorar sua experiência de aprendizado, conecte-se com seus colegas para trabalhar juntos nos projetos! Discussões são incentivadas em nosso [fórum de discussões](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), onde nossa equipe de moderadores estará disponível para responder às suas perguntas.
Para aprofundar sua educação, recomendamos fortemente explorar o [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para materiais adicionais de estudo. Para aprofundar sua educação, recomendamos fortemente explorar o [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para materiais de estudo adicionais.
### 📋 Configurando seu ambiente ### 📋 Configurando seu ambiente
Este currículo já possui um ambiente de desenvolvimento pronto para uso! Ao começar, você pode escolher executar o currículo em um [Codespace](https://github.com/features/codespaces/) (_um ambiente baseado em navegador, sem necessidade de instalações_), ou localmente em seu computador usando um editor de texto como o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). Este currículo tem um ambiente de desenvolvimento pronto para uso! Ao começar, você pode optar por executar o currículo em um [Codespace](https://github.com/features/codespaces/) (_um ambiente baseado em navegador, sem necessidade de instalação_), ou localmente no seu computador usando um editor de texto como o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Crie seu repositório #### Crie seu repositório
Para facilitar o salvamento do seu trabalho, recomenda-se criar sua própria cópia deste repositório. Você pode fazer isso clicando no botão **Use this template** no topo da página. Isso criará um novo repositório em sua conta do GitHub com uma cópia do currículo. Para facilitar salvar seu trabalho, recomenda-se criar sua própria cópia deste repositório. Você pode fazer isso clicando no botão **Usar este modelo** no topo da página. Isso criará um novo repositório em sua conta do GitHub com uma cópia do currículo.
Siga estes passos: Siga estes passos:
1. **Faça um Fork do Repositório**: Clique no botão "Fork" no canto superior direito desta página. 1. **Faça um Fork do Repositório**: Clique no botão "Fork" no canto superior direito desta página.
@ -120,9 +120,9 @@ Na sua cópia deste repositório que você criou, clique no botão **Code** e se
#### Executando o currículo localmente no seu computador #### Executando o currículo localmente no seu computador
Para executar este currículo localmente no seu computador, você precisará de um editor de texto, um navegador e uma ferramenta de linha de comando. Nossa primeira aula, [Introdução às Linguagens de Programação e Ferramentas do Ofício](../../1-getting-started-lessons/1-intro-to-programming-languages), apresentará várias opções para cada uma dessas ferramentas para você escolher a que melhor funciona para você. Para executar este currículo localmente no seu computador, você precisará de um editor de texto, um navegador e uma ferramenta de linha de comando. Nossa primeira lição, [Introdução às Linguagens de Programação e Ferramentas do Ofício](../../1-getting-started-lessons/1-intro-to-programming-languages), irá guiá-lo por várias opções para cada uma dessas ferramentas para você selecionar o que funciona melhor para você.
Nossa recomendação é usar o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) como seu editor, que também possui um [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrado. Você pode baixar o Visual Studio Code [aqui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). Nossa recomendação é usar o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) como seu editor, que também tem um [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrado. Você pode baixar o Visual Studio Code [aqui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Clone seu repositório para o seu computador. Você pode fazer isso clicando no botão **Code** e copiando a URL: 1. Clone seu repositório para o seu computador. Você pode fazer isso clicando no botão **Code** e copiando a URL:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
@ -139,76 +139,76 @@ Nossa recomendação é usar o [Visual Studio Code](https://code.visualstudio.co
> Extensões recomendadas para o Visual Studio Code: > Extensões recomendadas para o Visual Studio Code:
> >
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - para pré-visualizar páginas HTML dentro do Visual Studio Code > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - para pré-visualizar páginas HTML dentro do Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - para ajudar a escrever código mais rápido > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - para ajudar você a escrever código mais rapidamente
## 📂 Cada lição inclui: ## 📂 Cada lição inclui:
- sketchnote opcional - esboço opcional
- vídeo suplementar opcional - vídeo suplementar opcional
- quiz de aquecimento pré-licão - quiz de aquecimento pré-lição
- lição escrita - lição escrita
- para lições baseadas em projeto, guias passo a passo sobre como construir o projeto - para lições baseadas em projetos, guias passo a passo sobre como construir o projeto
- checagens de conhecimento - verificações de conhecimento
- um desafio - um desafio
- leitura suplementar - leitura suplementar
- tarefa - tarefa
- [quiz pós-lição](https://ff-quizzes.netlify.app/web/) - [quiz pós-lição](https://ff-quizzes.netlify.app/web/)
> **Uma nota sobre quizzes**: Todos os quizzes estão contidos na pasta Quiz-app, totalizando 48 quizzes com três perguntas cada. Eles estão disponíveis [aqui](https://ff-quizzes.netlify.app/web/); o aplicativo de quiz pode ser executado localmente ou implantado no Azure; siga as instruções na pasta `quiz-app`. > **Uma nota sobre quizzes**: Todos os quizzes estão contidos na pasta Quiz-app, com um total de 48 quizzes com três perguntas cada. Eles estão disponíveis [aqui](https://ff-quizzes.netlify.app/web/); o aplicativo de quiz pode ser executado localmente ou implantado no Azure; siga as instruções na pasta `quiz-app`.
## 🗃️ Lições ## 🗃️ Lições
| | Nome do Projeto | Conceitos Ensinados | Objetivos de Aprendizagem | Lição Vinculada | Autor | | | Nome do Projeto | Conceitos Ensinados | Objetivos de Aprendizagem | Lição Relacionada | Autor |
| :-: | :---------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :---------------------------------------------------------: | :----------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Getting Started | Introdução à Programação e Ferramentas do Ofício | Aprender os fundamentos básicos por trás da maioria das linguagens de programação e sobre software que ajuda desenvolvedores profissionais | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 01 | Começando | Introdução à Programação e Ferramentas do Ofício | Aprender os fundamentos básicos por trás da maioria das linguagens de programação e sobre o software que ajuda desenvolvedores | [Introdução às Linguagens de Programação e Ferramentas do Ofício](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Getting Started | Noções básicas do GitHub, inclui trabalho em equipe | Como usar o GitHub em seu projeto, como colaborar com outros em uma base de código | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 02 | Começando | Noções básicas de GitHub, incluindo trabalho em equipe | Como usar GitHub em seu projeto, como colaborar com outros em uma base de código | [Introdução ao GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Getting Started | Acessibilidade | Aprender o básico sobre acessibilidade web | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | Começando | Acessibilidade | Aprender o básico de acessibilidade na web | [Fundamentos de Acessibilidade](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Basics | Tipos de Dados em JavaScript | Os fundamentos dos tipos de dados em JavaScript | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | Básicos de JS | Tipos de Dados em JavaScript | O básico sobre tipos de dados em JavaScript | [Tipos de Dados](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Basics | Funções e Métodos | Aprender sobre funções e métodos para gerenciar o fluxo lógico de uma aplicação | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine e Christopher | | 05 | Básicos de JS | Funções e Métodos | Aprender sobre funções e métodos para gerenciar o fluxo lógico de um aplicativo | [Funções e Métodos](./2-js-basics/2-functions-methods/README.md) | Jasmine e Christopher |
| 06 | JS Basics | Tomando Decisões com JS | Aprender como criar condições no seu código usando métodos de tomada de decisão | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | Básicos de JS | Tomando Decisões com JS | Aprender como criar condições em seu código usando métodos para tomada de decisão | [Tomando Decisões](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Basics | Arrays e Loops | Trabalhar com dados usando arrays e loops em JavaScript | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 07 | Básicos de JS | Arrays e Loops | Trabalhar com dados usando arrays e loops em JavaScript | [Arrays e Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML na Prática | Construir o HTML para criar um terrário online, focando na construção de um layout | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML na Prática | Construir o HTML para criar um terrário online, com foco no layout | [Introdução ao HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS na Prática | Criar o CSS para estilizar o terrário online, focando no básico do CSS, incluindo tornar a página responsiva | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS na Prática | Construir o CSS para estilizar o terrário online, focando no básico de CSS, incluindo tornar a página responsiva | [Introdução ao CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | Closures em JavaScript, manipulação do DOM | Construir o JavaScript para fazer o terrário funcionar como uma interface de arrastar e soltar, focando em closures e manipulação do DOM | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 10 | [Terrarium](./3-terrarium/solution/README.md) | Closures em JavaScript e manipulação do DOM | Construir o JavaScript para fazer o terrário funcionar como uma interface de arrastar e soltar, focando em closures e manipulação do DOM | [Closures em JavaScript e manipulação do DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Construindo um Jogo de Digitação | Aprender a usar eventos do teclado para conduzir a lógica do seu app em JavaScript | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Typing Game](./4-typing-game/solution/README.md) | Construir um Jogo de Digitação | Aprender a usar eventos de teclado para controlar a lógica do seu app JavaScript | [Programação Baseada em Eventos](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Trabalhando com Navegadores | Aprender como os navegadores funcionam, sua história e como estruturar os primeiros elementos de uma extensão de navegador | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | | 12 | [Extensão de Navegador Verde](./5-browser-extension/solution/README.md) | Trabalhando com Navegadores | Aprender como os navegadores funcionam, sua história e como criar os primeiros elementos de uma extensão de navegador | [Sobre Navegadores](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Construindo um formulário, chamada a uma API e armazenamento local | Construir os elementos em JavaScript da sua extensão para navegador para chamar uma API usando variáveis armazenadas localmente | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Extensão de Navegador Verde](./5-browser-extension/solution/README.md) | Construção de formulário, chamada a API e armazenamento local de variáveis | Construir os elementos JavaScript da sua extensão para chamar uma API usando variáveis armazenadas localmente | [APIs, Formulários e Armazenamento Local](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Processos em segundo plano no navegador, desempenho web | Usar processos em segundo plano do navegador para gerenciar o ícone da extensão; aprender sobre desempenho web e algumas otimizações para melhorar | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 14 | [Extensão de Navegador Verde](./5-browser-extension/solution/README.md) | Processos em segundo plano no navegador, performance na web | Usar os processos em segundo plano do navegador para gerenciar o ícone da extensão; aprender sobre performance na web e algumas otimizações | [Tarefas em Segundo Plano e Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | Desenvolvimento de Jogos Mais Avançado com JavaScript | Aprender sobre Herança usando Classes e Composição e o padrão Pub/Sub, preparando para construir um jogo | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | | 15 | [Jogo Espacial](./6-space-game/solution/README.md) | Desenvolvimento de Jogos mais Avançado com JavaScript | Aprender sobre herança usando Classes e Composição e o padrão Pub/Sub, preparando para construir um jogo | [Introdução ao Desenvolvimento Avançado de Jogos](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Desenho no canvas | Aprender sobre a API Canvas, usada para desenhar elementos na tela | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 16 | [Jogo Espacial](./6-space-game/solution/README.md) | Desenhando no canvas | Aprender sobre a API Canvas, usada para desenhar elementos na tela | [Desenhando no Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | Movendo elementos na tela | Descobrir como elementos podem se mover usando coordenadas cartesianas e a API Canvas | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Jogo Espacial](./6-space-game/solution/README.md) | Movendo elementos pela tela | Descobrir como os elementos podem ganhar movimento usando coordenadas cartesianas e a API Canvas | [Movendo Elementos](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | Detecção de colisões | Fazer elementos colidirem e reagirem uns aos outros usando pressionamento de teclas e fornecer uma função cooldown para garantir o desempenho do jogo | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | | 18 | [Jogo Espacial](./6-space-game/solution/README.md) | Detecção de colisões | Fazer elementos colidirem e reagirem entre si usando pressionamentos de tecla e fornecer função de cooldown para garantir performance | [Detecção de Colisões](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | Mantendo a pontuação | Realizar cálculos matemáticos baseados no status e desempenho do jogo | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | | 19 | [Jogo Espacial](./6-space-game/solution/README.md) | Mantendo a pontuação | Realizar cálculos matemáticos baseados no estado e na performance do jogo | [Mantendo a Pontuação](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | Finalizando e reiniciando o jogo | Aprender sobre encerrar e reiniciar o jogo, incluindo limpar ativos e redefinir valores de variáveis | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | | 20 | [Jogo Espacial](./6-space-game/solution/README.md) | Terminando e reiniciando o jogo | Aprender sobre como terminar e reiniciar o jogo, incluindo limpeza de recursos e reset de valores de variáveis | [A Condição de Término](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | Templates HTML e Rotas em um App Web | Aprender a criar a estrutura arquitetural de um website multipáginas usando roteamento e templates HTML | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | | 21 | [Aplicativo Bancário](./7-bank-project/solution/README.md) | Templates HTML e Rotas em um aplicativo Web | Aprender a criar a arquitetura de um site multipágina usando roteamento e templates HTML | [Templates HTML e Rotas](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Construir um Formulário de Login e Registro | Aprender sobre construção de formulários e rotinas de validação | [Forms](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [Aplicativo Bancário](./7-bank-project/solution/README.md) | Construir um formulário de login e registro | Aprender sobre construir formulários e lidar com rotinas de validação | [Formulários](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Métodos para Buscar e Usar Dados | Como os dados fluem para dentro e fora do seu app, como buscá-los, armazená-los e descartá-los | [Data](./7-bank-project/3-data/README.md) | Yohan | | 23 | [Aplicativo Bancário](./7-bank-project/solution/README.md) | Métodos para buscar e usar dados | Como os dados entram e saem do seu app, como buscá-los, armazená-los e descartá-los | [Dados](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | Conceitos de Gerenciamento de Estado | Aprender como seu app mantém o estado e como gerenciá-lo programaticamente | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | | 24 | [Aplicativo Bancário](./7-bank-project/solution/README.md) | Conceitos de Gerenciamento de Estado | Aprender como seu app retém estado e como gerenciá-lo programaticamente | [Gerenciamento de Estado](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | Trabalhando com VScode | Aprender a usar um editor de código | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [Browser/VScode Code](../../8-code-editor) | Trabalhando com VScode | Aprender a usar um editor de código | [Usar o editor de código VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | Trabalhando com IA | Aprender a construir seu próprio assistente de IA | [AI Assistant project](./9-chat-project/README.md) | Chris | | 26 | [Assistentes de IA](./9-chat-project/README.md) | Trabalhando com IA | Aprender a construir seu próprio assistente de IA | [Projeto Assistente de IA](./9-chat-project/README.md) | Chris |
## 🏫 Pedagogia ## 🏫 Pedagogia
Nosso currículo é projetado com dois princípios pedagógicos principais em mente: Nosso currículo é elaborado com dois princípios pedagógicos principais em mente:
* aprendizagem baseada em projetos * aprendizagem baseada em projects
* quizzes frequentes * quizzes frequentes
O programa ensina os fundamentos de JavaScript, HTML e CSS, bem como as ferramentas e técnicas mais recentes usadas pelos desenvolvedores web atuais. Os alunos terão a oportunidade de adquirir experiência prática construindo um jogo de digitação, terrário virtual, extensão de navegador ecológica, jogo no estilo space-invader e um aplicativo bancário para empresas. Ao final da série, os alunos terão uma sólida compreensão do desenvolvimento web. O programa ensina os fundamentos de JavaScript, HTML e CSS, bem como as ferramentas e técnicas mais recentes usadas pelos desenvolvedores web hoje. Os estudantes terão a oportunidade de desenvolver experiência prática construindo um jogo de digitação, um terrário virtual, uma extensão de navegador ecológica, um jogo estilo space-invaders e um aplicativo bancário para negócios. Ao final da série, os estudantes terão adquirido uma sólida compreensão do desenvolvimento web.
> 🎓 Você pode fazer as primeiras aulas deste currículo como um [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) no Microsoft Learn! > 🎓 Você pode fazer as primeiras lições deste currículo como um [Caminho de Aprendizagem](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) no Microsoft Learn!
Ao garantir que o conteúdo esteja alinhado com projetos, o processo torna-se mais envolvente para os alunos e a retenção dos conceitos será aumentada. Também escrevemos várias lições iniciais sobre conceitos básicos de JavaScript para introduzir conceitos, combinadas com um vídeo da coleção de tutoriais em vídeo "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", alguns dos autores dos quais contribuíram para este currículo. Ao garantir que o conteúdo esteja alinhado com os projetos, o processo se torna mais envolvente para os alunos e a retenção dos conceitos será aumentada. Também escrevemos várias lições iniciais sobre os básicos de JavaScript para introduzir conceitos, combinadas com um vídeo da coleção "[Série para Iniciantes em: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" de tutoriais em vídeo, alguns cujos autores contribuíram para este currículo.
Além disso, um quiz de baixo impacto antes da aula define a intenção do aluno em aprender um tema, enquanto um segundo quiz após a aula assegura maior retenção. Este currículo foi projetado para ser flexível e divertido e pode ser feito inteiro ou em partes. Os projetos começam pequenos e tornam-se progressivamente mais complexos ao longo do ciclo de 12 semanas. Além disso, um quiz de baixa pressão antes da aula define a intenção do aluno para aprender um tópico, enquanto um segundo quiz após a aula assegura a retenção adicional. Este currículo foi projetado para ser flexível e divertido e pode ser feito completo ou em parte. Os projetos começam pequenos e tornam-se progressivamente mais complexos ao final do ciclo de 12 semanas.
Embora tenhamos evitado propositalmente a introdução de frameworks JavaScript para concentrar-se nas habilidades básicas necessárias para um desenvolvedor web antes de adotar um framework, um próximo passo interessante para completar este currículo seria aprender sobre Node.js por meio de outra coleção de vídeos: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". Embora tenhamos evitado propositalmente introduzir frameworks JavaScript para concentrar nas habilidades básicas necessárias como desenvolvedor web antes de adotar um framework, o próximo passo recomendado para completar este currículo seria aprender sobre Node.js através de outra coleção de vídeos: "[Série para Iniciantes em: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Visite nossas diretrizes de [Código de Conduta](CODE_OF_CONDUCT.md) e [Contribuição](CONTRIBUTING.md). Agradecemos seu feedback construtivo! > Visite nossas diretrizes de [Código de Conduta](CODE_OF_CONDUCT.md) e [Contribuição](CONTRIBUTING.md). Aguardamos seu feedback construtivo!
## 🧭 Acesso Offline ## 🧭 Acesso offline
Você pode executar esta documentação offline usando o [Docsify](https://docsify.js.org/#/). Faça um fork deste repositório, [instale o Docsify](https://docsify.js.org/#/quickstart) em sua máquina local e então, na pasta raiz deste repositório, digite `docsify serve`. O site será servido na porta 3000 no seu localhost: `localhost:3000`. Você pode executar esta documentação offline usando [Docsify](https://docsify.js.org/#/). Faça um fork deste repositório, [instale o Docsify](https://docsify.js.org/#/quickstart) em sua máquina local e então, na pasta raiz deste repositório, digite `docsify serve`. O site será servido na porta 3000 no seu localhost: `localhost:3000`.
## 📘 PDF ## 📘 PDF
Um PDF de todas as lições pode ser encontrado [aqui](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). Um PDF de todas as lições pode ser encontrado [aqui](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
@ -241,7 +241,7 @@ Nossa equipe produz outros cursos! Confira:
--- ---
### Aprendizado Fundamental ### Aprendizado Básico
[![ML para Iniciantes](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 para Iniciantes](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)
[![Ciência de Dados para Iniciantes](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) [![Ciência de Dados para Iniciantes](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)
[![IA para Iniciantes](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) [![IA para Iniciantes](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)
@ -253,20 +253,20 @@ Nossa equipe produz outros cursos! Confira:
--- ---
### Série Copilot ### Série Copilot
[![Copilot para Programação Emparelhada com IA](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 para Programação em Pares com IA](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 para 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 para 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)
[![Aventura Copilot](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) [![Aventura Copilot](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 -->
## Obter Ajuda ## Obter Ajuda
Se você ficar travado ou tiver dúvidas sobre como construir aplicativos de IA, junte-se a outros aprendizes e desenvolvedores experientes em discussões sobre MCP. É uma comunidade receptiva onde perguntas são bem-vindas e o conhecimento é compartilhado livremente. Se você ficar preso ou tiver alguma dúvida sobre como criar aplicativos de IA. Junte-se a outros aprendizes e desenvolvedores experientes em discussões sobre MCP. É uma comunidade acolhedora onde perguntas são bem-vindas e o conhecimento é compartilhado livremente.
[![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 você tiver feedback sobre o produto ou encontrar erros durante a criação, visite: Se você tiver feedback de produto ou encontrar erros durante o desenvolvimento, visite:
[![Fórum de Desenvolvedores Microsoft Foundry](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)
## Licença ## Licença
@ -276,5 +276,5 @@ Este repositório está licenciado sob a licença MIT. Veja o arquivo [LICENSE](
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Aviso Legal**: **Aviso Legal**:
Este documento foi traduzido usando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, por favor, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se tradução profissional feita por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes do uso desta tradução. Este documento foi traduzido usando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos pela precisão, esteja ciente de que traduções automáticas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se tradução profissional humana. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações equivocadas que possam surgir do uso desta tradução.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,54 +1,79 @@
# [Tópico da Aula] # Tópico da Aula
![Incorporar um vídeo aqui](../../../lesson-template/video-url) ## 🎥 Vídeo
## [Questionário pré-aula](../../../lesson-template/quiz-url) > Adicione aqui um vídeo incorporado ou link da aula.
[Descreva o que será aprendido] ---
## Questionário pré-aula
> Adicione um link para o questionário aqui quando disponível.
---
Forneça uma visão geral breve do que os estudantes aprenderão nesta aula.
---
### Introdução ### Introdução
Descreva o que será abordado Forneça uma breve introdução descrevendo o que será abordado nesta aula.
> Notas > Notas
### Pré-requisitos ---
Quais etapas devem ter sido concluídas antes desta aula? ### Pré-requisito
Liste os conceitos ou tópicos com os quais os estudantes devem estar familiarizados antes de começar esta aula.
---
### Preparação ### Preparação
Etapas preparatórias para iniciar esta aula Liste quaisquer etapas de configuração ou ferramentas necessárias antes de iniciar a aula.
--- ---
[Avance pelo conteúdo em blocos] ### Conteúdo
Percorra o conteúdo da aula em seções estruturadas.
## [Tópico 1] ---
## Tópico 1
### Tarefa: ### Tarefa:
Trabalhem juntos para aprimorar progressivamente sua base de código e construir o projeto com código compartilhado: Trabalhem juntos para aprimorar progressivamente sua base de código para construir o projeto com código compartilhado:
```html ```html
code blocks code blocks
``` ```
✅ Verificação de Conhecimento - aproveite este momento para expandir o conhecimento dos alunos com perguntas abertas ✅ Verificação de Conhecimento
Aproveite este momento para desafiar o conhecimento dos estudantes com perguntas abertas.
## [Tópico 2] ## Tópico 2
## Tópico 3
## [Tópico 3] 🚀 Desafio
Adicione um desafio colaborativo para os estudantes aprimorarem o projeto.
🚀 Desafio: Adicione um desafio para os alunos trabalharem colaborativamente em sala de aula para aprimorar o projeto Opcional: Adicione uma captura de tela da interface concluída da aula, se apropriado.
Opcional: adicione uma captura de tela da interface do usuário da aula concluída, se for apropriado ## Questionário pós-aula
## [Questionário pós-aula](../../../lesson-template/quiz-url) Adicione um link para o questionário aqui após concluir a aula.
## Revisão e Estudo Individual ## Revisão & Autoestudo
**Entrega da Tarefa [MM/AA]**: [Nome da Tarefa](assignment.md) **Trabalho para entrega [MM/AA]**: [Nome do Trabalho](assignment.md)
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Aviso Legal**: **Aviso Legal**:
Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autoritativa. Para informações críticas, recomenda-se a tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações equivocadas decorrentes do uso desta tradução. Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, por favor, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se tradução profissional humana. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes do uso desta tradução.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-04-20T15:49:55+00:00", "translation_date": "2026-04-24T18:15:12+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "pt-PT" "language_code": "pt-PT"
}, },
@ -516,8 +516,8 @@
"language_code": "pt-PT" "language_code": "pt-PT"
}, },
"README.md": { "README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6", "original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-06T16:35:12+00:00", "translation_date": "2026-04-24T18:08:47+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "pt-PT" "language_code": "pt-PT"
}, },
@ -564,8 +564,8 @@
"language_code": "pt-PT" "language_code": "pt-PT"
}, },
"lesson-template/README.md": { "lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355", "original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2025-08-24T13:48:13+00:00", "translation_date": "2026-04-24T18:08:58+00:00",
"source_file": "lesson-template/README.md", "source_file": "lesson-template/README.md",
"language_code": "pt-PT" "language_code": "pt-PT"
}, },

@ -2,27 +2,27 @@
## Visão Geral do Projeto ## Visão Geral do Projeto
Este é um repositório de currículo educativo para ensinar fundamentos do desenvolvimento web a iniciantes. O currículo é um curso abrangente de 12 semanas desenvolvido pelos Microsoft Cloud Advocates, apresentando 24 lições práticas que cobrem JavaScript, CSS e HTML. Este é um repositório curricular educativo para ensinar fundamentos do desenvolvimento web a principiantes. O currículo é um curso abrangente de 12 semanas desenvolvido pelos Microsoft Cloud Advocates, com 24 lições práticas cobrindo JavaScript, CSS e HTML.
### Componentes Principais ### Componentes Principais
- **Conteúdo Educativo**: 24 lições estruturadas organizadas em módulos baseados em projetos - **Conteúdo Educativo**: 24 lições estruturadas organizadas em módulos baseados em projetos
- **Projetos Práticos**: Terrarium, Jogo de Digitação, Extensão de Navegador, Jogo Espacial, Aplicação Bancária, Editor de Código e Assistente de Chat IA - **Projetos Práticos**: Terrário, Jogo de Digitação, Extensão de Navegador, Jogo Espacial, Aplicação Bancária, Editor de Código e Assistente de Chat AI
- **Questionários Interativos**: 48 questionários com 3 perguntas cada (avaliações pré/pós-lição) - **Questionários Interativos**: 48 questionários com 3 perguntas cada (avaliações pré/pós-licão)
- **Suporte Multilíngue**: Traduções automáticas para mais de 50 idiomas via GitHub Actions - **Suporte Multilíngue**: Traduções automáticas para mais de 50 idiomas via GitHub Actions
- **Tecnologias**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para projetos de IA) - **Tecnologias**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para projetos AI)
### Arquitetura ### Arquitetura
- Repositório educativo com estrutura baseada em lições - Repositório educativo com estrutura baseada em lições
- Cada pasta de lição contém README, exemplos de código e soluções - Cada pasta de lição contém README, exemplos de código e soluções
- Projetos independentes em diretórios separados (quiz-app, vários projetos de lição) - Projetos independentes em diretórios separados (quiz-app, vários projetos das lições)
- Sistema de tradução usando GitHub Actions (co-op-translator) - Sistema de tradução usando GitHub Actions (co-op-translator)
- Documentação servida via Docsify e disponível em PDF - Documentação servida via Docsify e disponível em PDF
## Comandos de Configuração ## Comandos para Configuração
Este repositório destina-se principalmente ao consumo de conteúdo educativo. Para trabalhar com projetos específicos: Este repositório é principalmente para consumo de conteúdo educacional. Para trabalhar com projetos específicos:
### Configuração Principal do Repositório ### Configuração Principal do Repositório
@ -31,7 +31,7 @@ git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners cd Web-Dev-For-Beginners
``` ```
### Configuração do Quiz App (Vue 3 + Vite) ### Configuração da Aplicação de Questionários (Vue 3 + Vite)
```bash ```bash
cd quiz-app cd quiz-app
@ -48,7 +48,7 @@ cd 7-bank-project/api
npm install npm install
npm start # Iniciar servidor API npm start # Iniciar servidor API
npm run lint # Executar ESLint npm run lint # Executar ESLint
npm run format # Formatar com Prettier npm run format # Formatado com Prettier
``` ```
### Projetos de Extensão de Navegador ### Projetos de Extensão de Navegador
@ -59,94 +59,94 @@ npm install
# Siga as instruções específicas do navegador para carregar extensões # Siga as instruções específicas do navegador para carregar extensões
``` ```
### Projetos de Jogo Espacial ### Projetos do Jogo Espacial
```bash ```bash
cd 6-space-game/solution cd 6-space-game/solution
npm install npm install
# Abra index.html no navegador ou use o Live Server # Abra index.html no navegador ou utilize o Live Server
``` ```
### Projeto de Chat (Backend em Python) ### Projeto de Chat (Backend Python)
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
pip install openai pip install openai
# Definir variável de ambiente GITHUB_TOKEN # Definir a variável de ambiente GITHUB_TOKEN
python api.py python api.py
``` ```
## Fluxo de Trabalho de Desenvolvimento ## Workflow de Desenvolvimento
### Para Contribuidores de Conteúdo ### Para Contribuidores de Conteúdo
1. **Faça fork do repositório** na sua conta GitHub 1. **Fazer fork do repositório** para sua conta no GitHub
2. **Clone o seu fork** localmente 2. **Clonar o seu fork** localmente
3. **Crie uma nova branch** para as suas alterações 3. **Criar uma nova branch** para as suas alterações
4. Faça alterações no conteúdo da lição ou nos exemplos de código 4. Fazer alterações no conteúdo da lição ou exemplos de código
5. Teste quaisquer alterações de código nos diretórios de projeto relevantes 5. Testar quaisquer alterações de código nos diretórios dos projetos relevantes
6. Submeta pull requests seguindo as diretrizes de contribuição 6. Submeter pull requests seguindo as diretrizes de contribuição
### Para Aprendizes ### Para Aprendizes
1. Faça fork ou clone o repositório 1. Fazer fork ou clonar o repositório
2. Navegue sequencialmente pelos diretórios das lições 2. Navegar sequencialmente pelas pastas das lições
3. Leia os ficheiros README de cada lição 3. Ler os arquivos README de cada lição
4. Complete os quizzes pré-lição em https://ff-quizzes.netlify.app/web/ 4. Completar os questionários pré-lição em https://ff-quizzes.netlify.app/web/
5. Trabalhe os exemplos de código nas pastas das lições 5. Trabalhar os exemplos de código nas pastas das lições
6. Complete trabalhos e desafios 6. Completar tarefas e desafios
7. Realize os quizzes pós-lição 7. Realizar os questionários pós-lição
### Desenvolvimento ao Vivo ### Desenvolvimento em Tempo Real
- **Documentação**: Execute `docsify serve` na raiz (porta 3000) - **Documentação**: Executar `docsify serve` na raiz (porta 3000)
- **Quiz App**: Execute `npm run dev` no diretório quiz-app - **Aplicação de Questionários**: Executar `npm run dev` no diretório quiz-app
- **Projetos**: Use a extensão Live Server do VS Code para projetos HTML - **Projetos**: Usar extensão Live Server do VS Code para projetos HTML
- **Projetos API**: Execute `npm start` nos diretórios API respetivos - **Projetos API**: Executar `npm start` nos respetivos diretórios API
## Instruções de Teste ## Instruções de Testes
### Teste do Quiz App ### Testes da Aplicação de Questionários
```bash ```bash
cd quiz-app cd quiz-app
npm run lint # Verificar problemas de estilo de código npm run lint # Verificar problemas de estilo de código
npm run build # Verificar se a compilação é bem-sucedida npm run build # Verificar se a compilação tem sucesso
``` ```
### Teste da API Bancária ### Testes da API Bancária
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # Verificar problemas de estilo de código npm run lint # Verifique problemas de estilo de código
node server.js # Verificar se o servidor inicia sem erros node server.js # Verifique se o servidor inicia sem erros
``` ```
### Abordagem Geral de Testes ### Abordagem Geral de Testes
- Este é um repositório educativo sem testes automatizados abrangentes - Este é um repositório educativo sem testes automatizados completos
- O teste manual foca-se em: - Testes manuais focam em:
- Exemplos de código que executam sem erros - Exemplos de código executados sem erros
- Links na documentação funcionam corretamente - Links na documentação funcionam corretamente
- Builds dos projetos completam com sucesso - Builds dos projetos completam com sucesso
- Exemplos seguem as boas práticas - Exemplos seguem boas práticas
### Verificações Pré-Submissão ### Verificações Antes da Submissão
- Execute `npm run lint` nos diretórios com package.json - Executar `npm run lint` nas pastas com package.json
- Verifique que os links markdown são válidos - Verificar que os links markdown são válidos
- Teste exemplos de código no navegador ou Node.js - Testar exemplos de código no browser ou Node.js
- Confirme que as traduções mantêm a estrutura adequada - Confirmar que traduções mantêm a estrutura correta
## Diretrizes de Estilo de Código ## Diretrizes de Estilo de Código
### JavaScript ### JavaScript
- Use sintaxe moderna ES6+ - Usar sintaxe moderna ES6+
- Siga as configurações padrão do ESLint fornecidas nos projetos - Seguir configurações padrão ESLint fornecidas nos projetos
- Use nomes significativos de variáveis e funções para clareza educativa - Usar nomes de variáveis e funções significativos para clareza educativa
- Adicione comentários explicativos para os conceitos - Adicionar comentários explicando conceitos para aprendizes
- Formate com Prettier onde estiver configurado - Formatar código com Prettier onde configurado
### HTML/CSS ### HTML/CSS
@ -159,7 +159,7 @@ node server.js # Verificar se o servidor inicia sem erros
- Diretrizes de estilo PEP 8 - Diretrizes de estilo PEP 8
- Exemplos de código claros e educativos - Exemplos de código claros e educativos
- Anotações de tipo onde ajudarem na aprendizagem - Anotações de tipos onde forem úteis para aprendizado
### Documentação Markdown ### Documentação Markdown
@ -173,14 +173,14 @@ node server.js # Verificar se o servidor inicia sem erros
- Lições numeradas sequencialmente (1-getting-started-lessons, 2-js-basics, etc.) - Lições numeradas sequencialmente (1-getting-started-lessons, 2-js-basics, etc.)
- Cada projeto tem diretórios `solution/` e frequentemente `start/` ou `your-work/` - Cada projeto tem diretórios `solution/` e frequentemente `start/` ou `your-work/`
- Imagens guardadas nas pastas `images/` específicas da lição - Imagens guardadas nas pastas `images/` específicas de cada lição
- Traduções em estrutura `translations/{language-code}/` - Traduções na estrutura `translations/{language-code}/`
## Construção e Implementação ## Construção e Deployment
### Deploy do Quiz App (Azure Static Web Apps) ### Deployment da Aplicação de Questionários (Azure Static Web Apps)
O quiz-app está configurado para deploy em Azure Static Web Apps: A quiz-app está configurada para deployment em Azure Static Web Apps:
```bash ```bash
cd quiz-app cd quiz-app
@ -189,8 +189,8 @@ npm run build # Cria a pasta dist/
``` ```
Configuração Azure Static Web Apps: Configuração Azure Static Web Apps:
- **Localização da app**: `/quiz-app` - **Local da aplicação**: `/quiz-app`
- **Localização de saída**: `dist` - **Local de output**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Geração de PDF da Documentação ### Geração de PDF da Documentação
@ -203,76 +203,76 @@ npm run convert # Gerar PDF a partir do docs
### Documentação Docsify ### Documentação Docsify
```bash ```bash
npm install -g docsify-cli # Instalar Docsify globalmente npm install -g docsify-cli # Instalar o Docsify globalmente
docsify serve # Servir em localhost:3000 docsify serve # Servir em localhost:3000
``` ```
### Builds Específicos por Projeto ### Builds Específicos de Projetos
Cada diretório de projeto pode ter seu próprio processo de build: Cada diretório de projeto pode ter o seu próprio processo de build:
- Projetos Vue: `npm run build` cria bundles para produção - Projetos Vue: `npm run build` cria bundles de produção
- Projetos estáticos: Sem etapa de build, servir ficheiros diretamente - Projetos estáticos: Sem passo de build, servir ficheiros diretamente
## Diretrizes para Pull Requests ## Diretrizes para Pull Requests
### Formato do Título ### Formato de Título
Use títulos claros e descritivos indicativos da área de alteração: Usar títulos claros e descritivos indicando a área de alteração:
- `[Quiz-app] Adicionar novo quiz para lição X` - `[Quiz-app] Adicionar novo quiz para a lição X`
- `[Lesson-3] Corrigir erro tipográfico no projeto terrarium` - `[Lesson-3] Corrigir erro tipográfico no projeto terrário`
- `[Translation] Adicionar tradução para espanhol na lição 5` - `[Translation] Adicionar tradução em Espanhol para a lição 5`
- `[Docs] Atualizar instruções de configuração` - `[Docs] Atualizar instruções de configuração`
### Verificações Necessárias ### Verificações Obrigatórias
Antes de submeter um PR: Antes de submeter um PR:
1. **Qualidade do Código**: 1. **Qualidade do Código**:
- Execute `npm run lint` nos diretórios de projeto afetados - Executar `npm run lint` nas pastas de projeto afetadas
- Corrija todos os erros e avisos de lint - Corrigir todos os erros e avisos de lint
2. **Verificação do Build**: 2. **Verificação do Build**:
- Execute `npm run build` se aplicável - Executar `npm run build`, se aplicável
- Garanta ausência de erros no build - Confirmar que não há erros de build
3. **Validação de Links**: 3. **Validação dos Links**:
- Teste todos os links markdown - Testar todos os links markdown
- Verifique referências de imagens - Verificar referências de imagens funcionam
4. **Revisão de Conteúdo**: 4. **Revisão de Conteúdo**:
- Revise ortografia e gramática - Revisar ortografia e gramática
- Confirme que os exemplos de código estão corretos e educativos - Garantir que exemplos de código estão corretos e educativos
- Verifique que as traduções mantêm o significado original - Confirmar que traduções mantêm o significado original
### Requisitos de Contribuição ### Requisitos para Contribuição
- Concordar com o CLA da Microsoft (verificação automática no primeiro PR) - Aceitar o Microsoft CLA (verificação automática ao primeiro PR)
- Seguir o [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - Seguir o [Código de Conduta Open Source da Microsoft](https://opensource.microsoft.com/codeofconduct/)
- Consultar [CONTRIBUTING.md](./CONTRIBUTING.md) para diretrizes detalhadas - Ver [CONTRIBUTING.md](./CONTRIBUTING.md) para diretrizes detalhadas
- Referenciar números de issues na descrição do PR, se aplicável - Referenciar números de issues na descrição do PR, se aplicável
### Processo de Revisão ### Processo de Revisão
- PRs revistos por mantenedores e comunidade - PRs são revistos por mantenedores e comunidade
- Clareza educativa é prioridade - Clareza educativa é prioritária
- Exemplos de código devem seguir as melhores práticas atuais - Exemplos de código devem seguir as melhores práticas atuais
- Traduções revisadas quanto a exatidão e adequação cultural - Traduções revisadas quanto à precisão e adequação cultural
## Sistema de Tradução ## Sistema de Tradução
### Tradução Automática ### Tradução Automática
- Usa GitHub Actions com workflow co-op-translator - Usa GitHub Actions com workflow co-op-translator
- Traduz para mais de 50 idiomas automaticamente - Tradução automática para mais de 50 idiomas
- Ficheiros fonte nos diretórios principais - Ficheiros fonte nas pastas principais
- Ficheiros traduzidos em `translations/{language-code}/` - Ficheiros traduzidos em `translations/{language-code}/`
### Adição de Melhorias Manuais de Tradução ### Adição de Melhorias Manuais à Tradução
1. Localize o ficheiro em `translations/{language-code}/` 1. Localizar ficheiro em `translations/{language-code}/`
2. Faça melhorias preservando a estrutura 2. Fazer melhorias preservando a estrutura
3. Garanta que exemplos de código permanecem funcionais 3. Garantir que exemplos de código mantém funcionalidade
4. Teste qualquer conteúdo de quizzes localizado 4. Testar conteúdos de quiz localizados
### Metadados de Tradução ### Metadados de Tradução
@ -293,116 +293,116 @@ CO_OP_TRANSLATOR_METADATA:
### Problemas Comuns ### Problemas Comuns
**App do Quiz não inicia**: **Aplicação de quiz não inicia**:
- Verifique a versão do Node.js (recomendado v14+) - Verificar versão do Node.js (recomenda-se v14+)
- Apague `node_modules` e `package-lock.json`, execute `npm install` novamente - Apagar `node_modules` e `package-lock.json`, executar `npm install` novamente
- Verifique conflitos de porta (padrão: Vite usa porta 5173) - Verificar conflitos de porta (padrão: Vite usa porta 5173)
**Servidor API não inicia**: **Servidor API não arranca**:
- Confirme que a versão do Node.js é mínima (node >=10) - Confirmar versão mínima do Node.js (node >=10)
- Verifique se a porta já está em uso - Verificar se a porta já está em uso
- Certifique-se de que todas as dependências foram instaladas com `npm install` - Garantir todas dependências instaladas com `npm install`
**Extensão de navegador não carrega**: **Extensão de navegador não carrega**:
- Verifique se o manifest.json está formatado corretamente - Confirmar que manifest.json está formatado corretamente
- Consulte o console do navegador para erros - Verificar consola do navegador para erros
- Siga as instruções específicas do navegador para instalação de extensões - Seguir instruções específicas para instalação de extensões no navegador
**Problemas no projeto de chat em Python**: **Problemas no projeto de chat Python**:
- Certifique-se de que o pacote OpenAI está instalado: `pip install openai` - Confirmar pacote OpenAI instalado: `pip install openai`
- Verifique se a variável de ambiente GITHUB_TOKEN está definida - Verificar variável de ambiente GITHUB_TOKEN está configurada
- Confirme as permissões de acesso aos GitHub Models - Checar permissões de acesso aos Modelos GitHub
**Docsify não serve documentação**: **Docsify não serve a documentação**:
- Instale docsify-cli globalmente: `npm install -g docsify-cli` - Instalar docsify-cli globalmente: `npm install -g docsify-cli`
- Execute desde o diretório raiz do repositório - Executar na raiz do repositório
- Verifique se `docs/_sidebar.md` existe - Confirmar existência do ficheiro `docs/_sidebar.md`
### Dicas para o Ambiente de Desenvolvimento ### Dicas para Ambiente de Desenvolvimento
- Use VS Code com a extensão Live Server para projetos HTML - Usar VS Code com extensão Live Server para projetos HTML
- Instale extensões ESLint e Prettier para formatação consistente - Instalar extensões ESLint e Prettier para formatação consistente
- Utilize DevTools do navegador para depurar JavaScript - Usar DevTools do navegador para depurar JavaScript
- Para projetos Vue, instale a extensão Vue DevTools no navegador - Para projetos Vue, instalar extensão Vue DevTools no navegador
### Considerações de Performance ### Considerações de Performance
- Grande quantidade de ficheiros traduzidos (50+ idiomas) torna os clones completos pesados - Grande número de ficheiros traduzidos (50+ idiomas) torna clones completos grandes
- Use clone superficial se trabalhar apenas com conteúdo: `git clone --depth 1` - Usar clone superficial se estiver a trabalhar apenas no conteúdo: `git clone --depth 1`
- Exclua traduções de pesquisas ao trabalhar com conteúdo em inglês - Excluir traduções de pesquisas quando trabalhar conteúdo em Inglês
- Processos de build podem ser lentos na primeira execução (npm install, build Vite) - Processos de build podem ser lentos na primeira execução (npm install, build Vite)
## Considerações de Segurança ## Considerações de Segurança
### Variáveis de Ambiente ### Variáveis de Ambiente
- Chaves API nunca devem ser commitadas no repositório - Chaves de API nunca devem ser submetidas ao repositório
- Use ficheiros `.env` (já listados no `.gitignore`) - Usar ficheiros `.env` (já listados no `.gitignore`)
- Documente as variáveis de ambiente necessárias nos READMEs dos projetos - Documentar variáveis de ambiente necessárias nos READMEs dos projetos
### Projetos Python ### Projetos Python
- Utilize ambientes virtuais: `python -m venv venv` - Usar ambientes virtuais: `python -m venv venv`
- Mantenha dependências atualizadas - Manter dependências atualizadas
- Tokens GitHub devem ter permissões mínimas necessárias - Tokens GitHub devem ter permissões mínimas necessárias
### Acesso aos GitHub Models ### Acesso a Modelos GitHub
- São necessários tokens de acesso pessoal (PAT) para GitHub Models - Tokens de Acesso Pessoal (PAT) necessários para os Modelos GitHub
- Armazene os tokens como variáveis de ambiente - Tokens devem ser armazenados como variáveis de ambiente
- Nunca faça commit de tokens ou credenciais - Nunca commitar tokens ou credenciais
## Notas Adicionais ## Notas Adicionais
### Público-Alvo ### Público-alvo
- Iniciantes completos em desenvolvimento web - Principiantes completos em desenvolvimento web
- Estudantes e autodidatas - Estudantes e autodidatas
- Professores que usam o currículo em sala de aula - Professores que usam o currículo em sala de aula
- Conteúdo desenhado para acessibilidade e construção gradual de competências - Conteúdo desenhado para acessibilidade e desenvolvimento gradual de competências
### Filosofia Educativa ### Filosofia Educativa
- Abordagem de aprendizagem baseada em projetos - Abordagem de aprendizagem baseada em projetos
- Verificação frequente do conhecimento (quizzes) - Verificações frequentes de conhecimento (quizzes)
- Exercícios práticos de codificação - Exercícios práticos de código
- Exemplos de aplicação real - Exemplos de aplicações reais
- Foco nos fundamentos antes dos frameworks - Foco nos fundamentos antes dos frameworks
### Manutenção do Repositório ### Manutenção do Repositório
- Comunidade ativa de aprendizes e contribuidores - Comunidade ativa de aprendizes e contribuidores
- Atualizações regulares de dependências e conteúdo - Atualizações regulares de dependências e conteúdos
- Issues e discussões monitorizadas por mantenedores - Issues e discussões monitoradas por mantenedores
- Atualizações de tradução automatizadas via GitHub Actions - Atualizações de traduções automatizadas via GitHub Actions
### Recursos Relacionados ### Recursos Relacionados
- [Módulos Microsoft Learn](https://docs.microsoft.com/learn/) - [Módulos Microsoft Learn](https://docs.microsoft.com/learn/)
- [Recursos do Student Hub](https://docs.microsoft.com/learn/student-hub/) - [Recursos Student Hub](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomendado para aprendizes - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomendado para aprendizes
- Cursos adicionais: AI Generativa, Ciência de Dados, ML, IoT disponíveis - Cursos adicionais: Currículos de IA Generativa, Ciência de Dados, ML, IoT disponíveis
### Trabalhar com Projetos Específicos ### Trabalhar com Projetos Específicos
Para instruções detalhadas sobre projetos individuais, consulte os ficheiros README em: Para instruções detalhadas sobre projetos individuais, consultar os README em:
- `quiz-app/README.md` - Aplicação de quiz Vue 3 - `quiz-app/README.md` - aplicação de quiz com Vue 3
- `7-bank-project/README.md` - Aplicação bancária com autenticação - `7-bank-project/README.md` - aplicação bancária com autenticação
- `5-browser-extension/README.md` - Desenvolvimento de extensão de navegador - `5-browser-extension/README.md` - desenvolvimento de extensão de navegador
- `6-space-game/README.md` - Desenvolvimento de jogo em canvas - `6-space-game/README.md` - desenvolvimento de jogo em canvas
- `9-chat-project/README.md` - Projeto de assistente de chat IA - `9-chat-project/README.md` - projeto de assistente de chat AI
### Estrutura Monorepo ### Estrutura Monorepo
Embora não seja um monorepo tradicional, este repositório contém múltiplos projetos independentes: Embora não seja um monorepo tradicional, este repositório contém múltiplos projetos independentes:
- Cada lição é autocontida - Cada lição é autónoma
- Projetos não partilham dependências - Projetos não partilham dependências
- Trabalhe em projetos individuais sem afetar outros - Trabalhar em projetos individuais sem afetar os outros
- Clone todo o repositório para a experiência completa do currículo - Clonar o repositório completo para experiência curricular completa
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Aviso Legal**: **Aviso Legal**:
Este documento foi traduzido utilizando o serviço de tradução automática [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos pela precisão, esteja ciente de que traduções automáticas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte oficial. Para informações críticas, recomenda-se tradução profissional humana. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações erradas decorrentes do uso desta tradução. Este documento foi traduzido utilizando o serviço de tradução automática [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, por favor esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se a tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas resultantes do uso desta tradução.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -12,27 +12,27 @@
# Desenvolvimento Web para Iniciantes - Um Currículo # Desenvolvimento Web para Iniciantes - Um Currículo
Aprende os fundamentos do desenvolvimento web com o nosso curso abrangente de 12 semanas pelos Microsoft Cloud Advocates. Cada uma das 24 lições aprofunda JavaScript, CSS e HTML através de projetos práticos como terrários, extensões de navegador e jogos espaciais. Participa em questionários, discussões e tarefas práticas. Melhora as tuas competências e otimiza a tua retenção de conhecimento com a nossa pedagógica eficaz baseada em projetos. Começa a tua jornada de programação hoje! Aprenda os fundamentos do desenvolvimento web com o nosso curso abrangente de 12 semanas pelos Microsoft Cloud Advocates. Cada uma das 24 lições aprofunda-se em JavaScript, CSS e HTML através de projetos práticos como terrários, extensões de navegador e jogos espaciais. Participe em quizzes, discussões e tarefas práticas. Melhore as suas competências e otimize a retenção do conhecimento com a nossa pedagogia eficaz baseada em projetos. Comece a sua jornada de programação hoje!
Junta-te à Comunidade Discord do Azure AI Foundry Junte-se ao Discord do Azure AI Foundry e conheça especialistas e outros desenvolvedores.
[![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)
Segue estes passos para começar a usar estes recursos: Siga estes passos para começar a usar estes recursos:
1. **Faz Fork do Repositório**: Clica [![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 o Repositório**: Clique [![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 o Repositório**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Clone o Repositório**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Junta-te ao Discord do Azure AI Foundry e conhece especialistas e outros programadores**](https://discord.com/invite/ByRwuEEgH4) 3. [**Junte-se ao Discord do Azure AI Foundry e conheça especialistas e outros desenvolvedores**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Suporte Multilíngue ### 🌐 Suporte Multilíngue
#### Suportado via GitHub Action (Automatizado e Sempre Atualizado) #### Suportado via GitHub Action (Automatizado e Sempre Atualizado)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Árabe](../ar/README.md) | [Bengali](../bn/README.md) | [Búlgaro](../bg/README.md) | [Birmanês (Myanmar)](../my/README.md) | [Chinês (Simplificado)](../zh-CN/README.md) | [Chinês (Tradicional, Hong Kong)](../zh-HK/README.md) | [Chinês (Tradicional, Macau)](../zh-MO/README.md) | [Chinês (Tradicional, Taiwan)](../zh-TW/README.md) | [Croata](../hr/README.md) | [Checo](../cs/README.md) | [Dinamarquês](../da/README.md) | [Holandês](../nl/README.md) | [Estónio](../et/README.md) | [Finlandês](../fi/README.md) | [Francês](../fr/README.md) | [Alemão](../de/README.md) | [Grego](../el/README.md) | [Hebraico](../he/README.md) | [Hindi](../hi/README.md) | [Húngaro](../hu/README.md) | [Indonésio](../id/README.md) | [Italiano](../it/README.md) | [Japonês](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Coreano](../ko/README.md) | [Lituano](../lt/README.md) | [Malaio](../ms/README.md) | [Malaiala](../ml/README.md) | [Marata](../mr/README.md) | [Nepalês](../ne/README.md) | [Pidgin Nigeriano](../pcm/README.md) | [Norueguês](../no/README.md) | [Persa (Farsi)](../fa/README.md) | [Polaco](../pl/README.md) | [Português (Brasil)](../pt-BR/README.md) | [Português (Portugal)](./README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romeno](../ro/README.md) | [Russo](../ru/README.md) | [Sérvio (Cirílico)](../sr/README.md) | [Eslovaco](../sk/README.md) | [Esloveno](../sl/README.md) | [Espanhol](../es/README.md) | [Suaíli](../sw/README.md) | [Sueco](../sv/README.md) | [Tagalo (Filipino)](../tl/README.md) | [Tâmil](../ta/README.md) | [Telugu](../te/README.md) | [Tailandês](../th/README.md) | [Turco](../tr/README.md) | [Ucraniano](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamita](../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)](./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)
> **Prefere Clonar Localmente?** > **Prefere Clonar Localmente?**
> >
> Este repositório inclui traduções em mais de 50 idiomas, o que aumenta significativamente o tamanho do download. Para clonar sem traduções, usa sparse checkout: > Este repositório inclui mais de 50 traduções que aumentam significativamente o tamanho do download. Para clonar sem as traduções, utilize o checkout esparso:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -48,82 +48,82 @@ Segue estes passos para começar a usar estes recursos:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ``` > ```
> >
> Isto dá-te tudo o que precisas para completar o curso com um download muito mais rápido. > Isto dá-lhe tudo o que precisa para completar o curso com um download muito mais rápido.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Se desejas que idiomas adicionais sejam suportados, estão listados [aqui](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** **Se desejar traduções adicionais, as línguas suportadas estão listadas [aqui](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) [![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)
#### 🧑‍🎓 _És estudante?_ #### 🧑‍🎓 _É estudante?_
Visita a [**página Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) onde encontrarás recursos para iniciantes, pacotes para estudantes e até formas de obter um voucher gratuito para certificado. Esta é a página que deves guardar nos favoritos e consultar de vez em quando, pois o conteúdo é atualizado mensalmente. Visite a [**página Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) onde encontrará recursos para iniciantes, pacotes para estudantes e até formas de obter um voucher gratuito para certificado. Esta é a página que deve adicionar aos favoritos e consultar regularmente, pois o conteúdo é atualizado mensalmente.
### 📣 Anúncio - Novos desafios modo Agente GitHub Copilot para completar! ### 📣 Anúncio - Novos desafios do modo GitHub Copilot Agent para completar!
Novo desafio adicionado, procura por "GitHub Copilot Agent Challenge 🚀" na maioria dos capítulos. É um novo desafio para completares usando GitHub Copilot e o modo Agente. Se nunca usaste o modo Agente, ele pode não só gerar texto como criar e editar ficheiros, executar comandos e muito mais. Novo desafio adicionado, procure por "GitHub Copilot Agent Challenge 🚀" na maioria dos capítulos. Este é um novo desafio para completar usando o GitHub Copilot e o modo Agent. Se nunca usou o modo Agent antes, ele é capaz não só de gerar texto, mas também pode criar e editar ficheiros, executar comandos e mais.
### 📣 Anúncio - _Novo projeto para construir usando IA Generativa_ ### 📣 Anúncio - _Novo Projeto para construir usando IA Generativa_
Novo projeto Assistente IA acaba de ser adicionado, confere o [projeto](./9-chat-project/README.md) Novo projeto de Assistente AI acabado de adicionar, veja o [projeto](./9-chat-project/README.md)
### 📣 Anúncio - _Novo Currículo_ sobre IA Generativa para JavaScript foi lançado ### 📣 Anúncio - _Novo Currículo_ sobre IA Generativa para JavaScript acaba de ser lançado
Não percas o nosso novo currículo de IA Generativa! Não perca o nosso novo currículo sobre IA Generativa!
Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começares! Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começar!
![Background](../../translated_images/pt-PT/background.148a8d43afde5730.webp) ![Background](../../translated_images/pt-PT/background.148a8d43afde5730.webp)
- Lições que cobrem tudo, desde o básico até RAG. - Lições que cobrem desde o básico até RAG.
- Interage com personagens históricos usando GenAI e a nossa aplicação acompanhante. - Interaja com personagens históricos usando GenAI e a nossa app acompanhante.
- Narrativa divertida e envolvente, estarás a viajar no tempo! - Narrativa divertida e envolvente, irá viajar no tempo!
![character](../../translated_images/pt-PT/character.5c0dd8e067ffd693.webp) ![character](../../translated_images/pt-PT/character.5c0dd8e067ffd693.webp)
Cada lição inclui um exercício para completares, um teste de conhecimento e um desafio para te guiar na aprendizagem de tópicos como: Cada lição inclui uma tarefa para completar, uma verificação de conhecimento e um desafio para guiá-lo na aprendizagem de tópicos como:
- Prompting e engenharia de prompts - Prompting e engenharia de prompts
- Geração de aplicações de texto e imagem - Geração de aplicações de texto e imagem
- Aplicações de pesquisa - Aplicações de pesquisa
Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começares! Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começar!
## 🌱 Começar ## 🌱 Começar
> **Professores**, incluímos [algumas sugestões](for-teachers.md) sobre como usar este currículo. Adoraríamos o vosso feedback [no nosso fórum de discussão](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! > **Professores**, incluímos [algumas sugestões](for-teachers.md) sobre como usar este currículo. Apreciaríamos o seu feedback [no nosso fórum de discussão](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Estudantes](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada lição, começa com um questionário pré-lectura e segue lendo o material da aula, completando as várias atividades e verifica a tua compreensão com o questionário pós-lectura. **[Alunos](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada lição, comece com um quiz pré-enciclopédia e continue lendo o material da aula, completando as várias atividades e verificando a sua compreensão com o quiz pós-enciclopédia.
Para melhorar a tua experiência de aprendizagem, conecta-te com os seus pares para trabalharem juntos nos projetos! As discussões são encorajadas no nosso [fórum de discussão](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) onde a nossa equipa de moderadores estará disponível para responder às tuas perguntas. Para melhorar a sua experiência de aprendizagem, conecte-se com os seus colegas para trabalharem juntos nos projetos! São incentivadas discussões no nosso [fórum de discussão](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) onde a nossa equipa de moderadores estará disponível para responder às suas perguntas.
Para aprofundares a tua educação, recomendamos vivamente que explores o [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para materiais de estudo adicionais. Para aprofundar os seus conhecimentos, recomendamos vivamente explorar [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para materiais de estudo adicionais.
### 📋 Configurar o teu ambiente ### 📋 Configurar o seu ambiente
Este currículo tem um ambiente de desenvolvimento pronto a usar! Ao começares, podes optar por executar o currículo num [Codespace](https://github.com/features/codespaces/) (_um ambiente baseado no navegador, sem necessidade de instalações_), ou localmente no teu computador usando um editor de texto como o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). Este currículo tem um ambiente de desenvolvimento pronto a usar! Ao começar, pode optar por executar o currículo num [Codespace](https://github.com/features/codespaces/) (_um ambiente baseado no navegador, sem necessidade de instalações_), ou localmente no seu computador usando um editor de texto como o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Cria o teu repositório #### Crie o seu repositório
Para guardares facilmente o teu trabalho, recomenda-se que cries a tua própria cópia deste repositório. Podes fazer isso clicando no botão **Use this template** no topo da página. Isso criará um novo repositório na tua conta GitHub com uma cópia do currículo. Para guardar facilmente o seu trabalho, é recomendado que crie a sua própria cópia deste repositório. Pode fazer isso clicando no botão **Use this template** no topo da página. Isto criará um novo repositório na sua conta GitHub com uma cópia do currículo.
Segue estes passos: Siga estes passos:
1. **Faz Fork do Repositório**: Clica no botão "Fork" no canto superior direito desta página. 1. **Fork o Repositório**: Clique no botão "Fork" no canto superior direito desta página.
2. **Clona o Repositório**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Clone o Repositório**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Executar o currículo num Codespace #### Executar o currículo num Codespace
Na tua cópia do repositório que criaste, clica no botão **Code** e seleciona **Open with Codespaces**. Isso criará um novo Codespace para trabalhares. Na sua cópia do repositório que criou, clique no botão **Code** e selecione **Open with Codespaces**. Isto vai criar um novo Codespace para si trabalhar.
![Codespace](../../translated_images/pt-PT/createcodespace.0238bbf4d7a8d955.webp) ![Codespace](../../translated_images/pt-PT/createcodespace.0238bbf4d7a8d955.webp)
#### Executar o currículo localmente no teu computador #### Executar o currículo localmente no seu computador
Para executares este currículo localmente no teu computador, precisas de um editor de texto, um navegador e uma ferramenta de linha de comandos. A nossa primeira lição, [Introdução às Linguagens de Programação e Ferramentas do Ofício](../../1-getting-started-lessons/1-intro-to-programming-languages), irá guiar-te por várias opções para cada uma destas ferramentas para selecionares o que melhor te convém. Para correr este currículo localmente no seu computador, irá necessitar de um editor de texto, um navegador e uma ferramenta de linha de comandos. A nossa primeira lição, [Introdução a Linguagens de Programação e Ferramentas do Ofício](../../1-getting-started-lessons/1-intro-to-programming-languages), irá guiá-lo por várias opções para cada uma destas ferramentas para que possa selecionar aquilo que funciona melhor para si.
A nossa recomendação é usar o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) como editor, que também tem um [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) incorporado. Podes descarregar o Visual Studio Code [aqui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). A nossa recomendação é usar o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) como editor, que também tem um [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrado. Pode descarregar o Visual Studio Code [aqui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Clone o seu repositório para o seu computador. Pode fazer isto clicando no botão **Code** e copiando a URL: 1. Clone o seu repositório para o seu computador. Pode fazer isso clicando no botão **Code** e copiando a URL:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
@ -144,71 +144,71 @@ A nossa recomendação é usar o [Visual Studio Code](https://code.visualstudio.
## 📂 Cada aula inclui: ## 📂 Cada aula inclui:
- sketchnote opcional - sketchnote opcional
- vídeo suplementar opcional - vídeo complementar opcional
- quiz de aquecimento pré-aula - quiz de preparação pré-aula
- aula escrita - aula escrita
- para aulas baseadas em projetos, guias passo-a-passo sobre como construir o projeto - para aulas baseadas em projetos, guias passo a passo sobre como construir o projeto
- verificações de conhecimento - verificações de conhecimento
- um desafio - um desafio
- leitura suplementar - leitura suplementar
- tarefa - tarefa
- [quiz pós-aula](https://ff-quizzes.netlify.app/web/) - [quiz pós-aula](https://ff-quizzes.netlify.app/web/)
> **Uma nota sobre quizzes**: Todos os quizzes estão contidos na pasta Quiz-app, com um total de 48 quizzes de três perguntas cada. Estão disponíveis [aqui](https://ff-quizzes.netlify.app/web/) e a aplicação de quiz pode ser executada localmente ou implantada no Azure; siga as instruções na pasta `quiz-app`. > **Uma nota sobre quizzes**: Todos os quizzes estão contidos na pasta Quiz-app, um total de 48 quizzes com três perguntas cada. Estão disponíveis [aqui](https://ff-quizzes.netlify.app/web/) e a app de quizzes pode ser executada localmente ou implantada no Azure; siga as instruções na pasta `quiz-app`.
## 🗃️ Aulas ## 🗃️ Aulas
| | Nome do Projeto | Conceitos Ensinados | Objetivos de Aprendizagem | Aula Ligada | Autor | | | Nome do Projeto | Conceitos Ensinados | Objetivos de Aprendizagem | Aula Associada | Autor |
| :-: | :---------------------------------------------------------: | :------------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------------------ | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :---------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | A Começar | Introdução à Programação e Ferramentas do Ofício | Aprender os fundamentos básicos por trás da maioria das linguagens de programação e sobre o software que ajuda desenvolvedores profissionais a fazerem o seu trabalho | [Introdução a Linguagens de Programação e Ferramentas do Ofício](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 01 | A Começar | Introdução à Programação e Ferramentas do Ofício | Conhecer os fundamentos básicos por trás da maioria das linguagens de programação e sobre software que ajuda os programadores profissionais | [Intro às Linguagens de Programação e Ferramentas do Ofício](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | A Começar | Noções básicas de GitHub, inclui trabalho em equipa | Como usar o GitHub no seu projeto, como colaborar com outros numa base de código | [Introdução ao GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 02 | A Começar | Noções básicas de GitHub, incluindo trabalho em equipa | Como usar GitHub no seu projeto e como colaborar com outros numa base de código | [Intro ao GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | A Começar | Acessibilidade | Aprender os fundamentos da acessibilidade web | [Fundamentos da Acessibilidade](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | A Começar | Acessibilidade | Aprender os conceitos básicos sobre acessibilidade web | [Fundamentos de Acessibilidade](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Fundamentos de JS | Tipos de Dados em JavaScript | Os fundamentos dos tipos de dados em JavaScript | [Tipos de Dados](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | Noções de JS | Tipos de Dados em JavaScript | Os fundamentos dos tipos de dados em JavaScript | [Tipos de Dados](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Fundamentos de JS | Funções e Métodos | Aprender sobre funções e métodos para gerir o fluxo lógico de uma aplicação | [Funções e Métodos](./2-js-basics/2-functions-methods/README.md) | Jasmine e Christopher | | 05 | Noções de JS | Funções e Métodos | Aprender sobre funções e métodos para gerir o fluxo lógico de uma aplicação | [Funções e Métodos](./2-js-basics/2-functions-methods/README.md) | Jasmine e Christopher |
| 06 | Fundamentos de JS | Tomando Decisões com JS | Aprender a criar condições no seu código usando métodos de tomada de decisão | [Tomando Decisões](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | Noções de JS | Tomar Decisões com JS | Aprender a criar condições no seu código usando métodos de tomada de decisão | [Tomar Decisões](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Fundamentos de JS | Arrays e Loops | Trabalhar com dados usando arrays e loops em JavaScript | [Arrays e Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 07 | Noções de JS | Arrays e Loops | Trabalhar com dados usando arrays e ciclos em JavaScript | [Arrays e Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrário](./3-terrarium/solution/README.md) | HTML na Prática | Construir o HTML para criar um terrário online, focando na construção do layout | [Introdução ao HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | | 08 | [Terrário](./3-terrarium/solution/README.md) | HTML na Prática | Construir o HTML para criar um terrário online, focando na criação do layout | [Introdução ao HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrário](./3-terrarium/solution/README.md) | CSS na Prática | Construir o CSS para estilizar o terrário online, focando no básico do CSS incluindo tornar a página responsiva | [Introdução ao CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | | 09 | [Terrário](./3-terrarium/solution/README.md) | CSS na Prática | Construir o CSS para estilizar o terrário online, focando nos conceitos básicos de CSS, incluindo tornar a página responsiva | [Introdução ao CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrário](./3-terrarium/solution/README.md) | Closures em JavaScript, manipulação do DOM | Construir o JavaScript para fazer o terrário funcionar como uma interface de arrastar e largar, focando em closures e manipulação do DOM | [Closures em JavaScript, manipulação do DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 10 | [Terrário](./3-terrarium/solution/README.md) | Fechos em JavaScript, manipulação do DOM | Construir o JavaScript para fazer o terrário funcionar como uma interface drag/drop, focando em fechos e manipulação do DOM | [Fechos em JavaScript, manipulação do DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Jogo de Digitação](./4-typing-game/solution/README.md) | Construir um Jogo de Digitação | Aprender a usar eventos do teclado para conduzir a lógica da sua app em JavaScript | [Programação Orientada a Eventos](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Jogo da Digitação](./4-typing-game/solution/README.md) | Construir um Jogo de Digitação | Aprender como usar eventos do teclado para conduzir a lógica da sua aplicação JavaScript | [Programação Orientada a Eventos](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Extensão Verde para Navegador](./5-browser-extension/solution/README.md) | Trabalhar com Browsers | Aprender como os browsers funcionam, a sua história, e como estruturar os primeiros elementos de uma extensão de browser | [Sobre Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | | 12 | [Extensão Verde para Navegadores](./5-browser-extension/solution/README.md) | Trabalhar com Navegadores | Aprender como funcionam os navegadores, sua história e como estruturar os primeiros elementos de uma extensão para navegador | [Sobre Navegadores](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Extensão Verde para Navegador](./5-browser-extension/solution/README.md) | Construir um formulário, chamar uma API e armazenar variáveis localmente | Construir os elementos JavaScript da extensão do browser para chamar uma API usando variáveis armazenadas em local storage | [APIs, Formulários e Armazenamento Local](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Extensão Verde para Navegadores](./5-browser-extension/solution/README.md) | Construir um formulário, chamar uma API e armazenar variáveis no armazenamento local | Construir os elementos em JavaScript da sua extensão de navegador para chamar uma API usando variáveis armazenadas localmente | [APIs, Formulários e Armazenamento Local](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Extensão Verde para Navegador](./5-browser-extension/solution/README.md) | Processos em background no browser, performance web | Usar os processos em background do browser para gerir o ícone da extensão; aprender sobre performance web e algumas otimizações para melhorar | [Tarefas em Background e Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 14 | [Extensão Verde para Navegadores](./5-browser-extension/solution/README.md) | Processos em segundo plano no navegador, desempenho web | Usar os processos em segundo plano do navegador para gerir o ícone da extensão; aprender sobre desempenho web e otimizações para melhorar performance | [Tarefas em Segundo Plano e Desempenho](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Jogo Espacial](./6-space-game/solution/README.md) | Desenvolvimento Avançado de Jogos com JavaScript | Aprender sobre Herança usando Classes e Composição e o padrão Pub/Sub, em preparação para construir um jogo | [Introdução ao Desenvolvimento Avançado de Jogos](./6-space-game/1-introduction/README.md) | Chris | | 15 | [Jogo Espacial](./6-space-game/solution/README.md) | Desenvolvimento de Jogos Mais Avançado com JavaScript | Aprender sobre Herança usando Classes e Composição e o padrão Pub/Sub, em preparação para construir um jogo | [Introdução ao Desenvolvimento Avançado de Jogos](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Jogo Espacial](./6-space-game/solution/README.md) | Desenhar no canvas | Aprender sobre a API Canvas, usada para desenhar elementos num ecrã | [Desenhar no Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 16 | [Jogo Espacial](./6-space-game/solution/README.md) | Desenhar no canvas | Aprender sobre a API Canvas, usada para desenhar elementos num ecrã | [Desenhar no Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Jogo Espacial](./6-space-game/solution/README.md) | Mover elementos pelo ecrã | Descobrir como os elementos podem ganhar movimento usando coordenadas cartesianas e a API Canvas | [Mover Elementos](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Jogo Espacial](./6-space-game/solution/README.md) | Mover elementos pelo ecrã | Descobrir como os elementos podem ganhar movimento usando coordenadas cartesianas e a API Canvas | [Mover Elementos](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Jogo Espacial](./6-space-game/solution/README.md) | Detetar colisões | Fazer os elementos colidirem e reagirem uns aos outros usando pressionar de teclas e fornecer uma função de cooldown para garantir o desempenho do jogo | [Deteção de Colisões](./6-space-game/4-collision-detection/README.md) | Chris | | 18 | [Jogo Espacial](./6-space-game/solution/README.md) | Detecção de colisões | Fazer elementos colidirem e reagirem uns com os outros usando pressões de tecla e fornecer uma função cooldown para garantir o desempenho do jogo | [Detecção de Colisões](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Jogo Espacial](./6-space-game/solution/README.md) | Contabilizar pontos | Realizar cálculos matemáticos baseados no estado e desempenho do jogo | [Contabilização de Pontos](./6-space-game/5-keeping-score/README.md) | Chris | | 19 | [Jogo Espacial](./6-space-game/solution/README.md) | Contar pontos | Realizar cálculos matemáticos baseados no estado e desempenho do jogo | [Contagem de Pontos](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Jogo Espacial](./6-space-game/solution/README.md) | Terminar e reiniciar o jogo | Aprender sobre terminar e reiniciar o jogo, incluindo limpar recursos e reiniciar valores de variáveis | [Condição de Termino](./6-space-game/6-end-condition/README.md) | Chris | | 20 | [Jogo Espacial](./6-space-game/solution/README.md) | Terminar e reiniciar o jogo | Aprender sobre terminar e reiniciar o jogo, incluindo limpar recursos e redefinir valores das variáveis | [Condição de Termino](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [App Bancária](./7-bank-project/solution/README.md) | Templates HTML e Rotas numa Web App | Aprender como criar a estrutura da arquitetura de um website multipágina usando rotas e templates HTML | [Templates HTML e Rotas](./7-bank-project/1-template-route/README.md) | Yohan | | 21 | [App Bancário](./7-bank-project/solution/README.md) | Templates HTML e Rotas numa App Web | Aprender como criar a estrutura de um website multipágina usando rotas e templates HTML | [Templates HTML e Rotas](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [App Bancária](./7-bank-project/solution/README.md) | Construir um Formulário de Login e Registro | Aprender sobre construir formulários e gerir rotinas de validação | [Formulários](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [App Bancário](./7-bank-project/solution/README.md) | Construir um Formulário de Login e Registo | Aprender sobre construir formulários e gerir rotinas de validação | [Formulários](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [App Bancária](./7-bank-project/solution/README.md) | Métodos de Obter e Usar Dados | Como os dados entram e saem da aplicação, como obtê-los, armazená-los e descartá-los | [Dados](./7-bank-project/3-data/README.md) | Yohan | | 23 | [App Bancário](./7-bank-project/solution/README.md) | Métodos para Obter e Usar Dados | Como os dados entram e saem da sua aplicação, como obtê-los, armazená-los e descartá-los | [Dados](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [App Bancária](./7-bank-project/solution/README.md) | Conceitos de Gestão de Estado | Aprender como a sua app mantém estado e como gerir isso programaticamente | [Gestão de Estado](./7-bank-project/4-state-management/README.md) | Yohan | | 24 | [App Bancário](./7-bank-project/solution/README.md) | Conceitos de Gestão de Estado | Aprender como a sua aplicação retém estado e como geri-lo programaticamente | [Gestão de Estado](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Código do Browser/VScode](../../8-code-editor) | Trabalhar com VScode | Aprender a usar um editor de código| [Usar Editor de Código VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [Código Browser/VScode](../../8-code-editor) | Trabalhar com VScode | Aprender a usar um editor de código| [Usar o Editor de Código VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [Assistentes de IA](./9-chat-project/README.md) | Trabalhar com IA | Aprender a construir o seu próprio assistente de IA | [Projeto Assistente de IA](./9-chat-project/README.md) | Chris | | 26 | [Assistentes AI](./9-chat-project/README.md) | Trabalhar com AI | Aprender a construir o seu próprio assistente AI | [Projeto Assistente AI](./9-chat-project/README.md) | Chris |
## 🏫 Pedagogia ## 🏫 Pedagogia
O nosso currículo foi concebido com dois princípios pedagógicos fundamentais em mente: O nosso currículo foi desenhado com dois princípios pedagógicos fundamentais em mente:
* aprendizagem baseada em projetos * aprendizagem baseada em projetos
* quizzes frequentes * quizzes frequentes
O programa ensina os fundamentos de JavaScript, HTML e CSS, bem como as últimas ferramentas e técnicas usadas pelos desenvolvedores web de hoje. Os alunos terão a oportunidade de desenvolver experiência prática construindo um jogo de digitação, um terrário virtual, uma extensão de browser ecológica, um jogo estilo invasores do espaço e uma app bancária para negócios. No final da série, os alunos terão adquirido uma sólida compreensão do desenvolvimento web. O programa ensina os fundamentos de JavaScript, HTML e CSS, bem como as ferramentas e técnicas mais recentes usadas pelos desenvolvedores web atuais. Os alunos terão a oportunidade de ganhar experiência prática construindo um jogo de digitação, um terrário virtual, uma extensão de navegador ecológica, um jogo ao estilo invasores do espaço e uma aplicação bancária para empresas. No final da série, os alunos terão adquirido um sólido entendimento do desenvolvimento web.
> 🎓 Pode fazer as primeiras aulas deste currículo como um [Caminho de Aprendizagem](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! > 🎓 Pode fazer as primeiras aulas deste currículo como um [Caminho de Aprendizagem](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
Ao garantir que o conteúdo está alinhado com projetos, o processo torna-se mais envolvente para os alunos e a retenção de conceitos será aumentada. Também escrevemos várias aulas introdutórias aos fundamentos de JavaScript para introduzir conceitos, combinadas com um vídeo da coleção de tutoriais em vídeo "[Série para Iniciantes em: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", alguns dos quais os autores contribuíram para este currículo. Ao garantir que o conteúdo está alinhado com projetos, o processo torna-se mais envolvente para os alunos e a retenção de conceitos será aumentada. Também escrevemos várias aulas introdutórias em JavaScript para introduzir conceitos, acompanhadas de um vídeo da coleção de tutoriais em vídeo "[Série para Iniciantes em: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", alguns dos quais os seus autores contribuíram para este currículo.
Além disso, um quiz de baixo risco antes da aula define a intenção do aluno em aprender um tópico, enquanto um segundo quiz após a aula assegura uma retenção adicional. Este currículo foi desenhado para ser flexível e divertido e pode ser feito na totalidade ou em parte. Os projetos começam pequenos e tornam-se progressivamente mais complexos até ao final do ciclo de 12 semanas. Além disso, um quiz de baixo risco antes da aula define a intenção do aluno em aprender um tópico, enquanto um segundo quiz após a aula assegura maior retenção. Este currículo foi desenhado para ser flexível e divertido e pode ser feito total ou parcialmente. Os projetos começam pequenos e tornam-se progressivamente mais complexos até ao fim do ciclo de 12 semanas.
Embora tenhamos evitado propositadamente introduzir frameworks JavaScript para nos concentrarmos nas habilidades básicas necessárias como desenvolvedor web antes de adotar um framework, um bom próximo passo para completar este currículo seria aprender sobre Node.js através de outra coleção de vídeos: "[Série para Iniciantes em: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". Embora tenhamos evitado intencionalmente introduzir frameworks JavaScript para nos concentrar nas habilidades básicas necessárias como desenvolvedor web antes de adotar um framework, o próximo passo para completar este currículo seria aprender sobre Node.js através de outra coleção de vídeos: "[Série para Iniciantes em: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Visite as nossas diretrizes [Código de Conduta](CODE_OF_CONDUCT.md) e [Contribuição](CONTRIBUTING.md). Agradecemos o seu feedback construtivo! > Visite as nossas diretrizes de [Código de Conduta](CODE_OF_CONDUCT.md) e [Contribuições](CONTRIBUTING.md). Agradecemos o seu feedback construtivo!
## 🧭 Acesso Offline ## 🧭 Acesso Offline
Pode executar esta documentação offline usando o [Docsify](https://docsify.js.org/#/). Faça um fork deste repositório, [instale o Docsify](https://docsify.js.org/#/quickstart) na sua máquina local e depois, na pasta raiz deste repositório, escreva `docsify serve`. O site será servido na porta 3000 no seu localhost: `localhost:3000`. Pode executar esta documentação offline usando [Docsify](https://docsify.js.org/#/). Faça um fork deste repositório, [instale o Docsify](https://docsify.js.org/#/quickstart) na sua máquina local e depois, na pasta raiz deste repositório, digite `docsify serve`. O website será servido na porta 3000 no seu localhost: `localhost:3000`.
## 📘 PDF ## 📘 PDF
Um PDF de todas as lições pode ser encontrado [aqui](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). Um PDF de todas as lições pode ser encontrado [aqui](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
@ -225,7 +225,7 @@ A nossa equipa produz outros cursos! Veja:
[![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 / Agents ### Azure / Edge / MCP / Agentes
[![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 @@ A nossa equipa produz outros cursos! Veja:
--- ---
### Aprendizagem Base ### Aprendizagem Central
[![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,11 +260,11 @@ A nossa equipa produz outros cursos! Veja:
## Obter Ajuda ## Obter Ajuda
Se ficar bloqueado ou tiver alguma pergunta sobre como construir aplicações de IA, junte-se a outros alunos e desenvolvedores experientes em discussões sobre MCP. É uma comunidade de apoio onde as perguntas são bem-vindas e o conhecimento é partilhado livremente. Se ficar preso ou tiver alguma dúvida sobre como criar aplicações de IA. Junte-se a outros aprendizes e programadores experientes em discussões sobre o MCP. É uma comunidade solidária onde as perguntas são bem-vindas e o conhecimento é partilhado livremente.
[![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 tiver comentários sobre o produto ou erros durante a construção, visite: Se tiver feedback sobre o produto ou encontrar erros durante o desenvolvimento, visite:
[![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)
@ -276,5 +276,5 @@ Este repositório está licenciado sob a licença MIT. Veja o ficheiro [LICENSE]
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Aviso Legal**: **Aviso Legal**:
Este documento foi traduzido utilizando o serviço de tradução automática [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos pela precisão, tenha em conta que traduções automáticas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações erradas resultantes do uso desta tradução. Este documento foi traduzido utilizando o serviço de tradução automática [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos pela precisão, por favor tenha em atenção que traduções automáticas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autoritativa. Para informações críticas, recomenda-se a tradução profissional por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes da utilização desta tradução.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,54 +1,79 @@
# [Tópico da Aula] # Tópico da Lição
![Incorporar um vídeo aqui](../../../lesson-template/video-url) ## 🎥 Vídeo
## [Questionário pré-aula](../../../lesson-template/quiz-url) > Adicione aqui um vídeo incorporado ou um link da lição.
[Descreva o que iremos aprender] ---
## Questionário pré-aula
> Adicione um link para o questionário aqui, quando disponível.
---
Forneça uma breve visão geral do que os estudantes irão aprender nesta lição.
---
### Introdução ### Introdução
Descreva o que será abordado Forneça uma curta introdução descrevendo o que será abordado nesta lição.
> Notas > Notas
---
### Pré-requisitos ### Pré-requisitos
Que passos devem ter sido concluídos antes desta aula? Liste os conceitos ou tópicos com os quais os estudantes deverão estar familiarizados antes de iniciar esta lição.
---
### Preparação ### Preparação
Passos preparatórios para começar esta aula Liste quaisquer passos de configuração ou ferramentas necessárias antes de iniciar a lição.
--- ---
[Avance pelo conteúdo em blocos] ### Conteúdo
Percorra o conteúdo da lição em secções estruturadas.
## [Tópico 1] ---
## Tópico 1
### Tarefa: ### Tarefa:
Trabalhem juntos para melhorar progressivamente a vossa base de código e construir o projeto com código partilhado: Trabalhem juntos para melhorar progressivamente a base do código de forma a construir o projeto com código partilhado:
```html ```html
code blocks code blocks
``` ```
✅ Verificação de Conhecimento - aproveite este momento para expandir o conhecimento dos alunos com perguntas abertas ✅ Verificação de Conhecimento
Aproveite este momento para expandir o conhecimento dos estudantes com perguntas abertas.
## [Tópico 2] ## Tópico 2
## Tópico 3
## [Tópico 3] 🚀 Desafio
Adicione um desafio colaborativo para os estudantes melhorarem o projeto.
🚀 Desafio: Adicione um desafio para os alunos trabalharem colaborativamente em aula para melhorar o projeto Opcional: Adicione uma captura de ecrã da interface do utilizador da lição concluída, se apropriado.
Opcional: adicione uma captura de ecrã da interface do utilizador da aula concluída, se apropriado ## Questionário pós-aula
## [Questionário pós-aula](../../../lesson-template/quiz-url) Adicione um link para o questionário aqui após a conclusão da lição.
## Revisão e Estudo Autónomo ## Revisão & Autoestudo
**Entrega do Trabalho [MM/AA]**: [Nome do Trabalho](assignment.md) **Entrega da Tarefa [MM/AA]**: [Nome da Tarefa](assignment.md)
---
**Aviso Legal**: <!-- CO-OP TRANSLATOR DISCLAIMER START -->
Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, esteja ciente de que traduções automáticas podem conter erros ou imprecisões. O documento original no seu idioma nativo deve ser considerado a fonte autoritativa. Para informações críticas, recomenda-se uma tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas resultantes do uso desta tradução. **Aviso Legal**:
Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, tenha em atenção que as traduções automáticas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes do uso desta tradução.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->
Loading…
Cancel
Save