You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
279 lines
48 KiB
279 lines
48 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "fea3a0fceb8ad86fd640c09cf63a2aac",
|
|
"translation_date": "2026-01-06T17:24:27+00:00",
|
|
"source_file": "README.md",
|
|
"language_code": "pa"
|
|
}
|
|
-->
|
|
[](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
|
|
[](http://makeapullrequest.com)
|
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
|
|
|
|
[](https://discord.gg/nTYy5BXMWG)
|
|
|
|
# ਸ਼ੁਰੂਆਤੀਆਂ ਲਈ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ - ਇੱਕ ਕੋਰਸਰੂਪ
|
|
|
|
Microsoft Cloud Advocates ਦੇ ਸਾਡੇ 12-ਹਫਤੇ ਦੇ ਵਿਸਤ੍ਰਿਤ ਕੋਰਸ ਨਾਲ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਮੁਢਲੀ ਸਿਧਾਂਤ ਸਿੱਖੋ। 24 ਪਾਠਾਂ ਵਿੱਚੋਂ ਹਰ ਇੱਕ ਜਾਵਾਸਕ੍ਰਿਪਟ, CSS ਅਤੇ HTML ਵਿੱਚ ਡੂੰਘਾਈ ਨਾਲ ਵਿਸ਼ਲੇਸ਼ਣ ਕਰਦਾ ਹੈ ਜਿਸ ਵਿੱਚ terrariums, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਅਤੇ ਸਪੇਸ ਗੇਮ ਵਰਗੇ ਹੱਥੋਂ-ਹੱਥ ਪਰਿਯੋਜਨਾਵਾਂ ਸ਼ਾਮਲ ਹਨ। ਕੁਇਜ਼, ਚਰਚਾ ਅਤੇ ਪ੍ਰਾਇਕਟਿਕ ਅਸਾਈਨਮੈਂਟ ਨਾਲ ਸ਼ਾਮਿਲ ਹੋਵੋ। ਸਾਡੀ ਪ੍ਰਭਾਵਸ਼ালী ਪ੍ਰੋਜੈਕਟ ਅਧਾਰਿਤ ਸਿੱਖਿਆ ਪ੍ਰਣਾਲੀ ਨਾਲ ਆਪਣੇ ਹੁਨਰ ਨੂੰ ਸੁਧਾਰੋ ਅਤੇ ਆਪਣੇ ਗਿਆਨ ਨੂੰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਬਣਾਓ। ਅੱਜ ਹੀ ਆਪਣੀ ਕੋਡਿੰਗ ਯਾਤਰਾ ਸ਼ੁਰੂ ਕਰੋ!
|
|
|
|
Azure AI Foundry Discord Community ਵਿੱਚ ਸ਼ਾਮਿਲ ਹੋਵੋ
|
|
|
|
[](https://discord.gg/nTYy5BXMWG)
|
|
|
|
ਇਹ ਸਰੋਤ ਵਰਤਣ ਲਈ ਇਹ ਕਦਮ ਅਪਣਾਓ:
|
|
1. **ਜਥਾ ਵਿਕਲਪ ਨੂੰ ਫੋਰਕ ਕਰੋ**: ਕਲਿੱਕ ਕਰੋ [](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
|
|
2. **ਜਥਾ ਵਿਕਲਪ ਨੂੰ ਕਲੋਨ ਕਰੋ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
3. [**Azure AI Foundry Discord ਵਿੱਚ ਸ਼ਾਮਿਲ ਹੋਵੋ ਅਤੇ ਮਾਹਿਰਾਂ ਅਤੇ ਹੋਰ ਵਿਕਾਸਕਾਰਾਂ ਨਾਲ ਮਿਲੋ**](https://discord.com/invite/ByRwuEEgH4)
|
|
|
|
### 🌐 ਬਹੁ-ਭਾਸ਼ਾਈ ਸਹਾਇਤਾ
|
|
|
|
#### GitHub Action ਰਾਹੀਂ ਸਹਾਇਤ (ਸਵੈਚਾਲਿਤ ਅਤੇ ਹਮੇਸ਼ਾਂ ਅੱਪ ਟੂ ਡੇਟ)
|
|
|
|
<!-- 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) | [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 -->
|
|
|
|
**ਜੇ ਤੁਸੀਂ ਵਾਧੂ ਅਨੁਵਾਦ ਭਾਸ਼ਾਵਾਂ ਹਵਾਲਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਉਹ ਇੱਥੇ ਹਨ [यहां](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
|
|
|
|
[](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) ਜਿੱਥੇ ਤੁਹਾਨੂੰ ਸ਼ੁਰੂਆਤੀ ਸਾਧਨ, ਵਿਦਿਆਰਥੀ ਪੈਕਸ ਅਤੇ ਇੱਥੇ ਤੱਕ ਕਿ ਮੁਫ਼ਤ ਸਰਟੀਫਿਕੇਟ ਵਾਊਚਰ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਤਰੀਕੇ ਮਿਲਣਗੇ। ਇਹ ਉਹ ਪੰਨਾ ਹੈ ਜਿਸ ਨੂੰ ਤੁਸੀਂ ਬੁੱਕਮਾਰਕ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਅਤੇ ਸਮੇਂ ਸਮੇਂ ਤੇ ਦੇਖਦੇ ਰਹੋ ਕਿਉਂਕਿ ਅਸੀਂ ਮਹੀਨੇ ਦੇ ਅਨੁਸਾਰ ਸਮੱਗਰੀ ਬਦਲਦੇ ਰਹਿੰਦੇ ਹਾਂ।
|
|
|
|
### 📣 ਐਲਾਨ - ਨਵਾਂ GitHub Copilot Agent ਮੋਡ ਚੈਲੰਜ ਪੂਰਾ ਕਰਨ ਲਈ!
|
|
|
|
ਨਵਾਂ ਚੈਲੰਜ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਜ਼ਿਆਦਾਤਰ ਅਧਿਆਇਆਂ ਵਿੱਚ "GitHub Copilot Agent Challenge 🚀" ਦੇਖੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ GitHub Copilot ਅਤੇ Agent ਮੋਡ ਵਰਤ ਕੇ ਪੂਰਾ ਕਰਨ ਲਈ ਇੱਕ ਨਵਾਂ ਚੈਲੰਜ ਹੈ। ਜੇ ਤੁਸੀਂ ਪਹਿਲਾਂ Agent ਮੋਡ ਵਰਤਿਆ ਨਹੀਂ, ਇਹ ਕেবল ਪਾਠ ਤਿਆਰ ਕਰਨ ਵਾਲਾ ਨਹੀਂ ਸਗੋਂ ਫ਼ਾਇਲਾਂ ਬਣਾਉਣ ਅਤੇ ਸੋਧਣ, ਕਮਾਂਡ ਚਲਾਉਣ ਅਤੇ ਹੋਰ ਵੀ ਕਰ ਸਕਦਾ ਹੈ।
|
|
|
|
### 📣 ਐਲਾਨ - _Generative AI ਵਰਤ ਕੇ ਨਵਾਂ ਪ੍ਰੋਜੈਕਟ ਬਣਾਉਣਾ_
|
|
|
|
ਨਵਾਂ AI ਸਹਾਇਕ ਪ੍ਰੋਜੈਕਟ ਹਾਲੇ ਜੋੜਿਆ ਗਿਆ, [ਪ੍ਰੋਜੈਕਟ](./9-chat-project/README.md) ਵੇਖੋ
|
|
|
|
### 📣 ਐਲਾਨ - _Generative AI ਲਈ ਨਵਾਂ ਕੋਰਸ_ ਜਾਵਾਸਕ੍ਰਿਪਟ ਲਈ ਹਾਲ ਹੀ ਵਿਚ ਜਾਰੀ ਕੀਤਾ ਗਿਆ
|
|
|
|
ਸਾਡੀ ਨਵੀਂ Generative AI ਕੋਰਸ ਨਾ ਵਿਸਰੋ!
|
|
|
|
ਸ਼ੁਰੂਆਤ ਕਰਨ ਲਈ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ਤੇ ਜਾਓ!
|
|
|
|
|
|
|
|
- ਬੁਨਿਆਦੀਂ ਤੱਕ RAG ਤੱਕ ਸਾਰੇ ਪਾਠ ਸ਼ਾਮਲ ਹਨ।
|
|
- ਇਤিহাসਕ ਪਾਤਰਾਂ ਨਾਲ GenAI ਅਤੇ ਸਾਡੇ ਸਾਥੀ ਐਪ ਵਰਤ ਕੇ ਇੰਤrotateੈਕਟ ਕਰੋ।
|
|
- ਮਨੋਰੰਜਕ ਅਤੇ ਦਿਲਚਸਪ ਕਹਾਣੀ, ਤੁਸੀਂ ਸਮੇਂ ਦਾ ਯਾਤਰੀ ਹੋਵੋ!
|
|
|
|
|
|
|
|
ਹਰ ਪਾਠ ਵਿੱਚ ਅਸਾਈਨਮੈਂਟ, ਗਿਆਨ ਜਾਂਚ ਅਤੇ ਚੈਲੰਜ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ ਜਿਹੜੇ ਤੁਹਾਨੂੰ ਸਿੱਖਣ ਵਿੱਚ ਮਦਦ ਕਰਦੇ ਹਨ ਜਿਵੇਂ:
|
|
- ਪ੍ਰੌਂਪਟਿੰਗ ਅਤੇ ਪ੍ਰੌਂਪਟ ਇੰਜੀਨੀਅਰਿੰਗ
|
|
- ਪਾਠ ਅਤੇ ਚਿੱਤਰ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਣਾ
|
|
- ਖੋਜ ਐਪਸ
|
|
|
|
ਸ਼ੁਰੂਆਤ ਕਰਨ ਲਈ [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) ਵਿੱਚ ਤੁਹਾਡਾ ਫੀਡਬੈਕ ਸ਼ਾਮਲ ਹੋਣ ਦੀ ਆਸ ਹੈ!
|
|
|
|
**[ਵਿਦਿਆਰਥੀ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ਹਰ ਪਾਠ ਲਈ ਪਹਿਲਾਂ ਪ੍ਰੀ-ਲੈਕਚਰ ਕੁਇਜ਼ ਕਰੋ ਅਤੇ ਫਿਰ ਲੈਕਚਰ ਸਮੱਗਰੀ ਪੜ੍ਹੋ, ਵੱਖ ਵੱਖ ਗਤੀਵਿਧੀਆਂ ਨੂੰ ਪੂਰਾ ਕਰੋ ਅਤੇ ਅੰਤ ਵਿੱਚ ਪੋਸਟ-ਲੈਕਚਰ ਕੁਇਜ਼ ਨਾਲ ਸਮਝਦਾਰੀ ਜਾਂਚੋ।
|
|
|
|
ਆਪਣੇ ਸਿੱਖਣ ਦੇ ਅਨੁਭਵ ਨੂੰ ਬਹਿਤਰ ਬਨਾਉਣ ਲਈ, ਆਪਣੇ ਸਾਥੀਆਂ ਨਾਲ ਪ੍ਰੋਜੈਕਟਾਂ 'ਤੇ ਕੰਮ ਕਰਨ ਲਈ ਜੁੜੋ! ਚਰਚਾ ਨੂੰ ਯੋਗ ਦਿਓ ਸਾਡੇ [ਚਰਚਾ ਮੰਚ](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) ਨੂੰ ਹੋਰ ਪੜ੍ਹਾਈ ਦੇ ਸਾਧਨਾਂ ਲਈ ਅਹੰਕਾਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
|
|
|
|
### 📋 ਆਪਣਾ ਮਾਹੌਲ ਸੈੱਟ ਕਰੋ
|
|
|
|
ਇਸ ਕੋਰਸ ਦਾ ਵਿਕਾਸ ਮਾਹੌਲ ਤਿਆਰ ਹੈ! ਜਦੋਂ ਤੁਸੀਂ ਸ਼ੁਰੂ ਕਰਦੇ ਹੋ, ਤੁਸੀਂ ਇਹ ਕੋਰਸ [Codespace](https://github.com/features/codespaces/) (ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ-ਅਧਾਰਿਤ, ਬਿਨਾਂ ਇੰਸਟਾਲੇਸ਼ਨ ਵਾਲਾ ਮਾਹੌਲ) ਵਿੱਚ ਚਲਾ ਸਕਦੇ ਹੋ ਜਾਂ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਕਿਸੇ ਟੈਕਸਟ ਐਡੀਟਰ ਜਿਵੇਂ ਕਿ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਚਲਾ ਸਕਦੇ ਹੋ।
|
|
|
|
#### ਆਪਣਾ ਜਥਾ ਵਿਕਲਪ ਬਣਾਓ
|
|
ਆਪਣੇ ਕੰਮ ਨੂੰ ਸੌਖਾ ਸੁਰੱਖਿਅਤ ਕਰਨ ਲਈ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਕਿ ਤੁਸੀਂ ਇਸ ਜਥਾ ਵਿਕਲਪ ਦੀ ਆਪਣੀ ਕਾਪੀ ਬਣਾਓ। ਤੁਸੀਂ ਇਹ ਪੰਨੇ ਦੇ ਸਿਖਰ 'ਤੇ **Use this template** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਕਰ ਸਕਦੇ ਹੋ। ਇਹ ਤੁਹਾਡੇ GitHub ਖਾਤੇ ਵਿੱਚ ਕੋਰਸ ਦੀ ਕਾਪੀ ਵਾਲਾ ਨਵਾਂ ਜਥਾ ਵਿਕਲਪ ਬਣਾਏਗਾ।
|
|
|
|
ਇਹ ਕਦਮ ਫੋਲੋ ਕਰੋ:
|
|
1. **ਜਥਾ ਵਿਕਲਪ ਨੂੰ ਫੋਰਕ ਕਰੋ**: ਇਸ ਪੰਨੇ ਦੇ ਸਿੱਧੇ-ਖੱਬੇ ਕੋਨੇ 'Fork' ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
|
|
2. **ਜਥਾ ਵਿਕਲਪ ਨੂੰ ਕਲੋਨ ਕਰੋ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
|
|
#### Codespace ਵਿੱਚ ਕੋਰਸ ਚਲਾਉਣਾ
|
|
|
|
ਆਪਣੇ ਬਣਾਏ ਕਾਪੀ ਵਿੱਚ, **Code** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ **Open with Codespaces** ਚੁਣੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ ਨਵਾਂ Codespace ਬਣਾ ਦੇਵੇਗਾ ਜਿਸ ਵਿੱਚ ਤੁਸੀਂ ਕੰਮ ਕਰ ਸਕਦੇ ਹੋ।
|
|
|
|
|
|
|
|
#### ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਕੋਰਸ ਚਲਾਉਣਾ
|
|
|
|
ਇਸ ਕੋਰਸ ਨੂੰ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਚਲਾਉਣ ਲਈ, ਤੁਹਾਨੂੰ ਇੱਕ ਟੈਕਸਟ ਐਡੀਟਰ, ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ ਕਮਾਂਡ ਲਾਈਨ ਟੂਲ ਦੀ ਲੋੜ ਹੋਵੇਗੀ। ਸਾਡਾ ਪਹਿਲਾ ਪਾਠ, [ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਟੂਲਜ਼ ਦਾ ਪਰਿਚਯ](../../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).
|
|
|
|
|
|
1. ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਆਪਣਾ ਜਥਾ ਵਿਕਲਪ ਕਲੋਨ ਕਰੋ। ਤੁਸੀਂ ਇਹ **Code** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਅਤੇ 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
|
|
git clone <your-repository-url>
|
|
```
|
|
|
|
2. ਫੋਲਡਰ ਨੂੰ Visual Studio Code ਵਿੱਚ ਖੋਲ੍ਹੋ। ਤੁਸੀਂ ਇਹ **File** > **Open Folder** 'ਤੇ ਕਲਿਕ ਕਰਕੇ ਅਤੇ ਆਪਣੇ ਹਾਲ ਹੀ ਵਿੱਚ ਕਲੋਨ ਕੀਤੇ ਫੋਲਡਰ ਨੂੰ ਚੁਣ ਕੇ ਕਰ ਸਕਦੇ ਹੋ।
|
|
|
|
|
|
> ਸਿਫਾਰਸ਼ ਕੀਤੇ Visual Studio Code ਐਕਸਟੇਂਸ਼ਨ:
|
|
>
|
|
> * [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) - ਤੁਹਾਨੂੰ ਕੋਡ ਤੇਜ਼ੀ ਨਾਲ ਲਿਖਣ ਵਿੱਚ ਮਦਦ ਕਰਨ ਲਈ
|
|
|
|
## 📂 ਹਰ ਪਾਠ ਵਿੱਚ ਸ਼ਾਮਲ ਹੈ:
|
|
|
|
- ਵਿਕਲਪਿਕ ਸਕੈਚਨੋਟ
|
|
- ਵਿਕਲਪਿਕ ਪੂਰਕ ਵੀਡੀਓ
|
|
- ਪਰੇਪਾਠ ਵਾਰਮਅਪ ਕਵਿਜ਼
|
|
- ਲਿਖਤੀ ਪਾਠ
|
|
- ਪ੍ਰਾਜੈਕਟ-ਆਧਾਰਿਤ ਪਾਠਾਂ ਲਈ, ਪ੍ਰਾਜੈਕਟ ਬਣਾਉਣ ਲਈ ਕਦਮ-ਦਰ-ਕਦਮ ਗਾਈਡ
|
|
- ਗਿਆਨ ਜਾਂਚਾਂ
|
|
- ਇਕ ਚੁਣੌਤੀ
|
|
- ਪੂਰਕ ਪਾਠਨ
|
|
- ਅਸਾਈਨਮੈਂਟ
|
|
- [ਪਰੇਪਾਠ ਕਵਿਜ਼](https://ff-quizzes.netlify.app/web/)
|
|
|
|
> **ਕਵਿਜ਼ਾਂ ਬਾਰੇ ਇੱਕ ਨੋਟ**: ਸਾਰੀਆਂ ਕਵਿਜ਼ਾਂ Quiz-app ਫੋਲਡਰ ਵਿੱਚ ਹਨ, 48 ਕੁੱਲ ਕਵਿਜ਼ ਹਰ ਇੱਕ ਵਿੱਚ ਤਿੰਨ ਸਵਾਲ ਹਨ। ਉਹ [ਇਥੇ](https://ff-quizzes.netlify.app/web/) ਉਪਲੱਬਧ ਹਨ। ਕਵਿਜ਼ ਐਪ ਨੂੰ ਲੋਕਲ ਵਿੱਚ ਚਲਾਇਆ ਜਾ ਸਕਦਾ ਹੈ ਜਾਂ ਅਜ਼ੁਰ 'ਤੇ ਡਿਪਲੌਇ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ; `quiz-app` ਫੋਲਡਰ ਵਿੱਚ ਦਿੱਤੀਆਂ ਹਦਾਇਤਾਂ ਦਾ ਪਾਲਣ ਕਰੋ।
|
|
|
|
## 🗃️ ਪਾਠ
|
|
|
|
| | ਪ੍ਰਾਜੈਕਟ ਦਾ ਨਾਮ | ਸਿੱਖਾਏ ਗਏ ਸਿਧਾਂਤ | ਲਰਨਿੰਗ ਉਦੇਸ਼ | ਲਿੰਕਡ ਪਾਠ | ਲਿਖਾਰੀ |
|
|
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
|
|
| 01 | ਸ਼ੁਰੂ ਕਰਨਾ | ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਦਾ ਪਰਿਚਿਆ ਅਤੇ ਟੂਲਜ਼ ਆਫ਼ ਦ ਟਰੇਡ | ਜ਼ਿਆਦਾਤਰ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਬੇਸਿਕ ਮੁੱਖ ਵਿਸ਼ੇ ਸਿੱਖੋ ਅਤੇ ਉਹ ਸਾਫਟਵੇਅਰ ਜੋ ਪੇਸ਼ਾਵਰ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਕੰਮ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ਜੈਸਮਿਨ |
|
|
| 02 | ਸ਼ੁਰੂ ਕਰਨਾ | GitHub ਦੇ ਬੁਨਿਆਦੀ ਗੁਣ, ਟੀਮ ਦੇ ਨਾਲ ਕੰਮ ਕਰਨਾ | ਆਪਣੇ ਪ੍ਰਾਜੈਕਟ ਵਿੱਚ GitHub ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ, ਕੋਡ ਬੇਸ ਤੇ ਹੋਰਾਂ ਨਾਲ ਮਿਲ ਕੇ ਕੰਮ ਕਰਨਾ | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ਫਲੋਰ |
|
|
| 03 | ਸ਼ੁਰੂ ਕਰਨਾ | ਐਕਸੈਸੀਬਿਲਟੀ | ਵੈੱਬ ਐਕਸੈਸੀਬਿਲਟੀ ਦੇ ਮੁੱਢਲੇ ਗੁਣ ਸਿੱਖੋ | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | ਕ੍ਰਿਸਟੋਫਰ |
|
|
| 04 | JS ਬੇਸਿਕ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡੇਟਾ ਟਾਈਪ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡੇਟਾ ਟਾਈਪਾਂ ਦੇ ਮੁੱਢਲੇ ਗੁਣ | [Data Types](./2-js-basics/1-data-types/README.md) | ਜੈਸਮਿਨ |
|
|
| 05 | JS ਬੇਸਿਕ | ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ | ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਲੋਜਿਕ ਪਾਠ ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ ਬਾਰੇ ਜਾਣੋ | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ਜੈਸਮਿਨ ਅਤੇ ਕ੍ਰਿਸਟੋਫਰ |
|
|
| 06 | JS ਬੇਸਿਕ | JS ਨਾਲ ਫੈਸਲੇ ਕਰਨਾ | ਫੈਸਲਾ-ਸੰਬੰਧੀ ਮੈਥਡਾਂ ਦਾ ਉਪਯੋਗ ਕਰਕੇ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਸ਼ਰਤਾਂ ਬਣਾਉਣਾ ਸਿੱਖੋ | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ਜੈਸਮਿਨ |
|
|
| 07 | JS ਬੇਸਿਕ | ਐਰੇ ਅਤੇ ਲੂਪ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਡੇਟਾ ਨਾਲ ਐਰੇ ਅਤੇ ਲੂਪਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ | [Arrays and Loops](./2-js-basics/4-arrays-loops/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 ਦੇ ਮੁੱਢਲੇ ਗੁਣ ਸਮੇਤ ਪੰਨਾ ਰਿਸਪਾਂਸੀਵ ਬਣਾਉਣਾ | [Introduction to CSS](./3-terrarium/2-intro-to-css/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) | ਟਾਈਪਿੰਗ ਗੇਮ ਬਨਾਓ | ਆਪਣੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਐਪ ਦੀ ਲੋਜਿਕ ਨੂੰ ਚਲਾਉਣ ਲਈ ਕੀਬੋਰਡ ਘਟਨਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸਿੱਖੋ | [Event-Driven Programming](./4-typing-game/typing-game/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 ਨੂੰ ਕਾਲ ਕਰਨ ਲਈ | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/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) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਹੋਰ ਅਡਵਾਂਸਡ ਗੇਮ ਡਿਵੈਲਪਮੈਂਟ | ਕਲਾਸਾਂ ਅਤੇ ਕੰਪੋਜ਼ੀਸ਼ਨ ਦੋਂਹਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਨਹੈਰੀਟੈਂਸ ਅਤੇ ਪਬ/ਸਬ ਪੈਟਰਨ ਬਾਰੇ ਜਾਣੋ, ਗੇਮ ਬਣਾਉਣ ਦੀ ਤਿਆਰੀ ਲਈ | [Introduction to Advanced Game Development](./6-space-game/1-introduction/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 ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤੱਤਾਂ ਨੂੰ ਗਤੀ ਪ੍ਰਾਪਤ ਕਰਨ ਦਾ ਪਤਾ ਲਗਾਓ | [Moving Elements Around](./6-space-game/3-moving-elements-around/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) | ਸਕੋਰ ਰੱਖਣਾ | ਗੇਮ ਦੀ ਸਥਿਤੀ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਦੇ ਅਧਾਰ 'ਤੇ ਗਣਿਤੀ ਯੋਗਾਂਕ ਕੀਤੀਆਂ ਜਾ ਰਹੀਆਂ ਹਨ | [Keeping Score](./6-space-game/5-keeping-score/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 Templates and Routes](./7-bank-project/1-template-route/README.md) | ਯੋਹਾਨ |
|
|
| 22 | [ਬੈਂਕਿੰਗ ਐਪ](./7-bank-project/solution/README.md) | ਲੌਗਿਨ ਅਤੇ ਰਜਿਸਟਰੇਸ਼ਨ ਫਾਰਮ ਬਣਾਉਣਾ | ਫਾਰਮ ਸੁਧਾਰ ਅਤੇ ਵੈਰੀਫਿਕੇਸ਼ਨ ਪ੍ਰਕਿਰਿਆਵਾਂ ਬਾਰੇ ਜਾਣੋ | [Forms](./7-bank-project/2-forms/README.md) | ਯੋਹਾਨ |
|
|
| 23 | [ਬੈਂਕਿੰਗ ਐਪ](./7-bank-project/solution/README.md) | ਡੇਟਾ ਪ੍ਰਾਪਤੀ ਅਤੇ ਵਰਤੋਂ ਦੇ ਤਰੀਕੇ | ਤੁਹਾਡੇ ਐਪ ਵਿੱਚ ਡੇਟਾ ਕਿਵੇਂ ਆਉਂਦਾਂ ਅਤੇ ਜਾਂਦਾ ਹੈ, ਕਿਵੇਂ ਪ੍ਰਾਪਤ ਕਰੋ, ਸੰਭਾਲੋ, ਅਤੇ ਖਤਮ ਕਰੋ | [Data](./7-bank-project/3-data/README.md) | ਯੋਹਾਨ |
|
|
| 24 | [ਬੈਂਕਿੰਗ ਐਪ](./7-bank-project/solution/README.md) | ਸਟੇਟ ਮੈਨੇਜਮੈਂਟ ਦੇ ਸਿਧਾਂਤ | ਸਿੱਖੋ ਕਿ ਤੁਹਾਡਾ ਐਪ ਸਟੇਟ کيਵੋਂ ਸਾਂਭਦਾ ਹੈ ਅਤੇ ਇਸ ਨੂੰ ਪ੍ਰੋਗ੍ਰਾਮੀ ਤਰੀਕੇ ਨਾਲ ਕਿਵੇਂ ਪ੍ਰਬੰਧਿਤ ਕਰਦਾ ਹੈ | [State Management](./7-bank-project/4-state-management/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 Assistant project](./9-chat-project/README.md) | ਕ੍ਰਿਸ |
|
|
|
|
## 🏫 ਪੈਡਾਗੋਜੀ
|
|
|
|
ਸਾਡਾ ਕੋਰਸ ਦੋ ਮੁੱਖ ਪੈਡਾਗੋਜੀਕਲ ਨੀਤੀਆਂ 'ਤੇ ਬਣਾਇਆ ਗਿਆ ਹੈ:
|
|
* ਪ੍ਰਾਜੈਕਟ-ਆਧਾਰਿਤ ਲਰਨਿੰਗ
|
|
* ਅਕਸਰ ਕਵਿਜ਼ਾਂ
|
|
|
|
ਪਰੋਗ੍ਰਾਮ ਜਾਵਾਸਕ੍ਰਿਪਟ, 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)".
|
|
|
|
> ਸਾਡੇ [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`.
|
|
|
|
## 📘 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://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
|
|
[](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)
|
|
|
|
---
|
|
|
|
### 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)
|
|
|
|
---
|
|
|
|
### Copilot Series
|
|
[](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 ਬਾਰੇ ਵਿਚਾਰ-ਵਟਾਂਦਰਾ ਕਰਨ ਲਈ ਹੋਰ ਸਿੱਖਣ ਵਾਲਿਆਂ ਅਤੇ ਅਨੁਭਵੀ ਡਿਵੈਲਪਰਾ ਨਾਲ ਜੁੜੋ। ਇਹ ਇੱਕ ਸਮਰਥਕ ਕਮਿਊਨਿਟੀ ਹੈ ਜਿੱਥੇ ਸਵਾਲ ਸਵਾਗਤਯੋਗ ਹਨ ਅਤੇ ਗਿਆਨ ਖੁੱਲ੍ਹ ਕੇ ਸਾਂਝਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
|
|
|
|
[](https://discord.gg/nTYy5BXMWG)
|
|
|
|
ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ ਕੋਈ ਉਤਪਾਦ ਫੀਡਬੈਕ ਜਾਂ ਬਣਾਉਂਦੇ ਵੇਲੇ ਕੋਈ ਗਲਤੀਆਂ ਹਨ ਤਾਂ ਦਰਜ ਕਰੋ:
|
|
|
|
[](https://aka.ms/foundry/forum)
|
|
|
|
## ਲਾਇਸੰਸ
|
|
|
|
ਇਹ ਰਿਪੋਜ਼ਿਟਰੀ MIT ਲਾਇਸੰਸ ਦੇ ਅਧੀਨ ਲਾਇਸੰਸ ਕੀਤੀ ਗਈ ਹੈ। ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ [LICENSE](../../LICENSE) ਫਾਇਲ ਵੇਖੋ।
|
|
|
|
---
|
|
|
|
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
|
|
**ਦੁਆਹ**:
|
|
ਇਸ ਦਸਤਾਵੇਜ਼ ਦਾ ਅਨੁਵਾਦ ਏਆਈ ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਨਾਲ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀਤੀ ਲਈ ਯਤਨਸ਼ੀਲ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਲਿਤ ਅਨੁਵਾਦ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅੰਸ਼ਾਂ ਦੀ ਗਲਤੀ ਹੋ ਸਕਦੀ ਹੈ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਆਪਣੇ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਪ੍ਰਮਾਣਿਕ ਸਰੋਤ ਵਜੋਂ ਮੰਨਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਜਰੂਰੀ ਸੂਚਨਾ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫ਼ਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਉੱਠਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤਫਹਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।
|
|
<!-- CO-OP TRANSLATOR DISCLAIMER END --> |