@ -1,8 +1,8 @@
<!--
<!--
CO_OP_TRANSLATOR_METADATA:
CO_OP_TRANSLATOR_METADATA:
{
{
"original_hash": "63e29f5a308b533df9d70336bbb2e2b8 ",
"original_hash": "fea3a0fceb8ad86fd640c09cf63a2aac ",
"translation_date": "2025-11-25T12:12:02 +00:00",
"translation_date": "2026-01-06T17:24:27 +00:00",
"source_file": "README.md",
"source_file": "README.md",
"language_code": "pa"
"language_code": "pa"
}
}
@ -19,220 +19,261 @@ CO_OP_TRANSLATOR_METADATA:
[](https://discord.gg/nTYy5BXMWG)
[](https://discord.gg/nTYy5BXMWG)
# ਸ਼ੁਰੂਆਤੀ ਲਈ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ - ਇੱਕ ਕੋਰਸ
# ਸ਼ੁਰੂਆਤੀਆਂ ਲਈ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ - ਇੱਕ ਕੋਰਸਰੂਪ
ਮਾਈਕਰੋਸਾਫਟ ਕਲਾਉਡ ਐਡਵੋਕੇਟਸ ਵੱਲੋਂ 12 ਹਫ਼ਤਿਆਂ ਦੇ ਵਿਸਤ੍ਰਿਤ ਕੋਰਸ ਨਾਲ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਮੂਲ ਸਿਧਾਂਤ ਸਿੱਖੋ। ਹਰ ਇੱਕ 24 ਪਾਠਾਂ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ, CSS ਅਤੇ HTML ਨੂੰ ਹੱਥ-ਅਭਿਆਸ ਪ੍ਰਾਜੈਕਟਾਂ ਜਿਵੇਂ ਕਿ ਟੈਰਰੀਅਮ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਅਤੇ ਸਪੇਸ ਗੇਮਾਂ ਰਾਹੀਂ ਸਮਝਾਇਆ ਗਿਆ ਹੈ। ਕਵਿਜ਼, ਚਰਚਾ ਅਤੇ ਪ੍ਰੈਕਟਿਕਲ ਅਸਾਈਨਮੈਂਟਾਂ ਨਾਲ ਜੁੜੋ। ਪ੍ਰਾਜੈਕਟ-ਅਧਾਰਤ ਪੈਡਾਗੌਗੀ ਨਾਲ ਆਪਣੀਆਂ ਹੁਨਰਾਂ ਨੂੰ ਵਧਾਓ ਅਤੇ ਆਪਣੀ ਗਿਆਨ ਧਾਰਨਾ ਨੂੰ ਬਹਿਤਰ ਬਣਾਓ। ਅੱਜ ਹੀ ਆਪਣਾ ਕੋਡਿੰਗ ਸਫਰ ਸ਼ੁਰੂ ਕਰੋ!
Microsoft Cloud Advocates ਦੇ ਸਾਡੇ 12-ਹਫਤੇ ਦੇ ਵਿਸਤ੍ਰਿਤ ਕੋਰਸ ਨਾਲ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਮੁਢਲੀ ਸਿਧਾਂਤ ਸਿੱਖੋ। 24 ਪਾਠਾਂ ਵਿੱਚੋਂ ਹਰ ਇੱਕ ਜਾਵਾਸਕ੍ਰਿਪਟ, CSS ਅਤੇ HTML ਵਿੱਚ ਡੂੰਘਾਈ ਨਾਲ ਵਿਸ਼ਲੇਸ਼ਣ ਕਰਦਾ ਹੈ ਜਿਸ ਵਿੱਚ terrariums, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਅਤੇ ਸਪੇਸ ਗੇਮ ਵਰਗੇ ਹੱਥੋਂ-ਹੱਥ ਪਰਿਯੋਜਨਾਵਾਂ ਸ਼ਾਮਲ ਹਨ। ਕੁਇਜ਼, ਚਰਚਾ ਅਤੇ ਪ੍ਰਾਇਕਟਿਕ ਅਸਾਈਨਮੈਂਟ ਨਾਲ ਸ਼ਾਮਿਲ ਹੋਵੋ। ਸਾਡੀ ਪ੍ਰਭਾਵਸ਼ালী ਪ੍ਰੋਜੈਕਟ ਅਧਾਰਿਤ ਸਿੱਖਿਆ ਪ੍ਰਣਾਲੀ ਨਾਲ ਆਪਣੇ ਹੁਨਰ ਨੂੰ ਸੁਧਾਰੋ ਅਤੇ ਆਪਣੇ ਗਿਆਨ ਨੂੰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਬਣਾਓ। ਅੱਜ ਹੀ ਆਪਣੀ ਕੋਡਿੰਗ ਯਾਤਰਾ ਸ਼ੁਰੂ ਕਰੋ!
ਐਜ਼ਰ AI Foundry Discord ਕਮਿਊਨਿਟੀ ਵਿੱਚ ਸ਼ਾਮ ਲ ਹੋਵੋ
Azure AI Foundry Discord Community ਵਿੱਚ ਸ਼ਾਮਿ ਲ ਹੋਵੋ
[](https://discord.gg/nTYy5BXMWG)
[](https://discord.gg/nTYy5BXMWG)
ਇਹ ਸਰੋਤਾਂ ਦੀ ਵਰਤੋਂ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਹੇਠਾਂ ਦਿੱਤੇ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ :
ਇਹ ਸਰੋਤ ਵਰਤਣ ਲਈ ਇਹ ਕਦਮ ਅਪਣਾਓ :
1. ** ਰਿਪੋਜ਼ਟਰੀ ਨੂੰ ਫੋਰਕ ਕਰੋ**: ਕਲਿੱਕ ਕਰੋ [](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
1. ** ਜਥਾ ਵਿਕਲਪ ਨੂੰ ਫੋਰਕ ਕਰੋ**: ਕਲਿੱਕ ਕਰੋ [](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. [** ਐਜ਼ਰ AI Foundry Discord ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ ਅਤੇ ਮਾਹਰਾਂ ਅਤੇ ਹੋਰ ਡਿਵੈਲਪ ਰਾਂ ਨਾਲ ਮਿਲੋ**](https://discord.com/invite/ByRwuEEgH4 )
3. [** Azure AI Foundry Discord ਵਿੱਚ ਸ਼ਾਮਿਲ ਹੋਵੋ ਅਤੇ ਮਾਹਿਰਾਂ ਅਤੇ ਹੋਰ ਵਿਕਾਸਕਾ ਰਾਂ ਨਾਲ ਮਿਲੋ**](https://discord.com/invite/ByRwuEEgH4 )
### 🌐 ਬਹੁ-ਭਾਸ਼ਾ ਸਹਾਇਤਾ
### 🌐 ਬਹੁ-ਭਾਸ਼ਾਈ ਸਹਾਇਤਾ
#### GitHub Action ਰਾਹੀਂ ਸਹਾਇਤਾਪ੍ਰਾਪਤ (ਆਟੋਮੈਟਿਕ ਅਤੇ ਹਮੇਸ਼ਾ ਅਪ-ਟੂ- ਡੇਟ)
#### 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/README.md ) | [Chinese (Traditional, Hong Kong) ](../hk/README.md ) | [Chinese (Traditional, Macau) ](../mo/README.md ) | [Chinese (Traditional, Taiwan) ](../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 ) | [Korean ](../ko/README.md ) | [Lithuanian ](../lt/README.md ) | [Malay ](../ms/README.md ) | [Marathi ](../mr/README.md ) | [Nepali ](../ne/README.md ) | [Norwegian ](../no/README.md ) | [Persian (Farsi) ](../fa/README.md ) | [Polish ](../pl/README.md ) | [Portuguese (Brazil) ](../br/README.md ) | [Portuguese (Portugal) ](../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 ) | [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/README.md ) | [Chinese (Traditional, Hong Kong) ](../hk/README.md ) | [Chinese (Traditional, Macau) ](../mo/README.md ) | [Chinese (Traditional, Taiwan) ](../tw/README.md ) | [Croatian ](../hr/README.md ) | [Czech ](../cs/README.md ) | [Danish ](../da/README.md ) | [Dutch ](../nl/README.md ) | [Estonian ](../et/README.md ) | [Finnish ](../fi/README.md ) | [French ](../fr/README.md ) | [German ](../de/README.md ) | [Greek ](../el/README.md ) | [Hebrew ](../he/README.md ) | [Hindi ](../hi/README.md ) | [Hungarian ](../hu/README.md ) | [Indonesian ](../id/README.md ) | [Italian ](../it/README.md ) | [Japanese ](../ja/README.md ) | [Kannada ](../kn/README.md ) | [Korean ](../ko/README.md ) | [Lithuanian ](../lt/README.md ) | [Malay ](../ms/README.md ) | [Malayalam ](../ml/README.md ) | [Marathi ](../mr/README.md ) | [Nepali ](../ne/README.md ) | [Nigerian Pidgin ](../pcm/README.md ) | [Norwegian ](../no/README.md ) | [Persian (Farsi) ](../fa/README.md ) | [Polish ](../pl/README.md ) | [Portuguese (Brazil) ](../br/README.md ) | [Portuguese (Portugal) ](../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+ ਭਾਸ਼ਾਵਾਂ ਦੇ ਅਨੁਵਾਦ ਸ਼ਾਮਿਲ ਹੈ ਜੋ ਡਾਊਨਲੋਡ ਸਾਈਜ਼ ਦਾ ਅਹੰਕਾਰਕ ਵਾਧਾ ਕਰਦਾ ਹੈ। ਬਿਨਾਂ ਅਨੁਵਾਦਾਂ ਦੇ ਕਲੋਨ ਕਰਨ ਲਈ sparse checkout ਵਰਤੋ:
> ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
> ਇਹ ਤੁਹਾਨੂੰ ਸਭ ਕੁਝ ਦਿੱਤੇਗਾ ਜੋ ਤੁਹਾਨੂੰ ਕੋਰਸ ਪੂਰਾ ਕਰਨ ਲਈ ਜ਼ਰੂਰੀ ਹੈ ਬਹੁਤ ਤੇਜ਼ ਡਾਊਨਲੋਡ ਸਮੇਤ।
<!-- 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 )**
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑🎓 _ਕੀ ਤੁਸੀਂ ਵਿਦਿਆਰਥੀ ਹੋ?_
#### 🧑🎓 _ਕੀ ਤੁਸੀਂ ਵਿਦਿਆਰਥੀ ਹੋ?_
[**Student Hub page** ](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon ) 'ਤੇ ਜਾਓ ਜਿੱਥੇ ਤੁਹਾਨੂੰ ਸ਼ੁਰੂਆਤੀ ਸਰੋਤ, ਵਿਦਿਆਰਥੀ ਪੈਕ ਅਤੇ ਮੁਫ਼ਤ ਸਰਟੀਫਿਕੇਟ ਵਾਊਚਰ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਤਰੀਕੇ ਮਿਲਣਗੇ। ਇਹ ਪੰਨਾ ਬੁੱਕਮਾਰਕ ਕਰਨ ਯੋਗ ਹੈ ਅਤੇ ਇਸਨੂੰ ਸਮੇਂ-ਸਮੇਂ 'ਤੇ ਚੈੱਕ ਕਰੋ ਕਿਉਂਕਿ ਅਸੀਂ ਮਾਸਿਕ ਤੌਰ 'ਤੇ ਸਮੱਗਰੀ ਬਦਲਦੇ ਰਹਿੰਦੇ ਹਾਂ।
ਵਿਜ਼ਿਟ ਕਰੋ [**Student Hub page** ](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon ) ਜਿੱਥੇ ਤੁਹਾਨੂੰ ਸ਼ੁਰੂਆਤੀ ਸਾਧਨ, ਵਿਦਿਆਰਥੀ ਪੈਕਸ ਅਤੇ ਇੱਥੇ ਤੱਕ ਕਿ ਮੁਫ਼ਤ ਸਰਟੀਫਿਕੇਟ ਵਾਊਚਰ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਤਰੀਕੇ ਮਿਲਣਗੇ। ਇਹ ਉਹ ਪੰਨਾ ਹੈ ਜਿਸ ਨੂੰ ਤੁਸੀਂ ਬੁੱਕਮਾਰਕ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਅਤੇ ਸਮੇਂ ਸਮੇਂ ਤੇ ਦੇਖਦੇ ਰਹੋ ਕਿਉਂਕਿ ਅਸੀਂ ਮਹੀਨੇ ਦੇ ਅਨੁਸਾਰ ਸਮੱਗਰੀ ਬਦਲਦੇ ਰਹਿੰਦੇ ਹਾਂ।
### 📣 ਐਲਾਨ - ਨਵੇਂ GitHub Copilot Agent ਮੋਡ ਚੈਲੈਂਜ ਪੂਰੇ ਕਰਨ ਲਈ!
### 📣 ਐਲਾਨ - ਨਵਾਂ GitHub Copilot Agent ਮੋਡ ਚੈਲੰਜ ਪੂਰਾ ਕਰਨ ਲਈ!
ਨਵਾਂ ਚੈਲੈਂ ਜ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਜ਼ਿਆਦਾਤਰ ਅਧਿਆਇ ਵਿੱਚ "GitHub Copilot Agent Challenge 🚀" ਦੀ ਭਾਲ ਕਰ ੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ GitHub Copilot ਅਤੇ Agent ਮੋਡ ਦੀ ਵਰਤੋਂ ਕਰਕ ੇ ਪੂਰਾ ਕਰਨ ਲਈ ਇੱਕ ਨਵਾਂ ਚੈਲੈਂਜ ਹੈ। ਜੇ ਤੁਸੀਂ ਪਹਿਲਾਂ Agent ਮੋਡ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕੀਤੀ ਹੈ, ਤਾਂ ਇਹ ਸਿਰਫ਼ ਟੈਕਸਟ ਜਨਰੇਟ ਕਰਨ ਦੇ ਯੋਗ ਨਹੀਂ ਹੈ, ਬਲਕਿ ਫਾਈਲਾਂ ਬਣਾਉਣ ਅਤੇ ਸੰਪਾਦਿਤ ਕਰਨ , ਕਮਾਂਡ ਚਲਾਉਣ ਅਤੇ ਹੋਰ ਵੀ ਕਰ ਸਕਦਾ ਹੈ।
ਨਵਾਂ ਚੈਲੰ ਜ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਜ਼ਿਆਦਾਤਰ ਅਧਿਆਇਆਂ ਵਿੱਚ "GitHub Copilot Agent Challenge 🚀" ਦੇਖ ੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ GitHub Copilot ਅਤੇ Agent ਮੋਡ ਵਰਤ ਕੇ ਪੂਰਾ ਕਰਨ ਲਈ ਇੱਕ ਨਵਾਂ ਚੈਲੰਜ ਹੈ। ਜੇ ਤੁਸੀਂ ਪਹਿਲਾਂ Agent ਮੋਡ ਵਰਤਿਆ ਨਹੀਂ, ਇਹ ਕেবল ਪਾਠ ਤਿਆਰ ਕਰਨ ਵਾਲਾ ਨਹੀਂ ਸਗੋਂ ਫ਼ਾਇਲਾਂ ਬਣਾਉਣ ਅਤੇ ਸੋਧਣ , ਕਮਾਂਡ ਚਲਾਉਣ ਅਤੇ ਹੋਰ ਵੀ ਕਰ ਸਕਦਾ ਹੈ।
### 📣 ਐਲਾਨ - _ਜਨਰੇਟਿਵ AI ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਨਵਾਂ ਪ੍ਰਾਜੈਕਟ ਬਣਾਉਣਾ_
### 📣 ਐਲਾਨ - _Generative AI ਵਰਤ ਕੇ ਨਵਾਂ ਪ੍ਰੋਜੈਕਟ ਬਣਾਉਣਾ_
ਨਵਾਂ AI Assistant ਪ੍ਰਾਜੈਕਟ ਹੁਣ ਹੀ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਇਸਨੂੰ [project ](./09-chat-project/README.md ) ਵਿੱਚ ਵੇਖੋ।
ਨਵਾਂ AI ਸਹਾਇਕ ਪ੍ਰੋਜੈਕਟ ਹਾਲੇ ਜੋੜਿਆ ਗਿਆ, [ਪ੍ਰੋਜੈਕਟ ](./9-chat-project/README.md ) ਵੇਖੋ
### 📣 ਐਲਾਨ - _ ਜਨਰੇਟਿਵ AI ਲਈ ਨਵਾਂ ਕੋਰਸ_ ਜਾਵਾਸਕ੍ਰਿਪਟ 'ਤੇ ਹੁਣ ਹੀ ਜਾਰੀ ਕੀਤਾ ਗਿਆ ਹੈ
### 📣 ਐਲਾਨ - _ Generative AI ਲਈ ਨਵਾਂ ਕੋਰਸ_ ਜਾਵਾਸਕ੍ਰਿਪਟ ਲਈ ਹਾਲ ਹੀ ਵਿਚ ਜਾਰੀ ਕੀਤਾ ਗਿਆ
ਸਾਡੇ ਨਵੇਂ ਜਨਰੇਟਿਵ AI ਕੋਰਸ ਨੂੰ ਨਾ ਗੁਆਓ !
ਸਾਡੀ ਨਵੀਂ Generative 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 ) ਤੇ ਜਾਓ!


- ਪਾਠਾਂ ਜੋ ਮੂਲ ਸਿਧਾਂਤਾਂ ਤੋਂ RAG ਤੱਕ ਸਭ ਕੁਝ ਕਵਰ ਕਰਦੇ ਹਨ।
- ਬੁਨਿਆਦੀਂ ਤੱਕ RAG ਤੱਕ ਸਾਰੇ ਪਾਠ ਸ਼ਾਮਲ ਹਨ।
- GenAI ਅਤੇ ਸਾਡੇ ਸਾਥੀ ਐਪ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਤਿਹਾਸਕ ਪਾਤਰਾਂ ਨਾਲ ਸੰਚਾਰ ਕਰੋ।
- ਇਤিহাসਕ ਪਾਤਰਾਂ ਨਾਲ GenAI ਅਤੇ ਸਾਡੇ ਸਾਥੀ ਐਪ ਵਰਤ ਕੇ ਇੰਤrotateੈਕਟ ਕਰੋ।
- ਮਜ਼ੇਦਾਰ ਅਤੇ ਰੁਚਿਕਰ ਕਹਾਣੀ, ਤੁਸੀਂ ਸਮੇਂ ਵਿੱਚ ਯਾਤਰਾ ਕਰ ਰਹੇ ਹੋਵੋਗੇ !
- ਮਨੋਰੰਜਕ ਅਤੇ ਦਿਲਚਸਪ ਕਹਾਣੀ, ਤੁਸੀਂ ਸਮੇਂ ਦਾ ਯਾਤਰੀ ਹੋਵੋ !


ਹਰ ਪਾਠ ਵਿੱਚ ਇੱਕ ਅਸਾਈਨਮੈਂਟ ਸ਼ਾਮਲ ਹੁੰਦੀ ਹੈ, ਇੱਕ ਗਿਆਨ ਜਾਂਚ ਅਤੇ ਇੱਕ ਚੈਲੈਂਜ ਜੋ ਤੁਹਾਨੂੰ ਹੇਠਾਂ ਦਿੱਤੇ ਵਿਸ਼ਿਆਂ ਨੂੰ ਸਿੱਖਣ ਵਿੱਚ ਮਦਦ ਕਰੇਗਾ :
ਹਰ ਪਾਠ ਵਿੱਚ ਅਸਾਈਨਮੈਂਟ, ਗਿਆਨ ਜਾਂਚ ਅਤੇ ਚੈਲੰਜ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ ਜਿਹੜੇ ਤੁਹਾਨੂੰ ਸਿੱਖਣ ਵਿੱਚ ਮਦਦ ਕਰਦੇ ਹਨ ਜਿਵੇਂ :
- ਪ੍ਰੋਮਪਟਿੰਗ ਅਤੇ ਪ੍ਰੋਮ ਪਟ ਇੰਜੀਨੀਅਰਿੰਗ
- ਪ੍ਰੌਂਪਟਿੰਗ ਅਤੇ ਪ੍ਰੌਂ ਪਟ ਇੰਜੀਨੀਅਰਿੰਗ
- ਟੈਕਸਟ ਅਤੇ ਚਿੱਤਰ ਐਪ ਜਨਰੇਸ਼ਨ
- ਪਾਠ ਅਤੇ ਚਿੱਤਰ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਣਾ
- ਖੋਜ ਐਪ
- ਖੋਜ ਐਪਸ
ਸ਼ੁਰੂ ਕਰਨ ਲਈ [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 ਵਿੱਚ ਕੋਰਸ ਚਲਾਉਣਾ
#### Codespace ਵਿੱਚ ਕੋਰਸ ਚਲਾਉਣਾ
ਤੁਹਾਡੇ ਦੁਆਰਾ ਬਣਾਈ ਗਈ ਇਸ ਰਿਪੋਜ਼ਟਰ ੀ ਵਿੱਚ, **Code** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ **Open with Codespaces** ਚੁਣੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ ਕੰਮ ਕਰਨ ਲਈ ਇੱਕ ਨਵਾਂ Codespace ਬਣਾਏਗਾ ।
ਆਪਣੇ ਬਣਾਏ ਕਾਪ ੀ ਵਿੱਚ, **Code** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ **Open with Codespaces** ਚੁਣੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ ਨਵਾਂ Codespace ਬਣਾ ਦੇਵੇਗਾ ਜਿਸ ਵਿੱਚ ਤੁਸੀਂ ਕੰਮ ਕਰ ਸਕਦੇ ਹੋ ।


#### ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਕੋਰਸ ਚਲਾਉਣਾ
#### ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਕੋਰਸ ਚਲਾਉਣਾ
ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਇਸ ਕੋਰਸ ਨੂੰ ਚਲਾਉਣ ਲਈ, ਤੁਹਾਨੂੰ ਇੱਕ ਟੈਕਸਟ ਐਡੀਟਰ, ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ ਇੱਕ ਕਮਾਂਡ ਲਾਈਨ ਟੂਲ ਦੀ ਲੋੜ ਹੋਵੇਗੀ। ਸਾਡਾ ਪਹਿਲਾ ਪਾਠ, [Introduction to Programming Languages and Tools of the Trade ](../../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 ) ਨੂੰ ਆਪਣੇ ਐਡੀਟਰ ਵਜੋਂ ਵਰਤੋਂ, ਜਿਸ ਵਿੱਚ ਇੱਕ ਅੰਦਰੂਨੀ [Terminal ](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon ) ਵੀ ਹੈ। ਤੁਸੀਂ [Visual Studio Code ]( https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਨੂੰ [ਇੱਥੇ ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon ) ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ।
ਸਾਡੀ ਸਿਫਾਰਸ਼ ਹੈ ਕਿ ਤੁਸੀਂ [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 ) ਵੀ ਸ਼ਾਮਲ ਹੈ। ਤੁਸੀਂ ਇੱਥੇ ਤੋਂ Visual Studio Code ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ: [ https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon ).
1. ਆਪਣਾ ਰਿਪੋਜ਼ਟਰੀ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਕਲੋਨ ਕਰੋ। ਤੁਸੀਂ **Code** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਅਤੇ URL ਕਾਪੀ ਕਰਕੇ ਇਹ ਕਰ ਸਕਦੇ ਹੋ:
[CodeSpace ](./images/createcodespace.png )
1. ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਆਪਣਾ ਜਥਾ ਵਿਕਲਪ ਕਲੋਨ ਕਰੋ। ਤੁਸੀਂ ਇਹ **Code** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਅਤੇ 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 ਨਾਲ ਬਦਲੋ:
[CodeSpace ](./images/createcodespace.png )
ਫਿਰ, [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 ) ਖੋਲ੍ਹੋ ਅਤੇ ਹੇਠਾਂ ਦਿੱਤਾ ਕਮਾਂਡ ਚਲਾਓ, `<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
> * [ 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/ ) ਉਪਲਬਧ ਹਨ। ਕਵਿਜ਼ ਐਪ ਨੂੰ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਚਲਾਇਆ ਜਾ ਸਕਦਾ ਹੈ ਜਾਂ Azure 'ਤੇ ਡਿਪਲੋ ਇ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ; `quiz-app` ਫੋਲਡਰ ਵਿੱਚ ਦਿੱਤੇ ਨਿਰਦੇਸ਼ਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ।
> ** ਕਵਿਜ਼ਾਂ ਬਾਰੇ ਇੱਕ ਨੋਟ**: ਸਾਰੀਆਂ ਕਵਿਜ਼ਾਂ Quiz-app ਫੋਲਡਰ ਵਿੱਚ ਹਨ, 48 ਕੁੱਲ ਕਵਿਜ਼ ਹਰ ਇੱਕ ਵਿੱਚ ਤਿੰਨ ਸਵਾਲ ਹਨ। ਉਹ [ਇ ਥੇ](https://ff-quizzes.netlify.app/web/ ) ਉਪਲੱ ਬਧ ਹਨ। ਕਵਿਜ਼ ਐਪ ਨੂੰ ਲੋਕਲ ਵਿੱਚ ਚਲਾਇਆ ਜਾ ਸਕਦਾ ਹੈ ਜਾਂ ਅਜ਼ੁਰ 'ਤੇ ਡਿਪਲੌ ਇ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ; `quiz-app` ਫੋਲਡਰ ਵਿੱਚ ਦਿੱਤੀਆਂ ਹਦਾਇਤਾਂ ਦਾ ਪਾਲਣ ਕਰੋ।
## 🗃️ ਪਾਠ
## 🗃️ ਪਾਠ
| | ਪ੍ਰੋਜੈਕਟ ਦਾ ਨਾਮ | ਸਿੱਖਣ ਵਾਲੇ ਸੰਕਲਪ | ਸਿੱਖਣ ਦੇ ਉਦੇਸ਼ | ਜੁੜਿਆ ਪਾਠ | ਲੇਖਕ |
| | ਪ੍ਰਾਜੈਕਟ ਦਾ ਨਾਮ | ਸਿੱਖਾਏ ਗਏ ਸਿਧਾਂਤ | ਲਰਨਿੰਗ ਉਦੇਸ਼ | ਲਿੰਕਡ ਪਾਠ | ਲਿਖਾਰੀ |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | ਸ਼ੁਰੂਆਤ | ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਅਤੇ ਟੂਲਜ਼ ਦਾ ਪਰਚੇਅ | ਜ਼ਿਆਦਾਤਰ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਮੂਲ ਅਧਾਰਾਂ ਅਤੇ ਪੇਸ਼ੇਵਰ ਡਿਵੈਲਪਰਾਂ ਦੀ ਮਦਦ ਕਰਨ ਵਾਲੇ ਸੌਫਟਵੇਅਰ ਬਾਰੇ ਸਿੱਖੋ | [ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਟੂਲਜ਼ ਦਾ ਪਰਚੇਅ ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md ) | ਜੈਸਮਿਨ |
| 01 | ਸ਼ੁਰੂ ਕਰਨਾ | ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਦਾ ਪਰਿਚਿਆ ਅਤੇ ਟੂਲਜ਼ ਆਫ਼ ਦ ਟਰੇਡ | ਜ਼ਿਆਦਾਤਰ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਬੇਸਿਕ ਮੁੱਖ ਵਿਸ਼ੇ ਸਿੱਖੋ ਅਤੇ ਉਹ ਸਾਫਟਵੇਅਰ ਜੋ ਪੇਸ਼ਾਵਰ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਕੰਮ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ | [Intro to Programming Languages and Tools of the Trade ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md ) | ਜੈਸਮਿਨ |
| 02 | ਸ਼ੁਰੂਆਤ | GitHub ਦੇ ਬੁਨਿਆਦੀ ਗੁਣ, ਟੀਮ ਨਾਲ ਕੰਮ ਕਰਨ ਸਮੇਤ | ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ GitHub ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ, ਕੋਡ ਬੇਸ 'ਤੇ ਹੋਰਾਂ ਨਾਲ ਸਹਿਯੋਗ ਕਿਵੇਂ ਕਰਨਾ ਹੈ | [GitHub ਦਾ ਪਰਚੇਅ ](./1-getting-started-lessons/2-github-basics/README.md ) | ਫਲੋਰ |
| 02 | ਸ਼ੁਰੂ ਕਰਨਾ | GitHub ਦੇ ਬੁਨਿਆਦੀ ਗੁਣ, ਟੀਮ ਦੇ ਨਾਲ ਕੰਮ ਕਰਨਾ | ਆਪਣੇ ਪ੍ਰਾਜੈਕਟ ਵਿੱਚ GitHub ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ, ਕੋਡ ਬੇਸ ਤੇ ਹੋਰਾਂ ਨਾਲ ਮਿਲ ਕੇ ਕੰਮ ਕਰਨਾ | [Intro to GitHub ](./1-getting-started-lessons/2-github-basics/README.md ) | ਫਲੋਰ |
| 03 | ਸ਼ੁਰੂਆਤ | ਪਹੁੰਚਯੋਗਤਾ | ਵੈੱਬ ਪਹੁੰਚਯੋਗਤਾ ਦੇ ਬੁਨਿਆਦੀ ਗੁਣਾਂ ਬਾਰੇ ਸਿੱਖੋ | [ਪਹੁੰਚਯੋਗਤਾ ਦੇ ਮੂਲ ਤੱਤ ](./1-getting-started-lessons/3-accessibility/README.md ) | ਕ੍ਰਿਸਟੋਫਰ |
| 03 | ਸ਼ੁਰੂ ਕਰਨਾ | ਐਕਸੈਸੀਬਿਲਟੀ | ਵੈੱਬ ਐਕਸੈਸੀਬਿਲਟੀ ਦੇ ਮੁੱਢਲੇ ਗੁਣ ਸਿੱਖੋ | [Accessibility Fundamentals ](./1-getting-started-lessons/3-accessibility/README.md ) | ਕ੍ਰਿਸਟੋਫਰ |
| 04 | JS ਬੁਨਿਆਦੀਆਂ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਾਟਾ ਟਾਈਪਸ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਾਟਾ ਟਾਈਪਸ ਦੇ ਬੁਨਿਆਦੀ ਗੁਣ | [ਡਾਟਾ ਟਾਈਪਸ ](./2-js-basics/1-data-types/README.md ) | ਜੈਸਮਿਨ |
| 04 | JS ਬੇਸਿਕ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡੇਟਾ ਟਾਈਪ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡੇਟਾ ਟਾਈਪਾਂ ਦੇ ਮੁੱਢਲੇ ਗੁਣ | [Data Types ](./2-js-basics/1-data-types/README.md ) | ਜੈਸਮਿਨ |
| 05 | JS ਬੁਨਿਆਦੀਆਂ | ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ | ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਲਾਜਿਕ ਫਲੋ ਨੂੰ ਪ੍ਰਬੰਧਿਤ ਕਰਨ ਲਈ ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ ਬਾਰੇ ਸਿੱਖੋ | [ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ ](./2-js-basics/2-functions-methods/README.md ) | ਜੈਸਮਿਨ ਅਤੇ ਕ੍ਰਿਸਟੋਫਰ |
| 05 | JS ਬੇਸਿਕ | ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ | ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਲੋਜਿਕ ਪਾਠ ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ ਬਾਰੇ ਜਾਣੋ | [Functions and Methods ](./2-js-basics/2-functions-methods/README.md ) | ਜੈਸਮਿਨ ਅਤੇ ਕ੍ਰਿਸਟੋਫਰ |
| 06 | JS ਬੁਨਿਆਦੀਆਂ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਫੈਸਲੇ ਲੈਣਾ | ਫੈਸਲੇ ਲੈਣ ਦੇ ਤਰੀਕਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਸ਼ਰਤਾਂ ਬਣਾਉਣ ਬਾਰੇ ਸਿੱਖੋ | [ਫੈਸਲੇ ਲੈਣਾ ](./2-js-basics/3-making-decisions/README.md ) | ਜੈਸਮਿਨ |
| 06 | JS ਬੇਸਿਕ | JS ਨਾਲ ਫੈਸਲੇ ਕਰਨਾ | ਫੈਸਲਾ-ਸੰਬੰਧੀ ਮੈਥਡਾਂ ਦਾ ਉਪਯੋਗ ਕਰਕੇ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਸ਼ਰਤਾਂ ਬਣਾਉਣਾ ਸਿੱਖੋ | [Making Decisions ](./2-js-basics/3-making-decisions/README.md ) | ਜੈਸਮਿਨ |
| 07 | JS ਬੁਨਿਆਦੀਆਂ | ਐਰੇ ਅਤੇ ਲੂਪ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਡਾਟਾ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਐਰੇ ਅਤੇ ਲੂਪ ਦੀ ਵਰਤੋਂ ਕਰੋ | [ਐਰੇ ਅਤੇ ਲੂਪ ](./2-js-basics/4-arrays-loops/README.md ) | ਜੈਸਮਿਨ |
| 07 | JS ਬੇਸਿਕ | ਐਰੇ ਅਤੇ ਲੂਪ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਡੇਟਾ ਨਾਲ ਐਰੇ ਅਤੇ ਲੂਪਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ | [Arrays and Loops ](./2-js-basics/4-arrays-loops/README.md ) | ਜੈਸਮਿਨ |
| 08 | [ਟੈਰੀਅਰਿਅਮ ](./3-terrarium/solution/README.md ) | HTML ਦਾ ਅਭਿਆਸ | ਇੱਕ ਆਨਲਾਈਨ ਟੈਰੀਅਰਿਅਮ ਬਣਾਉਣ ਲਈ HTML ਬਣਾਓ, ਲੇਆਉਟ ਬਣਾਉਣ 'ਤੇ ਧਿਆਨ ਦਿਓ | [HTML ਦਾ ਪਰਚੇਅ ](./3-terrarium/1-intro-to-html/README.md ) | ਜੈਨ |
| 08 | [ਟਰੈਰੀਅਮ ](./3-terrarium/solution/README.md ) | ਐਚਟੀਐਮਐਲ ਅਮਲ ਵਿੱਚ | ਐਚਟੀਐਮਐਲ ਬਣਾਓ ਤਾਂ ਜੋ ਇੱਕ ਆਨਲਾਈਨ ਟਰੈਰੀਅਮ ਬਣਾਇਆ ਜਾ ਸਕੇ, ਖਾਸ ਕਰਕੇ ਲੇਆਊਟ ਬਨਾਉਣ 'ਤੇ ਧਿਆਨ ਦਿੰਦੇ ਹੋਏ | [Introduction to HTML ](./3-terrarium/1-intro-to-html/README.md ) | ਜੈਨ |
| 09 | [ਟੈਰੀਅਰਿਅਮ ](./3-terrarium/solution/README.md ) | CSS ਦਾ ਅਭਿਆਸ | ਆਨਲਾਈਨ ਟੈਰੀਅਰਿਅਮ ਨੂੰ ਸਜਾਉਣ ਲਈ CSS ਬਣਾਓ, CSS ਦੇ ਬੁਨਿਆਦੀ ਗੁਣਾਂ ਸਮੇਤ ਪੇਜ ਨੂੰ ਰਿਸਪਾਂਸਿਵ ਬਣਾਉਣ 'ਤੇ ਧਿਆਨ ਦਿਓ | [CSS ਦਾ ਪਰਚੇਅ ](./3-terrarium/2-intro-to-css/README.md ) | ਜੈਨ |
| 09 | [ਟਰੈਰੀਅਮ ](./3-terrarium/solution/README.md ) | CSS ਅਮਲ ਵਿੱਚ | ਆਨਲਾਈਨ ਟਰੈਰੀਅਮ ਨੂੰ ਸਜਾਉਣ ਲਈ CSS ਬਨਾਓ, CSS ਦੇ ਮੁੱਢਲੇ ਗੁਣ ਸਮੇਤ ਪੰਨਾ ਰਿਸਪਾਂਸੀਵ ਬਣਾਉਣਾ | [Introduction to CSS ](./3-terrarium/2-intro-to-css/README.md ) | ਜੈਨ |
| 10 | [ਟੈਰੀਅਰਿਅਮ ](./3-terrarium/solution/README.md ) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਕਲੋਜ਼ਰ, DOM ਮੈਨਿਪੂਲੇਸ਼ਨ | ਟੈਰੀਅਰਿਅਮ ਨੂੰ ਡਰੈਗ/ਡ੍ਰੌਪ ਇੰਟਰਫੇਸ ਵਜੋਂ ਕੰਮ ਕਰਨ ਲਈ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬਣਾਓ, ਕਲੋਜ਼ਰ ਅਤੇ DOM ਮੈਨਿਪੂਲੇਸ਼ਨ 'ਤੇ ਧਿਆਨ ਦਿਓ | [ਜਾਵਾਸਕ੍ਰਿਪਟ ਕਲੋਜ਼ਰ, DOM ਮੈਨਿਪੂਲੇਸ਼ਨ ](./3-terrarium/3-intro-to-DOM-and-closures/README.md ) | ਜੈਨ |
| 10 | [ਟਰੈਰੀਅਮ ](./3-terrarium/solution/README.md ) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਕਲੋਜ਼ਰਜ਼, DOM ਮੈਨਿਪੂਲੇਸ਼ਨ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਬਣਾਓ ਤਾਂ ਜੋ ਟਰੈਰੀਅਮ ਨੂੰ ਡ੍ਰੈਗ/ਡ੍ਰਾਪ ਇੰਟਰਫੇਸ ਵਜੋਂ ਕੰਮ ਕਰਨ ਬਾਰੇ ਬਣਾਉਂਦੇ ਹੋਏ, ਕਲੋਜ਼ਰਜ਼ ਅਤੇ DOM ਸੰਭਾਲ 'ਤੇ ਧਿਆਨ ਦਿੰਦੇ ਹੋਏ | [JavaScript Closures, DOM manipulation ](./3-terrarium/3-intro-to-DOM-and-closures/README.md ) | ਜੈਨ |
| 11 | [ਟਾਈਪਿੰਗ ਗੇਮ ](./4-typing-game/solution/README.md ) | ਇੱਕ ਟਾਈਪਿੰਗ ਗੇਮ ਬਣਾਓ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਐਪ ਦੀ ਲਾਜਿਕ ਨੂੰ ਚਲਾਉਣ ਲਈ ਕੀਬੋਰਡ ਇਵੈਂਟ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ | [ਇਵੈਂਟ-ਡ੍ਰਿਵਨ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ](./4-typing-game/typing-game/README.md ) | ਕ੍ਰਿਸਟੋਫਰ |
| 11 | [ਟਾਈਪਿੰਗ ਗੇਮ ](./4-typing-game/solution/README.md ) | ਟਾਈਪਿੰਗ ਗੇਮ ਬਨਾਓ | ਆਪਣੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਐਪ ਦੀ ਲੋਜਿਕ ਨੂੰ ਚਲਾਉਣ ਲਈ ਕੀਬੋਰਡ ਘਟਨਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸਿੱਖੋ | [Event-Driven Programming ](./4-typing-game/typing-game/README.md ) | ਕ੍ਰਿਸਟੋਫਰ |
| 12 | [ਗ੍ਰੀਨ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ](./5-browser-extension/solution/README.md ) | ਬ੍ਰਾਊਜ਼ਰ ਨਾਲ ਕੰਮ ਕਰਨਾ | ਬ੍ਰਾਊਜ਼ਰ ਕਿਵੇਂ ਕੰਮ ਕਰਦੇ ਹਨ, ਉਨ੍ਹਾਂ ਦਾ ਇਤਿਹਾਸ, ਅਤੇ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਪਹਿਲੇ ਤੱਤਾਂ ਨੂੰ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ | [ਬ੍ਰਾਊਜ਼ਰ ਬਾਰੇ ](./5-browser-extension/1-about-browsers/README.md ) | ਜੈਨ |
| 12 | [ਹਰਾ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੇਂਸ਼ਨ ](./5-browser-extension/solution/README.md ) | ਬ੍ਰਾਊਜ਼ਰ ਨਾਲ ਕੰਮ ਕਰਨਾ | ਜਾਣੋ ਕਿ ਬ੍ਰਾਊਜ਼ਰ ਕਿਵੇਂ ਕੰਮ ਕਰਦੇ ਹਨ, ਉਹਨਾਂ ਦਾ ਇਤਿਹਾਸ, ਅਤੇ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੇਂਸ਼ਨ ਦੇ ਪਹਿਲੇ ਤੱਤ ਕਿਵੇਂ ਬਣਾਏ ਜਾਂਦੇ ਹਨ | [About Browsers ](./5-browser-extension/1-about-browsers/README.md ) | ਜੈਨ |
| 13 | [ਗ੍ਰੀਨ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ](./5-browser-extension/solution/README.md ) | ਇੱਕ ਫਾਰਮ ਬਣਾਉਣਾ, API ਨੂੰ ਕਾਲ ਕਰਨਾ ਅਤੇ ਸਥਾਨਕ ਸਟੋਰੇਜ ਵਿੱਚ ਵੈਰੀਏਬਲ ਸਟੋਰ ਕਰਨਾ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਤੱਤਾਂ ਨੂੰ ਬਣਾਓ ਜੋ ਸਥਾਨਕ ਸਟੋਰੇਜ ਵਿੱਚ ਸਟੋਰ ਕੀਤੇ ਵੈਰੀਏਬਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ API ਨੂੰ ਕਾਲ ਕਰਦੇ ਹਨ | [API, ਫਾਰਮ, ਅਤੇ ਸਥਾਨਕ ਸਟੋਰੇਜ ](./5-browser-extension/2-forms-browsers-local-storage/README.md ) | ਜੈਨ |
| 13 | [ਹਰਾ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੇਂਸ਼ਨ ](./5-browser-extension/solution/README.md ) | ਫਾਰਮ ਬਣਾਉਣਾ, API ਕਾਲ ਕਰਨਾ ਅਤੇ ਲੋਕਲ ਸਟੋਰੇਜ ਵਿੱਚ ਵੈਰੀਏਬਲ ਸੰਗ੍ਰਹਿਤ ਕਰਨਾ | ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੇਂਸ਼ਨ ਦੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਤੱਤ ਬਨਾਓ, ਜੋ ਲੋਕਲ ਸਟੋਰੇਜ ਵਿੱਚ ਸਟੋਰੇ ਕੀਤੇ ਵੈਰੀਏਬਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ API ਨੂੰ ਕਾਲ ਕਰਨ ਲਈ | [APIs, Forms, and Local Storage ](./5-browser-extension/2-forms-browsers-local-storage/README.md ) | ਜੈਨ |
| 14 | [ਗ੍ਰੀਨ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ](./5-browser-extension/solution/README.md ) | ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਬੈਕਗ੍ਰਾਊਂਡ ਪ੍ਰੋਸੈਸ, ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ | ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਆਈਕਨ ਨੂੰ ਪ੍ਰਬੰਧਿਤ ਕਰਨ ਲਈ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਬੈਕਗ੍ਰਾਊਂਡ ਪ੍ਰੋਸੈਸ ਦੀ ਵਰਤੋਂ ਕਰੋ; ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ ਅਤੇ ਕੁਝ ਅਪਟਿਮਾਈਜ਼ੇਸ਼ਨ ਬਾਰੇ ਸਿੱਖੋ | [ਬੈਕਗ੍ਰਾਊਂਡ ਟਾਸਕ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ](./5-browser-extension/3-background-tasks-and-performance/README.md ) | ਜੈਨ |
| 14 | [ਹਰਾ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੇਂਸ਼ਨ ](./5-browser-extension/solution/README.md ) | ਬ੍ਰਾਊਜ਼ਰ ਦੀਆਂ ਬੈਕਗ੍ਰਾਊਂਡ ਪ੍ਰਕਿਰਿਆਵਾਂ, ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ | ਐਕਸਟੇਂਸ਼ਨ ਦੇ ਆਈਕਨ ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਬ੍ਰਾਊਜ਼ਰ ਦੀਆਂ ਬੈਕਗ੍ਰਾਊਂਡ ਪ੍ਰਕਿਰਿਆਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ; ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ ਅਤੇ ਕੁਝ ਅਪਟਿਮਾਈਜ਼ੇਸ਼ਨ ਬਾਰੇ ਸਿੱਖੋ | [Background Tasks and Performance ](./5-browser-extension/3-background-tasks-and-performance/README.md ) | ਜੈਨ |
| 15 | [ਸਪੇਸ ਗੇਮ ](./6-space-game/solution/README.md ) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਹੋਰ ਉੱਚ ਪੱਧਰੀ ਗੇਮ ਡਿਵੈਲਪਮੈਂਟ | ਕਲਾਸਾਂ ਅਤੇ ਕੰਪੋਜ਼ੀਸ਼ਨ ਅਤੇ ਪਬ/ਸਬ ਪੈਟਰਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਿਰਾਸਤ ਬਾਰੇ ਸਿੱਖੋ, ਗੇਮ ਬਣਾਉਣ ਦੀ ਤਿਆਰੀ ਵਿੱਚ | [ਉੱਚ ਪੱਧਰੀ ਗੇਮ ਡਿਵੈਲਪਮੈਂਟ ਦਾ ਪਰਚੇਅ ](./6-space-game/1-introduction/README.md ) | ਕ੍ਰਿਸ |
| 15 | [ਸਪੇਸ ਗੇਮ ](./6-space-game/solution/README.md ) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਹੋਰ ਅਡਵਾਂਸਡ ਗੇਮ ਡਿਵੈਲਪਮੈਂਟ | ਕਲਾਸਾਂ ਅਤੇ ਕੰਪੋਜ਼ੀਸ਼ਨ ਦੋਂਹਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਨਹੈਰੀਟੈਂਸ ਅਤੇ ਪਬ/ਸਬ ਪੈਟਰਨ ਬਾਰੇ ਜਾਣੋ, ਗੇਮ ਬਣਾਉਣ ਦੀ ਤਿਆਰੀ ਲਈ | [Introduction to Advanced Game Development ](./6-space-game/1-introduction/README.md ) | ਕ੍ਰਿਸ |
| 16 | [ਸਪੇਸ ਗੇਮ ](./6-space-game/solution/README.md ) | ਕੈਨਵਸ 'ਤੇ ਡ੍ਰਾਇੰਗ | ਕੈਨਵਸ API ਬਾਰੇ ਸਿੱਖੋ, ਜੋ ਸਕ੍ਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਡ੍ਰਾਇ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ | [ਕੈਨਵਸ 'ਤੇ ਡ੍ਰਾਇੰਗ ](./6-space-game/2-drawing-to-canvas/README.md ) | ਕ੍ਰਿਸ |
| 16 | [ਸਪੇਸ ਗੇਮ ](./6-space-game/solution/README.md ) | ਕੈਂਵਾਸ 'ਤੇ ਡਰਾਇੰਗ | ਕੈਂਵਾਸ API ਬਾਰੇ ਜਾਣੋ, ਜਿਸ ਨਾਲ ਸਕ੍ਰੀਨ 'ਤੇ ਤੱਤ ਡਰਾਇੰਗ ਕੀਤੇ ਜਾਂਦੇ ਹਨ | [Drawing to Canvas ](./6-space-game/2-drawing-to-canvas/README.md ) | ਕ੍ਰਿਸ |
| 17 | [ਸਪੇਸ ਗੇਮ ](./6-space-game/solution/README.md ) | ਸਕ੍ਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਹਿਲਾਉਣਾ | ਪਤਾ ਲਗਾਓ ਕਿ ਤੱਤ ਕਾਰਟੀਸੀਅਨ ਕੋਆਰਡੀਨੇਟਸ ਅਤੇ ਕੈਨਵਸ API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਮੋਸ਼ਨ ਕਿਵੇਂ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹਨ | [ਤੱਤਾਂ ਨੂੰ ਹਿਲਾਉਣਾ ](./6-space-game/3-moving-elements-around/README.md ) | ਕ੍ਰਿਸ |
| 17 | [ਸਪੇਸ ਗੇਮ ](./6-space-game/solution/README.md ) | ਸਕ੍ਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਹਿਲਾਉਣਾ | ਕੈਰਟੇਸ਼ੀਅਨ ਕੋਆਰਡੀਨਿਟਸ ਅਤੇ ਕੈਂਵਾਸ API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤੱਤਾਂ ਨੂੰ ਗਤੀ ਪ੍ਰਾਪਤ ਕਰਨ ਦਾ ਪਤਾ ਲਗਾਓ | [Moving Elements Around ](./6-space-game/3-moving-elements-around/README.md ) | ਕ੍ਰਿਸ |
| 18 | [ਸਪੇਸ ਗੇਮ ](./6-space-game/solution/README.md ) | ਟਕਰਾਅ ਦੀ ਪਛਾਣ | ਤੱਤਾਂ ਨੂੰ ਟਕਰਾਉਣ ਅਤੇ ਇੱਕ ਦੂਜੇ ਨਾਲ ਪ੍ਰਤੀਕਿਰਿਆ ਕਰਨ ਲਈ ਬਣਾਓ, ਕੀਪ੍ਰੈਸ ਦੀ ਵਰਤੋਂ ਕਰੋ ਅਤੇ ਗੇਮ ਦੇ ਪ੍ਰਦਰਸ਼ਨ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਕੂਲਡਾਊਨ ਫੰਕਸ਼ਨ ਪ੍ਰਦਾਨ ਕਰੋ | [ਟਕਰਾਅ ਦੀ ਪਛਾਣ ](./6-space-game/4-collision-detection/README.md ) | ਕ੍ਰਿਸ |
| 18 | [ਸਪੇਸ ਗੇਮ ](./6-space-game/solution/README.md ) | ਟਕਰਾਅ ਪਛਾਣ | ਗੇਮ ਦੀ ਪ੍ਰਦਰਸ਼ਨ ਸਮਰੱਥਾ ਨੂੰ ਯਕੀਨੀ ਬਨਾਉਣ ਲਈ ਕੀਪ੍ਰੈੱਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤੱਤਾਂ ਨੂੰ ਟਕਰਾਉਣ ਅਤੇ ਪਰਸਪਰ ਪ੍ਰਭਾਵ ਕਰਨ ਵਾਲਾ ਸਮਰਥਨ ਬਣਾਓ | [Collision Detection ](./6-space-game/4-collision-detection/README.md ) | ਕ੍ਰਿਸ |
| 19 | [ਸਪੇਸ ਗੇਮ ](./6-space-game/solution/README.md ) | ਸਕੋਰ ਰੱਖਣਾ | ਗੇਮ ਦੀ ਸਥਿਤੀ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਦੇ ਆਧਾਰ 'ਤੇ ਗਣਿਤ ਗਣਨਾ ਕਰੋ | [ਸਕੋਰ ਰੱਖਣਾ ](./6-space-game/5-keeping-score/README.md ) | ਕ੍ਰਿਸ |
| 19 | [ਸਪੇਸ ਗੇਮ ](./6-space-game/solution/README.md ) | ਸਕੋਰ ਰੱਖਣਾ | ਗੇਮ ਦੀ ਸਥਿਤੀ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਦੇ ਅਧਾਰ 'ਤੇ ਗਣਿਤੀ ਯੋਗਾਂਕ ਕੀਤੀਆਂ ਜਾ ਰਹੀਆਂ ਹਨ | [Keeping Score ](./6-space-game/5-keeping-score/README.md ) | ਕ੍ਰਿਸ |
| 20 | [ਸਪੇਸ ਗੇਮ ](./6-space-game/solution/README.md ) | ਗੇਮ ਨੂੰ ਖਤਮ ਕਰਨਾ ਅਤੇ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨਾ | ਗੇਮ ਨੂੰ ਖਤਮ ਕਰਨ ਅਤੇ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨ ਬਾਰੇ ਸਿੱਖੋ, ਜਿਸ ਵਿੱਚ ਐਸੈਟਸ ਨੂੰ ਸਾਫ ਕਰਨਾ ਅਤੇ ਵੈਰੀਏਬਲ ਮੁੱਲਾਂ ਨੂੰ ਰੀਸੈਟ ਕਰਨਾ ਸ਼ਾਮਲ ਹੈ | [ਅੰਤ ਦੀ ਸਥਿਤੀ ](./6-space-game/6-end-condition/README.md ) | ਕ੍ਰਿਸ |
| 20 | [ਸਪੇਸ ਗੇਮ ](./6-space-game/solution/README.md ) | ਗੇਮ ਨੂੰ ਖਤਮ ਕਰਨਾ ਅਤੇ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨਾ | ਗੇਮ ਦੇ ਅੰਤ ਅਤੇ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨ ਬਾਰੇ ਜਾਣੋ, ਜਿਸ ਵਿੱਚ ਅਸੈੱਟਸ ਦੀ ਸਫਾਈ ਅਤੇ ਵੈਰੀਏਬਲ ਕਦਰਾਂ ਨੂੰ ਰੀਸੈੱਟ ਕਰਨਾ ਸ਼ਾਮਲ ਹੈ | [The Ending Condition ](./6-space-game/6-end-condition/README.md ) | ਕ੍ਰਿਸ |
| 21 | [ਬੈਂਕਿੰਗ ਐਪ ](./7-bank-project/solution/README.md ) | HTML ਟੈਂਪਲੇਟ ਅਤੇ ਵੈੱਬ ਐਪ ਵਿੱਚ ਰੂਟਸ | ਰੂਟਿੰਗ ਅਤੇ HTML ਟੈਂਪਲੇਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬਹੁ-ਪੇਜ ਵੈੱਬਸਾਈਟ ਦੇ ਆਰਕੀਟੈਕਚਰ ਦਾ ਖਾਕਾ ਬਣਾਉਣ ਬਾਰੇ ਸਿੱਖੋ | [HTML ਟੈਂਪਲੇਟ ਅਤੇ ਰੂਟਸ ](./7-bank-project/1-template-route/README.md ) | ਯੋਹਾਨ |
| 21 | [ਬੈਂਕਿੰਗ ਐਪ ](./7-bank-project/solution/README.md ) | ਵੈੱਬ ਐਪ ਵਿੱਚ HTML ਟੈਮਪਲੇਟ ਅਤੇ ਰੂਟ | ਰੂਟਿੰਗ ਅਤੇ HTML ਟੈਮਪਲੇਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬਹੁ-ਪੰਨਾ ਵੈੱਬਸਾਈਟ ਦਾ ਢਾਂਚਾ ਕਿਵੇਂ ਬਣਾਇਆ ਜਾਵੇ ਸਿੱਖੋ | [HTML Templates and Routes ](./7-bank-project/1-template-route/README.md ) | ਯੋਹਾਨ |
| 22 | [ਬੈਂਕਿੰਗ ਐਪ ](./7-bank-project/solution/README.md ) | ਲੌਗਇਨ ਅਤੇ ਰਜਿਸਟ੍ਰੇਸ਼ਨ ਫਾਰਮ ਬਣਾਉਣਾ | ਫਾਰਮ ਬਣਾਉਣ ਅਤੇ ਵੈਰੀਫਿਕੇਸ਼ਨ ਰੂਟੀਨ ਨੂੰ ਸੰਭਾਲਣ ਬਾਰੇ ਸਿੱਖੋ | [ਫਾਰਮ ](./7-bank-project/2-forms/README.md ) | ਯੋਹਾਨ |
| 22 | [ਬੈਂਕਿੰਗ ਐਪ ](./7-bank-project/solution/README.md ) | ਲੌਗਿਨ ਅਤੇ ਰਜਿਸਟਰੇਸ਼ਨ ਫਾਰਮ ਬਣਾਉਣਾ | ਫਾਰਮ ਸੁਧਾਰ ਅਤੇ ਵੈਰੀਫਿਕੇਸ਼ਨ ਪ੍ਰਕਿਰਿਆਵਾਂ ਬਾਰੇ ਜਾਣੋ | [Forms ](./7-bank-project/2-forms/README.md ) | ਯੋਹਾਨ |
| 23 | [ਬੈਂਕਿੰਗ ਐਪ ](./7-bank-project/solution/README.md ) | ਡਾਟਾ ਲੈਣ ਅਤੇ ਵਰਤਣ ਦੇ ਤਰੀਕੇ | ਡਾਟਾ ਤੁਹਾਡੇ ਐਪ ਵਿੱਚ ਕਿਵੇਂ ਆਉਂਦਾ ਹੈ ਅਤੇ ਬਾਹਰ ਜਾਂਦਾ ਹੈ, ਇਸਨੂੰ ਕਿਵੇਂ ਲੈਣਾ ਹੈ, ਸਟੋਰ ਕਰਨਾ ਹੈ, ਅਤੇ ਹਟਾਉਣਾ ਹੈ | [ਡਾਟਾ ](./7-bank-project/3-data/README.md ) | ਯੋਹਾਨ |
| 23 | [ਬੈਂਕਿੰਗ ਐਪ ](./7-bank-project/solution/README.md ) | ਡੇਟਾ ਪ੍ਰਾਪਤੀ ਅਤੇ ਵਰਤੋਂ ਦੇ ਤਰੀਕੇ | ਤੁਹਾਡੇ ਐਪ ਵਿੱਚ ਡੇਟਾ ਕਿਵੇਂ ਆਉਂਦਾਂ ਅਤੇ ਜਾਂਦਾ ਹੈ, ਕਿਵੇਂ ਪ੍ਰਾਪਤ ਕਰੋ, ਸੰਭਾਲੋ, ਅਤੇ ਖਤਮ ਕਰੋ | [Data ](./7-bank-project/3-data/README.md ) | ਯੋਹਾਨ |
| 24 | [ਬੈਂਕਿੰਗ ਐਪ ](./7-bank-project/solution/README.md ) | ਸਟੇਟ ਮੈਨੇਜਮੈਂਟ ਦੇ ਸੰਕਲਪ | ਤੁਹਾਡਾ ਐਪ ਸਟੇਟ ਨੂੰ ਕਿਵੇਂ ਰੱਖਦਾ ਹੈ ਅਤੇ ਇਸਨੂੰ ਪ੍ਰੋਗਰਾਮਿੰਗ ਰੂਪ ਵਿੱਚ ਕਿਵੇਂ ਪ੍ਰਬੰਧਿਤ ਕਰਨਾ ਹੈ | [ਸਟੇਟ ਮੈਨੇਜਮੈਂਟ ](./7-bank-project/4-state-management/README.md ) | ਯੋਹਾਨ |
| 24 | [ਬੈਂਕਿੰਗ ਐਪ ](./7-bank-project/solution/README.md ) | ਸਟੇਟ ਮੈਨੇਜਮੈਂਟ ਦੇ ਸਿਧਾਂਤ | ਸਿੱਖੋ ਕਿ ਤੁਹਾਡਾ ਐਪ ਸਟੇਟ کيਵੋਂ ਸਾਂਭਦਾ ਹੈ ਅਤੇ ਇਸ ਨੂੰ ਪ੍ਰੋਗ੍ਰਾਮੀ ਤਰੀਕੇ ਨਾਲ ਕਿਵੇਂ ਪ੍ਰਬੰਧਿਤ ਕਰਦਾ ਹੈ | [State Management ](./7-bank-project/4-state-management/README.md ) | ਯੋਹਾਨ |
| 25 | [ਬ੍ਰਾਊਜ਼ਰ/VScode ਕੋਡ ](../../8-code-editor ) | VScode ਨਾਲ ਕੰਮ ਕਰਨਾ | ਕੋਡ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਬਾਰੇ ਸਿੱਖੋ | [VScode ਕੋਡ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਕਰੋ ](./8-code-editor/1-using-a-code-editor/README.md ) | ਕ੍ਰਿਸ |
| 25 | [ਬ੍ਰਾਊਜ਼ਰ/VS ਕੋਡ ਕੋਡ ](../../8-code-editor ) | VS ਕੋਡ ਨਾਲ ਕੰਮ ਕਰਨਾ | ਕੋਡ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ ਸਿੱਖੋ | [Use VScode Code Editor ](./8-code-editor/1-using-a-code-editor/README.md ) | ਕ੍ਰਿਸ |
| 26 | [AI ਸਹਾਇਕ ](./9-chat-project/README.md ) | AI ਨਾਲ ਕੰਮ ਕਰਨਾ | ਆਪਣਾ AI ਸਹਾਇਕ ਬਣਾਉਣ ਬਾਰੇ ਸਿੱਖੋ | [AI ਸਹਾਇਕ ਪ੍ਰੋਜੈਕਟ ](./9-chat-project/README.md ) | ਕ੍ਰਿਸ |
| 26 | [AI ਸਹਾਇਕ ](./9-chat-project/README.md ) | AI ਨਾਲ ਕੰਮ ਕਰਨਾ | ਆਪਣਾ ਖੁਦ ਦਾ AI ਸਹਾਇਕ ਬਣਾਉਣਾ ਸਿੱਖੋ | [AI Assistant project ](./9-chat-project/README.md ) | ਕ੍ਰਿਸ |
## 🏫 ਪੈਡਾਗੌਜੀ
ਸਾਡਾ ਪਾਠਕ੍ਰਮ ਦੋ ਮੁੱਖ ਪੈਡਾਗੌਜੀਕਲ ਸਿਧਾਂਤਾਂ ਨੂੰ ਧਿਆਨ ਵਿੱਚ ਰੱਖ ਕੇ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ:
* ਪ੍ਰੋਜੈਕਟ-ਅਧਾਰਿਤ ਸਿੱਖਿਆ
* ਵਾਰੰ-ਵਾਰ ਕਵਿਜ਼
ਇਹ ਪ੍ਰੋਗਰਾਮ ਜਾਵਾਸਕ੍ਰਿਪਟ, HTML, ਅਤੇ CSS ਦੇ ਮੂਲ ਤੱਤਾਂ ਨੂੰ ਸਿਖਾਉਂਦਾ ਹੈ, ਨਾਲ ਹੀ ਅੱਜ ਦੇ ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਦੁਆਰਾ ਵਰਤੇ ਜਾਂਦੇ ਨਵੇਂ ਟੂਲ ਅਤੇ ਤਕਨੀਕਾਂ। ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਇੱਕ ਟਾਈਪਿੰਗ ਗੇਮ, ਵਰਚੁਅਲ ਟੈਰੀਅਰਿਅਮ, ਪਰਿਆਵਰਣ-ਅਨੁਕੂਲ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ, ਸਪੇਸ-ਇਨਵੇਡਰ-ਸਟਾਈਲ ਗੇਮ, ਅਤੇ ਕਾਰੋਬਾਰਾਂ ਲਈ ਬੈਂਕਿੰਗ ਐਪ ਬਣਾਉਣ ਦੁਆਰਾ ਹੱਥ-ਅਨੁਭਵ ਵਿਕਸਿਤ ਕਰਨ ਦਾ ਮੌਕਾ ਮਿਲੇਗਾ। ਸਿਰੀਜ਼ ਦੇ ਅੰਤ ਤੱਕ, ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੀ ਮਜ਼ਬੂਤ ਸਮਝ ਹੋਵੇਗੀ।
> 🎓 ਤੁਸੀਂ ਇਸ ਪਾਠਕ੍ਰਮ ਦੇ ਪਹਿਲੇ ਕੁਝ ਪਾਠਾਂ ਨੂੰ [ਸਿੱਖਣ ਦੇ ਰਸਤੇ ](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon ) ਵਜੋਂ Microsoft Learn 'ਤੇ ਲੈ ਸਕਦੇ ਹੋ!
ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਸਮੱਗਰੀ ਨੂੰ ਸੰਤੁਲਿਤ ਕਰਕੇ, ਪ੍ਰਕਿਰਿਆ ਵਿਦਿਆਰਥੀਆਂ ਲਈ ਹੋਰ ਰੁਚਿਕਰ ਬਣਾਈ ਜਾਂਦੀ ਹੈ ਅਤੇ ਸੰਕਲਪਾਂ ਦੀ ਯਾਦਸ਼ਕਤੀ ਵਧੇਗੀ। ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੁਨਿਆਦ
[](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
---
## 🏫 ਪੈਡਾਗੋਜੀ
ਸਾਡਾ ਕੋਰਸ ਦੋ ਮੁੱਖ ਪੈਡਾਗੋਜੀਕਲ ਨੀਤੀਆਂ 'ਤੇ ਬਣਾਇਆ ਗਿਆ ਹੈ:
* ਪ੍ਰਾਜੈਕਟ-ਆਧਾਰਿਤ ਲਰਨਿੰਗ
* ਅਕਸਰ ਕਵਿਜ਼ਾਂ
ਪਰੋਗ੍ਰਾਮ ਜਾਵਾਸਕ੍ਰਿਪਟ, HTML ਅਤੇ CSS ਦੇ ਮੁੱਢਲੇ ਗੁਣ ਸਿੱਖਾਉਂਦਾ ਹੈ, ਨਾਲ ਹੀ ਸੰਸਾਰਕ ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਵੱਲੋਂ ਵਰਤੇ ਜਾਂਦੇ ਆਖਰੀ ਟੂਲ ਅਤੇ ਤਕਨੀਕਾਂ ਵੀ ਦਿਖਾਉਂਦਾ ਹੈ। ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਟਾਈਪਿੰਗ ਗੇਮ, ਵਰਚੁਅਲ ਟਰੈਰੀਅਮ, ਪਰਯਾਵਰਣ-ਮਿੱਤਰ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੇਂਸ਼ਨ, ਸਪੇਸ-ਇਨਵੇਡਰ-ਸਟਾਈਲ ਗੇਮ ਅਤੇ ਕਾਰੋਬਾਰਾਂ ਲਈ ਬੈਂਕਿੰਗ ਐਪ ਬਣਾਉਣ ਦਾ ਅਨੁਭਵ ਮਿਲੇਗਾ। ਸੀਰੀਜ਼ ਦੇ ਅੰਤ ਵਿੱਚ, ਵਿਦਿਆਰਥੀਆਂ ਕੋਲ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦਾ ਮਜ਼ਬੂਤ ਸਮਝ ਹੋਵੇਗੀ।
> 🎓 ਤੁਸੀਂ ਇਸ ਕੋਰਸ ਦੀਆਂ ਪਹਿਲੀਆਂ ਕੁਝ ਪਾਠਾਂ ਨੂੰ Microsoft Learn ਉੱਤੇ ਇੱਕ [Learn Path ](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon ) ਵਜੋਂ ਲੈ ਸਕਦੇ ਹੋ!
ਪ੍ਰਾਜੈਕਟਾਂ ਨਾਲ ਸੰਗਤ ਬਣਾਉਣ ਨਾਲ, ਬੱਚਿਆਂ ਲਈ ਪ੍ਰਕਿਰਿਆ ਹੋਰ ਦਿਲਚਸਪ ਬਣਾਈ ਜਾਂਦੀ ਹੈ ਅਤੇ ਸਿਧਾਂਤਾਂ ਦੀ ਸਮਝ ਮਜ਼ਬੂਤ ਹੁੰਦੀ ਹੈ। ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਦੇ ਮੁੱਢਲੇ ਕੋਰਸ ਵੀ ਲਿਖੇ ਹਨ ਤਾਂ ਜੋ ਸਿਧਾਂਤਾਂ ਦਾ ਪਰਚਾਰ ਹੋਵੇ, ਜਿਨ੍ਹਾਂ ਨਾਲ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ਟਿਊਟੋਰਿਯਲ ਵੀਡੀਓ ਕਲੇਕਸ਼ਨ ਦੀ ਵੀਡੀਓ ਵੀ ਹੈ, ਜਿਸਦੇ ਲੇਖਕਾਂ ਵਿੱਚੋਂ ਕੁਝ ਇਸ ਕੋਰਸ ਦੇ ਲੇਖਕਾਂ ਨੇ ਭੀ ਯੋਗਦਾਨ ਦਿੱਤਾ ਹੈ।
ਇਸ ਦੇ ਇਲਾਵਾ, ਇਕ ਕਮ ਦਬਾਅ ਵਾਲਾ ਕਵਿਜ਼ ਕਲਾਸ ਤੋਂ ਪਹਿਲਾਂ ਵਿਦਿਆਰਥੀ ਨੂੰ ਕਿਸੇ ਵਿਸ਼ੇ ਸਿੱਖਣ ਲਈ ਪ੍ਰੇਰਿਤ ਕਰਦਾ ਹੈ, ਜਦਕਿ ਦੂਜਾ ਕਵਿਜ਼ ਕਲਾਸ ਮਗਰੋਂ ਅੱਗੇ ਸਮਝ ਨੂੰ ਮਜ਼ਬੂਤ ਕਰਦਾ ਹੈ। ਇਹ ਕੋਰਸ ਲਚਕੀਲਾ ਅਤੇ ਮਨੋਰੰਜਕ ਬਣਾਇਆ ਗਿਆ ਹੈ ਅਤੇ ਪੂਰਾ ਜਾਂ ਹਿੱਸਾ-ਭਾਗ ਦੋਹਾਂ ਤਰੀਕਿਆਂ ਨਾਲ ਲਿਆ ਜਾ ਸਕਦਾ ਹੈ। ਪ੍ਰਾਜੈਕਟ ਛੋਟੇ ਸ਼ੁਰੂ ਹੁੰਦੇ ਹਨ ਅਤੇ 12 ਹਫਤਿਆਂ ਦੇ ਅੰਤ ਤੱਕ ਉਨ੍ਹਾਂ ਦੀ ਗੁੰਝਲਦਾਰਤਾ ਵੱਧਦੀ ਹੈ।
ਜਦੋਂ ਕਿ ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਫਰੇਮਵਰਕਾਂ ਨੂੰ ਜਾਣੂ ਤੌਰ 'ਤੇ ਸ਼ਾਮਿਲ ਨਹੀਂ ਕੀਤਾ ਤਾ ਕਿ ਵੈੱਬ ਡਿਵੈਲਪਰ ਲਈ ਮੂਲ ਹੁਨਰਾਂ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਕੀਤਾ ਜਾ ਸਕੇ, ਇਸ ਕੋਰਸ ਨੂੰ ਪੂਰਾ ਕਰਨ ਲਈ ਅਗਲਾ ਵਧੀਆ ਕਦਮ Node.js ਬਾਰੇ ਵੀਡੀਓਜ਼ ਦੀ ਹੋਰ ਇੱਕ ਕਲੇਕਸ਼ਨ ਸਿੱਖਣਾ ਹੋਵੇਗਾ: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
### ਜਨਰੇਟਿਵ AI ਸੀਰੀਜ਼
> ਸਾਡੇ [Code of Conduct ](CODE_OF_CONDUCT.md ) ਅਤੇ [Contributing ](CONTRIBUTING.md ) ਮਿਆਰਾਂ ਨੂੰ ਵੇਖੋ। ਅਸੀਂ ਤੁਹਾਡਾ ਰਚਨਾਤਮਕ ਫੀਡਬੈਕ ਸਵਾਗਤ ਕਰਦੇ ਹਾਂ!
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[-9333EA?style=for-the-badge& labelColor=E5E7EB& color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[-C084FC?style=for-the-badge& labelColor=E5E7EB& color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
## 🧭 ਆਫਲਾਈਨ ਪਹੁੰਚ
[-E879F9?style=for-the-badge& labelColor=E5E7EB& color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
ਤੁਸੀਂ [Docsify ](https://docsify.js.org/#/ ) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਸ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਆਫਲਾਈਨ ਚਲਾ ਸਕਦੇ ਹੋ। ਇਸ ਰਿਪੋ ਨੂੰ ਫੋਰਕ ਕਰੋ, ਆਪਣੀ ਲੋਕਲ ਮਸ਼ੀਨ 'ਤੇ [Docsify ਲਗਾਓ ](https://docsify.js.org/#/quickstart ), ਅਤੇ ਫਿਰ ਇਸ ਰਿਪੋ ਦੇ ਰੂਟ ਫੋਲਡਰ ਵਿੱਚ ਟਾਈਪ ਕਰੋ `docsify serve` । ਵੈੱਬਸਾਈਟ ਤੁਹਾਡੇ ਲੋਕਲਹੋਸਟ 'ਤੇ ਪੋਰਟ 3000 'ਤੇ ਚੱਲੇਗੀ: `localhost:3000` .
## 📘 PDF
ਸਾਰੇ ਪਾਠਾਂ ਦਾ PDF [ਇਥੇ ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf ) ਮਿਲ ਸਕਦਾ ਹੈ।
## 🎒 ਹੋਰ ਕੋਰਸز
ਸਾਡੀ ਟੀਮ ਹੋਰ ਕੋਰਸ ਬਣਾਉਂਦੀ ਹੈ! ਦੇਖੋ:
<!-- CO - OP TRANSLATOR OTHER COURSES START -->
### LangChain
[](https://aka.ms/langchain4j-for-beginners)
[](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
---
### ਕੋਰ ਲਰਨਿੰਗ
### Azure / Edge / MCP / Agents
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
[](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
---
[](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
### Generative AI Series
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[-9333EA?style=for-the-badge& labelColor=E5E7EB& color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[-C084FC?style=for-the-badge& labelColor=E5E7EB& color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[-E879F9?style=for-the-badge& labelColor=E5E7EB& color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
---
---
### Core Learning
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
[](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
### ਕੋਪਾਇਲਟ ਸੀਰੀਜ਼
---
[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
### Copilot Series
[](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
<!-- CO - OP TRANSLATOR OTHER COURSES END -->
## ਮਦਦ ਪ੍ਰਾਪਤ ਕਰਨਾ
## ਮਦਦ ਪ੍ਰਾਪਤ ਕਰਨਾ
ਜੇ ਤੁਸੀਂ ਫਸ ਜਾਂਦੇ ਹੋ ਜਾਂ AI ਐਪਸ ਬਣਾਉਣ ਬਾਰੇ ਕੋਈ ਸਵਾਲ ਹੈ। MCP ਬਾਰੇ ਚਰਚਾ ਕਰਨ ਲਈ ਹੋਰ ਸਿੱਖਣ ਵਾਲਿਆਂ ਅਤੇ ਅਨੁਭਵੀ ਡਿਵੈਲਪਰਾਂ ਨਾਲ ਸ਼ਾਮਲ ਹੋਵੋ। ਇਹ ਇੱਕ ਸਹਾਇਕ ਕਮਿਊਨਿਟੀ ਹੈ ਜਿੱਥੇ ਸਵਾਲਾਂ ਦਾ ਸਵਾਗਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਗਿਆਨ ਮੁਫ਼ਤ ਸਾਂਝਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
ਜੇਕਰ ਤੁਸੀਂ ਫਸ ਗਏ ਹੋ ਜਾਂ AI ਐਪਸ ਬਣਾਉਣ ਬਾਰੇ ਕੋਈ ਸਵਾਲ ਹਨ, ਤਾਂ MCP ਬਾਰੇ ਵਿਚਾਰ-ਵਟਾਂਦਰ ਾ ਕਰਨ ਲਈ ਹੋਰ ਸਿੱਖਣ ਵਾਲਿਆਂ ਅਤੇ ਅਨੁਭਵੀ ਡਿਵੈਲਪਰਾ ਨਾਲ ਜੁੜੋ। ਇਹ ਇੱਕ ਸਮਰਥਕ ਕਮਿਊਨਿਟੀ ਹੈ ਜਿੱਥੇ ਸਵਾਲ ਸਵਾਗਤਯੋਗ ਹਨ ਅਤੇ ਗਿਆਨ ਖੁੱਲ੍ਹ ਕੇ ਸਾਂਝਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
[](https://discord.gg/nTYy5BXMWG)
[](https://discord.gg/nTYy5BXMWG)
ਜੇ ਤੁਹਾਨੂੰ ਉਤਪਾਦ ਫੀਡਬੈਕ ਜਾਂ ਬਿਲਡਿੰਗ ਦੌਰਾਨ ਗਲਤੀਆਂ ਦਾ ਸਾਹਮਣਾ ਹੋਵੇ ਤਾਂ ਦੌਰਾ ਕਰੋ:
ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ ਕੋਈ ਉਤਪਾਦ ਫੀਡਬੈਕ ਜਾਂ ਬਣਾਉਂਦੇ ਵੇਲੇ ਕੋਈ ਗਲਤੀਆਂ ਹਨ ਤਾਂ ਦਰਜ ਕਰੋ:
[](https://aka.ms/foundry/forum)
[](https://aka.ms/foundry/forum)
## ਲਾਇਸੰਸ
## ਲਾਇਸੰਸ
ਇਹ ਰਿਪੋਜ਼ਟਰੀ MIT ਲਾਇਸੰਸ ਅਧੀਨ ਹੈ। ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ [LICENSE ](../../LICENSE ) ਫਾਈ ਲ ਵੇਖੋ।
ਇਹ ਰਿਪੋਜ਼ਿ ਟਰੀ MIT ਲਾਇਸੰਸ ਦੇ ਅਧੀਨ ਲਾਇਸੰਸ ਕੀਤੀ ਗਈ ਹੈ। ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ [LICENSE ](../../LICENSE ) ਫਾਇ ਲ ਵੇਖੋ।
---
---
<!-- CO - OP TRANSLATOR DISCLAIMER START -->
<!-- CO - OP TRANSLATOR DISCLAIMER START -->
**ਅਸਵੀਕਰਤਾ**:
**ਦੁਆਹ**:
ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator ](https://github.com/Azure/co-op-translator ) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀ ਹੋਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੁੱਤੀਆਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਇਸਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਪੈਦਾ ਹੋ ਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿ ਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।
ਇਸ ਦਸਤਾਵੇਜ਼ ਦਾ ਅਨੁਵਾਦ ਏਆਈ ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator ](https://github.com/Azure/co-op-translator ) ਦੀ ਵਰਤੋਂ ਨਾਲ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀਤੀ ਲਈ ਯਤਨਸ਼ੀਲ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਲਿਤ ਅਨੁਵਾਦ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅੰਸ਼ਾਂ ਦੀ ਗਲਤੀ ਹੋ ਸਕਦੀ ਹੈ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਆਪਣੇ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਪ੍ਰਮਾਣਿਕ ਸਰੋਤ ਵਜੋਂ ਮੰਨਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਜਰੂਰੀ ਸੂਚਨਾ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫ਼ ਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਉੱਠ ਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤਫਹਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।
<!-- CO - OP TRANSLATOR DISCLAIMER END -->
<!-- CO - OP TRANSLATOR DISCLAIMER END -->