chore(i18n): sync translations with latest source changes (chunk 12/20, 100 files)

pull/1668/head
localizeflow[bot] 8 months ago
parent 1678701ec5
commit f8772d7544

Binary file not shown.

After

Width:  |  Height:  |  Size: 317 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 298 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 271 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 300 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 304 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 274 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 334 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 312 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 279 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 299 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 272 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 279 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 938 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 866 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 684 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 860 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 862 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 865 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 430 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 430 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 430 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 430 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 430 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 430 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 403 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 398 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 383 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 395 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 393 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 403 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 455 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 387 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 208 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 376 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 397 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 398 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 831 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 833 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 832 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 833 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 832 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 840 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

@ -160,7 +160,7 @@ sequenceDiagram
``` ```
- **ਸਕੋਰਿੰਗ ਸਿਸਟਮ**: ਹਰ ਤਬਾਹ ਕੀਤੇ ਗਏ ਦੁਸ਼ਮਨ ਜਹਾਜ਼ ਲਈ 100 ਪੌਇੰਟਸ ਮਿਲਦੇ ਹਨ (ਗੋਲ ਗਿਣਤੀਆਂ ਖਿਡਾਰੀਆਂ ਲਈ ਮਾਨਸਿਕ ਤੌਰ 'ਤੇ ਗਿਣਤੀ ਕਰਨਾ ਆਸਾਨ ਬਣਾਉਂਦੀਆਂ ਹਨ)। ਸਕੋਰ ਨੂੰ ਹੇਠਾਂ ਖੱਬੇ ਕੋਨੇ ਵਿੱਚ ਦਿਖਾਇਆ ਜਾਵੇਗਾ। - **ਸਕੋਰਿੰਗ ਸਿਸਟਮ**: ਹਰ ਤਬਾਹ ਕੀਤੇ ਗਏ ਦੁਸ਼ਮਨ ਜਹਾਜ਼ ਲਈ 100 ਪੌਇੰਟਸ ਮਿਲਦੇ ਹਨ (ਗੋਲ ਗਿਣਤੀਆਂ ਖਿਡਾਰੀਆਂ ਲਈ ਮਾਨਸਿਕ ਤੌਰ 'ਤੇ ਗਿਣਤੀ ਕਰਨਾ ਆਸਾਨ ਬਣਾਉਂਦੀਆਂ ਹਨ)। ਸਕੋਰ ਨੂੰ ਹੇਠਾਂ ਖੱਬੇ ਕੋਨੇ ਵਿੱਚ ਦਿਖਾਇਆ ਜਾਵੇਗਾ।
- **ਲਾਈਫ ਕਾਊਂਟਰ**: ਤੁਹਾਡਾ ਹੀਰੋ ਤਿੰਨ ਜ਼ਿੰਦਗੀਆਂ ਨਾਲ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ - ਇੱਕ ਮਿਆਰ ਜੋ ਸ਼ੁਰੂਆਤੀ ਆਰਕੇਡ ਗੇਮਾਂ ਦੁਆਰਾ ਚੁਣੌਤੀ ਅਤੇ ਖੇਡਣਯੋਗਤਾ ਦੇ ਸੰਤੁਲਨ ਲਈ ਸਥਾਪਿਤ ਕੀਤਾ ਗਿਆ। ਹਰ ਵਾਰ ਦੁਸ਼ਮਨ ਨਾਲ ਟਕਰਾਉਣ 'ਤੇ ਇੱਕ ਜ਼ਿੰਦਗੀ ਖਤਮ ਹੋ ਜਾਂਦੀ ਹੈ। ਬਾਕੀ ਜ਼ਿੰਦਗੀਆਂ ਨੂੰ ਹੇਠਾਂ ਸੱਜੇ ਕੋਨੇ ਵਿੱਚ ਜਹਾਜ਼ ਦੇ ਆਈਕਾਨਾਂ ਨਾਲ ਦਿਖਾਇਆ ਜਾਵੇਗਾ ![life image](../../../../translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.pa.png)। - **ਲਾਈਫ ਕਾਊਂਟਰ**: ਤੁਹਾਡਾ ਹੀਰੋ ਤਿੰਨ ਜ਼ਿੰਦਗੀਆਂ ਨਾਲ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ - ਇੱਕ ਮਿਆਰ ਜੋ ਸ਼ੁਰੂਆਤੀ ਆਰਕੇਡ ਗੇਮਾਂ ਦੁਆਰਾ ਚੁਣੌਤੀ ਅਤੇ ਖੇਡਣਯੋਗਤਾ ਦੇ ਸੰਤੁਲਨ ਲਈ ਸਥਾਪਿਤ ਕੀਤਾ ਗਿਆ। ਹਰ ਵਾਰ ਦੁਸ਼ਮਨ ਨਾਲ ਟਕਰਾਉਣ 'ਤੇ ਇੱਕ ਜ਼ਿੰਦਗੀ ਖਤਮ ਹੋ ਜਾਂਦੀ ਹੈ। ਬਾਕੀ ਜ਼ਿੰਦਗੀਆਂ ਨੂੰ ਹੇਠਾਂ ਸੱਜੇ ਕੋਨੇ ਵਿੱਚ ਜਹਾਜ਼ ਦੇ ਆਈਕਾਨਾਂ ਨਾਲ ਦਿਖਾਇਆ ਜਾਵੇਗਾ ![life image](../../../../translated_images/life.6fb9f50d53ee0413.pa.png)।
## ਚਲੋ ਬਣਾਉਣਾ ਸ਼ੁਰੂ ਕਰੀਏ! ## ਚਲੋ ਬਣਾਉਣਾ ਸ਼ੁਰੂ ਕਰੀਏ!

@ -434,7 +434,7 @@ async function register() {
3. **ਕਲਿੱਕ ਕਰੋ** "ਅਕਾਊਂਟ ਬਣਾਓ" 3. **ਕਲਿੱਕ ਕਰੋ** "ਅਕਾਊਂਟ ਬਣਾਓ"
4. **ਨਿਰੀਖਣ ਕਰੋ** ਕਨਸੋਲ ਸੁਨੇਹੇ ਅਤੇ ਯੂਜ਼ਰ ਫੀਡਬੈਕ 4. **ਨਿਰੀਖਣ ਕਰੋ** ਕਨਸੋਲ ਸੁਨੇਹੇ ਅਤੇ ਯੂਜ਼ਰ ਫੀਡਬੈਕ
![ਬ੍ਰਾਊਜ਼ਰ ਕਨਸੋਲ ਵਿੱਚ ਲਾਗ ਸੁਨੇਹਾ ਦਿਖਾਉਂਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.pa.png) ![ਬ੍ਰਾਊਜ਼ਰ ਕਨਸੋਲ ਵਿੱਚ ਲਾਗ ਸੁਨੇਹਾ ਦਿਖਾਉਂਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/browser-console.efaf0b51aaaf6778.pa.png)
**ਤੁਹਾਨੂੰ ਕੀ ਦੇਖਣਾ ਚਾਹੀਦਾ ਹੈ:** **ਤੁਹਾਨੂੰ ਕੀ ਦੇਖਣਾ ਚਾਹੀਦਾ ਹੈ:**
- **ਲੋਡਿੰਗ ਸਥਿਤੀ** ਸਬਮਿਟ ਬਟਨ 'ਤੇ ਦਿਖਾਈ ਦਿੰਦੀ ਹੈ - **ਲੋਡਿੰਗ ਸਥਿਤੀ** ਸਬਮਿਟ ਬਟਨ 'ਤੇ ਦਿਖਾਈ ਦਿੰਦੀ ਹੈ
@ -620,7 +620,7 @@ input:focus:invalid {
ਇਹ ਹੈ ਇੱਕ ਉਦਾਹਰਨ ਕਿ CSS ਸਟਾਈਲਿੰਗ ਦੇ ਬਾਅਦ ਅੰਤਮ ਲੌਗਇਨ ਪੇਜ ਕਿਵੇਂ ਲੱਗ ਸਕਦਾ ਹੈ: ਇਹ ਹੈ ਇੱਕ ਉਦਾਹਰਨ ਕਿ CSS ਸਟਾਈਲਿੰਗ ਦੇ ਬਾਅਦ ਅੰਤਮ ਲੌਗਇਨ ਪੇਜ ਕਿਵੇਂ ਲੱਗ ਸਕਦਾ ਹੈ:
![CSS ਸਟਾਈਲਾਂ ਜੋੜਨ ਦੇ ਬਾਅਦ ਲੌਗਇਨ ਪੇਜ ਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.pa.png) ![CSS ਸਟਾਈਲਾਂ ਜੋੜਨ ਦੇ ਬਾਅਦ ਲੌਗਇਨ ਪੇਜ ਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/result.96ef01f607bf856a.pa.png)
## ਲੈਕਚਰ ਬਾਅਦ ਕਵਿਜ਼ ## ਲੈਕਚਰ ਬਾਅਦ ਕਵਿਜ਼

@ -160,7 +160,7 @@ sequenceDiagram
Browser->>User: Displays new page (flash/reload) Browser->>User: Displays new page (flash/reload)
``` ```
![ਮਲਟੀ-ਪੇਜ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਅਪਡੇਟ ਵਰਕਫਲੋ](../../../../translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.pa.png) ![ਮਲਟੀ-ਪੇਜ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਅਪਡੇਟ ਵਰਕਫਲੋ](../../../../translated_images/mpa.7f7375a1a2d4aa77.pa.png)
**ਇਹ ਤਰੀਕਾ ਕਿਉਂ ਅਸੁਵਿਧਾਜਨਕ ਮਹਿਸੂਸ ਹੁੰਦਾ ਸੀ:** **ਇਹ ਤਰੀਕਾ ਕਿਉਂ ਅਸੁਵਿਧਾਜਨਕ ਮਹਿਸੂਸ ਹੁੰਦਾ ਸੀ:**
- ਹਰ ਕਲਿੱਕ ਦਾ ਮਤਲਬ ਸੀ ਪੂਰੇ ਪੇਜ ਨੂੰ ਮੁੜ ਤੋਂ ਬਣਾਉਣਾ - ਹਰ ਕਲਿੱਕ ਦਾ ਮਤਲਬ ਸੀ ਪੂਰੇ ਪੇਜ ਨੂੰ ਮੁੜ ਤੋਂ ਬਣਾਉਣਾ
@ -187,7 +187,7 @@ sequenceDiagram
Browser->>User: Shows updated content (no reload) Browser->>User: Shows updated content (no reload)
``` ```
![ਸਿੰਗਲ-ਪੇਜ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਅਪਡੇਟ ਵਰਕਫਲੋ](../../../../translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.pa.png) ![ਸਿੰਗਲ-ਪੇਜ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਅਪਡੇਟ ਵਰਕਫਲੋ](../../../../translated_images/spa.268ec73b41f992c2.pa.png)
**SPA ਕਿਉਂ ਬਿਹਤਰ ਮਹਿਸੂਸ ਹੁੰਦੇ ਹਨ:** **SPA ਕਿਉਂ ਬਿਹਤਰ ਮਹਿਸੂਸ ਹੁੰਦੇ ਹਨ:**
- ਸਿਰਫ ਉਹ ਹਿੱਸੇ ਜੋ ਵਾਸਤਵ ਵਿੱਚ ਬਦਲੇ ਹਨ, ਅਪਡੇਟ ਹੁੰਦੇ ਹਨ (ਸਮਝਦਾਰ, ਹੈ ਨਾ?) - ਸਿਰਫ ਉਹ ਹਿੱਸੇ ਜੋ ਵਾਸਤਵ ਵਿੱਚ ਬਦਲੇ ਹਨ, ਅਪਡੇਟ ਹੁੰਦੇ ਹਨ (ਸਮਝਦਾਰ, ਹੈ ਨਾ?)
@ -373,7 +373,7 @@ if (data.error) {
ਹੁਣ ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ ਅਵੈਧ ਖਾਤੇ ਨਾਲ ਟੈਸਟ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਪੰਨੇ 'ਤੇ ਇੱਕ ਸਹਾਇਕ ਗਲਤੀ ਸੁਨੇਹਾ ਦਿਖਾਈ ਦੇਵੇਗਾ! ਹੁਣ ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ ਅਵੈਧ ਖਾਤੇ ਨਾਲ ਟੈਸਟ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਪੰਨੇ 'ਤੇ ਇੱਕ ਸਹਾਇਕ ਗਲਤੀ ਸੁਨੇਹਾ ਦਿਖਾਈ ਦੇਵੇਗਾ!
![ਲੌਗਇਨ ਦੌਰਾਨ ਦਿਖਾਈ ਗਈ ਗਲਤੀ ਸੁਨੇਹੇ ਨੂੰ ਦਿਖਾਉਣ ਵਾਲਾ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.pa.png) ![ਲੌਗਇਨ ਦੌਰਾਨ ਦਿਖਾਈ ਗਈ ਗਲਤੀ ਸੁਨੇਹੇ ਨੂੰ ਦਿਖਾਉਣ ਵਾਲਾ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/login-error.416fe019b36a6327.pa.png)
#### ਕਦਮ 4: ਪਹੁੰਚਯੋਗਤਾ ਨਾਲ ਸਮਰਪਿਤ ਹੋਣਾ #### ਕਦਮ 4: ਪਹੁੰਚਯੋਗਤਾ ਨਾਲ ਸਮਰਪਿਤ ਹੋਣਾ
@ -626,7 +626,7 @@ Agent ਮੋਡ ਬਾਰੇ ਹੋਰ ਜਾਣੋ [ਇਥੇ](https://code.vis
ਇੱਥੇ ਇੱਕ ਪਾਲਿਸ਼ਡ ਡੈਸ਼ਬੋਰਡ ਦਾ ਨਤੀਜਾ ਕਿਵੇਂ ਦਿਖ ਸਕਦਾ ਹੈ: ਇੱਥੇ ਇੱਕ ਪਾਲਿਸ਼ਡ ਡੈਸ਼ਬੋਰਡ ਦਾ ਨਤੀਜਾ ਕਿਵੇਂ ਦਿਖ ਸਕਦਾ ਹੈ:
![ਡੈਸ਼ਬੋਰਡ ਦੇ ਸਟਾਈਲਿੰਗ ਤੋਂ ਬਾਅਦ ਨਤੀਜੇ ਦਾ ਉਦਾਹਰਣ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.pa.png) ![ਡੈਸ਼ਬੋਰਡ ਦੇ ਸਟਾਈਲਿੰਗ ਤੋਂ ਬਾਅਦ ਨਤੀਜੇ ਦਾ ਉਦਾਹਰਣ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/screen2.123c82a831a1d14a.pa.png)
ਇਸਨੂੰ ਬਿਲਕੁਲ ਇਸੇ ਤਰ੍ਹਾਂ ਮਿਲਾਉਣ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ - ਇਸਨੂੰ ਪ੍ਰੇਰਣਾ ਵਜੋਂ ਵਰਤੋ ਅਤੇ ਇਸਨੂੰ ਆਪਣਾ ਬਣਾਓ! ਇਸਨੂੰ ਬਿਲਕੁਲ ਇਸੇ ਤਰ੍ਹਾਂ ਮਿਲਾਉਣ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ - ਇਸਨੂੰ ਪ੍ਰੇਰਣਾ ਵਜੋਂ ਵਰਤੋ ਅਤੇ ਇਸਨੂੰ ਆਪਣਾ ਬਣਾਓ!

@ -190,7 +190,7 @@ mindmap
ਅਸੀਂ ਆਪਣੀ ਪੂਛ-ਪੂਛ ਕਰਨ ਦੀ ਬਜਾਏ ਇੱਕ **ਕੇਂਦਰੀਕ੍ਰਿਤ ਸਟੇਟ ਮੈਨੇਜਮੈਂਟ** ਸਿਸਟਮ ਬਣਾਉਣ ਜਾ ਰਹੇ ਹਾਂ। ਇਸਨੂੰ ਇੱਕ ਬਹੁਤ ਹੀ ਸੁਧਰੇ ਹੋਏ ਵਿਅਕਤੀ ਵਾਂਗ ਸੋਚੋ ਜੋ ਸਾਰੇ ਮਹੱਤਵਪੂਰਨ ਚੀਜ਼ਾਂ ਦਾ ਇੰਚਾਰਜ ਹੈ: ਅਸੀਂ ਆਪਣੀ ਪੂਛ-ਪੂਛ ਕਰਨ ਦੀ ਬਜਾਏ ਇੱਕ **ਕੇਂਦਰੀਕ੍ਰਿਤ ਸਟੇਟ ਮੈਨੇਜਮੈਂਟ** ਸਿਸਟਮ ਬਣਾਉਣ ਜਾ ਰਹੇ ਹਾਂ। ਇਸਨੂੰ ਇੱਕ ਬਹੁਤ ਹੀ ਸੁਧਰੇ ਹੋਏ ਵਿਅਕਤੀ ਵਾਂਗ ਸੋਚੋ ਜੋ ਸਾਰੇ ਮਹੱਤਵਪੂਰਨ ਚੀਜ਼ਾਂ ਦਾ ਇੰਚਾਰਜ ਹੈ:
![HTML, ਯੂਜ਼ਰ ਕਾਰਵਾਈਆਂ ਅਤੇ ਸਟੇਟ ਦੇ ਵਿਚਕਾਰ ਡਾਟਾ ਫਲੋਜ਼ ਦਿਖਾਉਣ ਵਾਲੀ ਸਕੀਮਾ](../../../../translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.pa.png) ![HTML, ਯੂਜ਼ਰ ਕਾਰਵਾਈਆਂ ਅਤੇ ਸਟੇਟ ਦੇ ਵਿਚਕਾਰ ਡਾਟਾ ਫਲੋਜ਼ ਦਿਖਾਉਣ ਵਾਲੀ ਸਕੀਮਾ](../../../../translated_images/data-flow.fa2354e0908fecc8.pa.png)
```mermaid ```mermaid
flowchart TD flowchart TD

@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA:
**ਉਮੀਦ ਕੀਤੀ ਨਤੀਜਾ:** **ਉਮੀਦ ਕੀਤੀ ਨਤੀਜਾ:**
ਇਸ ਅਸਾਈਨਮੈਂਟ ਨੂੰ ਪੂਰਾ ਕਰਨ ਤੋਂ ਬਾਅਦ, ਤੁਹਾਡੀ ਬੈਂਕਿੰਗ ਐਪ ਵਿੱਚ ਇੱਕ ਪੂਰੀ ਤਰ੍ਹਾਂ ਕਾਰਗਰ "ਟ੍ਰਾਂਜ਼ੈਕਸ਼ਨ ਸ਼ਾਮਲ ਕਰੋ" ਫੀਚਰ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਜੋ ਪੇਸ਼ੇਵਰ ਤਰੀਕੇ ਨਾਲ ਦਿਖਾਈ ਦੇਵੇ ਅਤੇ ਕੰਮ ਕਰੇ: ਇਸ ਅਸਾਈਨਮੈਂਟ ਨੂੰ ਪੂਰਾ ਕਰਨ ਤੋਂ ਬਾਅਦ, ਤੁਹਾਡੀ ਬੈਂਕਿੰਗ ਐਪ ਵਿੱਚ ਇੱਕ ਪੂਰੀ ਤਰ੍ਹਾਂ ਕਾਰਗਰ "ਟ੍ਰਾਂਜ਼ੈਕਸ਼ਨ ਸ਼ਾਮਲ ਕਰੋ" ਫੀਚਰ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਜੋ ਪੇਸ਼ੇਵਰ ਤਰੀਕੇ ਨਾਲ ਦਿਖਾਈ ਦੇਵੇ ਅਤੇ ਕੰਮ ਕਰੇ:
![ਟ੍ਰਾਂਜ਼ੈਕਸ਼ਨ ਸ਼ਾਮਲ ਕਰੋ ਡਾਇਲਾਗ ਦਾ ਉਦਾਹਰਨ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.pa.png) ![ਟ੍ਰਾਂਜ਼ੈਕਸ਼ਨ ਸ਼ਾਮਲ ਕਰੋ ਡਾਇਲਾਗ ਦਾ ਉਦਾਹਰਨ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/dialog.93bba104afeb79f1.pa.png)
## ਤੁਹਾਡੀ ਲਾਗੂ ਕਰਨ ਦੀ ਜਾਂਚ ਕਰਨਾ ## ਤੁਹਾਡੀ ਲਾਗੂ ਕਰਨ ਦੀ ਜਾਂਚ ਕਰਨਾ

@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
ਇਸ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ, ਤੁਸੀਂ ਇੱਕ ਕਲਪਨਾਤਮਕ ਬੈਂਕ ਬਣਾਉਣਾ ਸਿੱਖੋਗੇ। ਇਹ ਪਾਠ ਤੁਹਾਨੂੰ ਸਿਖਾਉਣਗੇ ਕਿ ਵੈੱਬ ਐਪ ਦਾ ਲੇਆਉਟ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ ਅਤੇ ਰੂਟਸ ਪ੍ਰਦਾਨ ਕਰਨੇ ਹਨ, ਫਾਰਮ ਬਣਾਉਣੇ ਹਨ, ਸਟੇਟ ਨੂੰ ਮੈਨੇਜ ਕਰਨਾ ਹੈ, ਅਤੇ API ਤੋਂ ਡਾਟਾ ਫੈਚ ਕਰਨਾ ਹੈ ਜਿਸ ਤੋਂ ਤੁਸੀਂ ਬੈਂਕ ਦਾ ਡਾਟਾ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ। ਇਸ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ, ਤੁਸੀਂ ਇੱਕ ਕਲਪਨਾਤਮਕ ਬੈਂਕ ਬਣਾਉਣਾ ਸਿੱਖੋਗੇ। ਇਹ ਪਾਠ ਤੁਹਾਨੂੰ ਸਿਖਾਉਣਗੇ ਕਿ ਵੈੱਬ ਐਪ ਦਾ ਲੇਆਉਟ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ ਅਤੇ ਰੂਟਸ ਪ੍ਰਦਾਨ ਕਰਨੇ ਹਨ, ਫਾਰਮ ਬਣਾਉਣੇ ਹਨ, ਸਟੇਟ ਨੂੰ ਮੈਨੇਜ ਕਰਨਾ ਹੈ, ਅਤੇ API ਤੋਂ ਡਾਟਾ ਫੈਚ ਕਰਨਾ ਹੈ ਜਿਸ ਤੋਂ ਤੁਸੀਂ ਬੈਂਕ ਦਾ ਡਾਟਾ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ।
| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.pa.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.pa.png) | | ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.pa.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.pa.png) |
|--------------------------------|--------------------------------| |--------------------------------|--------------------------------|
## ਪਾਠ ## ਪਾਠ

@ -185,7 +185,7 @@ VSCode.dev ਇਹ ਸਮਰੱਥਾਵਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊ
ਜਦੋਂ ਸਭ ਕੁਝ ਲੋਡ ਹੋ ਜਾਂਦਾ ਹੈ, ਤੁਸੀਂ ਇੱਕ ਸੁੰਦਰ ਤੌਰ 'ਤੇ ਸਾਫ ਕਾਰਜਸਥਾਨ ਦੇਖੋਗੇ ਜੋ ਤੁਹਾਨੂੰ ਤੁਹਾਡੇ ਕੋਡ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਰੱਖਣ ਲਈ ਡਿਜ਼ਾਈਨ ਕੀਤਾ ਗਿਆ ਹੈ! ਜਦੋਂ ਸਭ ਕੁਝ ਲੋਡ ਹੋ ਜਾਂਦਾ ਹੈ, ਤੁਸੀਂ ਇੱਕ ਸੁੰਦਰ ਤੌਰ 'ਤੇ ਸਾਫ ਕਾਰਜਸਥਾਨ ਦੇਖੋਗੇ ਜੋ ਤੁਹਾਨੂੰ ਤੁਹਾਡੇ ਕੋਡ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਰੱਖਣ ਲਈ ਡਿਜ਼ਾਈਨ ਕੀਤਾ ਗਿਆ ਹੈ!
![Default VSCode.dev interface](../../../../translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.pa.png) ![Default VSCode.dev interface](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.pa.png)
**ਇਹ ਹੈ ਤੁਹਾਡੇ ਪੜੋਸ ਦਾ ਦੌਰਾ:** **ਇਹ ਹੈ ਤੁਹਾਡੇ ਪੜੋਸ ਦਾ ਦੌਰਾ:**
- **ਐਕਟਿਵਿਟੀ ਬਾਰ** (ਖੱਬੇ ਪਾਸੇ ਵਾਲੀ ਸਟ੍ਰਿਪ): ਤੁਹਾਡਾ ਮੁੱਖ ਨੈਵੀਗੇਸ਼ਨ ਜਿਸ ਵਿੱਚ Explorer 📁, Search 🔍, Source Control 🌿, Extensions 🧩, ਅਤੇ Settings ⚙️ ਸ਼ਾਮਲ ਹਨ - **ਐਕਟਿਵਿਟੀ ਬਾਰ** (ਖੱਬੇ ਪਾਸੇ ਵਾਲੀ ਸਟ੍ਰਿਪ): ਤੁਹਾਡਾ ਮੁੱਖ ਨੈਵੀਗੇਸ਼ਨ ਜਿਸ ਵਿੱਚ Explorer 📁, Search 🔍, Source Control 🌿, Extensions 🧩, ਅਤੇ Settings ⚙️ ਸ਼ਾਮਲ ਹਨ
@ -233,7 +233,7 @@ flowchart TB
1. [vscode.dev](https://vscode.dev) 'ਤੇ ਜਾਓ ਜੇ ਤੁਸੀਂ ਪਹਿਲਾਂ ਹੀ ਉੱਥੇ ਨਹੀਂ ਹੋ 1. [vscode.dev](https://vscode.dev) 'ਤੇ ਜਾਓ ਜੇ ਤੁਸੀਂ ਪਹਿਲਾਂ ਹੀ ਉੱਥੇ ਨਹੀਂ ਹੋ
2. ਵੈਲਕਮ ਸਕ੍ਰੀਨ 'ਤੇ "Open Remote Repository" ਬਟਨ ਲੱਭੋ ਅਤੇ ਇਸ 'ਤੇ ਕਲਿੱਕ ਕਰੋ 2. ਵੈਲਕਮ ਸਕ੍ਰੀਨ 'ਤੇ "Open Remote Repository" ਬਟਨ ਲੱਭੋ ਅਤੇ ਇਸ 'ਤੇ ਕਲਿੱਕ ਕਰੋ
![Open remote repository](../../../../translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.pa.png) ![Open remote repository](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.pa.png)
3. ਕਿਸੇ ਵੀ GitHub ਰਿਪੋਜ਼ਿਟਰੀ URL ਨੂੰ ਪੇਸਟ ਕਰੋ (ਇਸ ਨੂੰ ਕੋਸ਼ਿਸ਼ ਕਰੋ: `https://github.com/microsoft/Web-Dev-For-Beginners`) 3. ਕਿਸੇ ਵੀ GitHub ਰਿਪੋਜ਼ਿਟਰੀ URL ਨੂੰ ਪੇਸਟ ਕਰੋ (ਇਸ ਨੂੰ ਕੋਸ਼ਿਸ਼ ਕਰੋ: `https://github.com/microsoft/Web-Dev-For-Beginners`)
4. Enter ਦਬਾਓ ਅਤੇ ਜਾਦੂ ਦੇਖੋ! 4. Enter ਦਬਾਓ ਅਤੇ ਜਾਦੂ ਦੇਖੋ!
@ -242,7 +242,7 @@ flowchart TB
ਤੁਹਾਨੂੰ ਕੋਡਿੰਗ ਜਾਦੂਗਰ ਵਾਂਗ ਮਹਿਸੂਸ ਕਰਨਾ ਹੈ? ਇਹ ਕੀਬੋਰਡ ਸ਼ਾਰਟਕਟ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ: Ctrl+Shift+P (ਜਾਂ Mac 'ਤੇ Cmd+Shift+P) ਕਮਾਂਡ ਪੈਲੇਟ ਖੋਲ੍ਹਣ ਲਈ: ਤੁਹਾਨੂੰ ਕੋਡਿੰਗ ਜਾਦੂਗਰ ਵਾਂਗ ਮਹਿਸੂਸ ਕਰਨਾ ਹੈ? ਇਹ ਕੀਬੋਰਡ ਸ਼ਾਰਟਕਟ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ: Ctrl+Shift+P (ਜਾਂ Mac 'ਤੇ Cmd+Shift+P) ਕਮਾਂਡ ਪੈਲੇਟ ਖੋਲ੍ਹਣ ਲਈ:
![Command Palette](../../../../translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.pa.png) ![Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.pa.png)
**ਕਮਾਂਡ ਪੈਲੇਟ ਇਹ ਹੈ ਜਿਵੇਂ ਤੁਹਾਡੇ ਲਈ ਹਰ ਚੀਜ਼ ਲਈ ਇੱਕ ਖੋਜ ਇੰਜਨ ਹੋਵੇ:** **ਕਮਾਂਡ ਪੈਲੇਟ ਇਹ ਹੈ ਜਿਵੇਂ ਤੁਹਾਡੇ ਲਈ ਹਰ ਚੀਜ਼ ਲਈ ਇੱਕ ਖੋਜ ਇੰਜਨ ਹੋਵੇ:**
- "open remote" ਟਾਈਪ ਕਰੋ ਅਤੇ ਇਹ ਤੁਹਾਡੇ ਲਈ ਰਿਪੋਜ਼ਿਟਰੀ ਓਪਨਰ ਲੱਭੇਗਾ - "open remote" ਟਾਈਪ ਕਰੋ ਅਤੇ ਇਹ ਤੁਹਾਡੇ ਲਈ ਰਿਪੋਜ਼ਿਟਰੀ ਓਪਨਰ ਲੱਭੇਗਾ

@ -78,7 +78,7 @@ CO_OP_TRANSLATOR_METADATA:
4. ਇੱਕ ਕਮਿਟ ਸੁਨੇਹਾ ਲਿਖੋ: "Add initial HTML structure" 4. ਇੱਕ ਕਮਿਟ ਸੁਨੇਹਾ ਲਿਖੋ: "Add initial HTML structure"
5. "Commit new file" 'ਤੇ ਕਲਿਕ ਕਰਕੇ ਆਪਣੇ ਬਦਲਾਅ ਸੇਵ ਕਰੋ 5. "Commit new file" 'ਤੇ ਕਲਿਕ ਕਰਕੇ ਆਪਣੇ ਬਦਲਾਅ ਸੇਵ ਕਰੋ
![GitHub 'ਤੇ ਸ਼ੁਰੂਆਤੀ ਫਾਈਲ ਬਣਾਉਣਾ](../../../../translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.pa.png) ![GitHub 'ਤੇ ਸ਼ੁਰੂਆਤੀ ਫਾਈਲ ਬਣਾਉਣਾ](../../../../translated_images/new-file-github.com.c886796d800e8056.pa.png)
**ਇਹ ਸ਼ੁਰੂਆਤੀ ਸੈਟਅਪ ਕੀ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ:** **ਇਹ ਸ਼ੁਰੂਆਤੀ ਸੈਟਅਪ ਕੀ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ:**
- **ਸਥਾਪਿਤ ਕਰਦਾ ਹੈ** ਸਹੀ HTML5 ਦਸਤਾਵੇਜ਼ ਸੰਰਚਨਾ ਸੈਮਾਂਟਿਕ ਤੱਤਾਂ ਨਾਲ - **ਸਥਾਪਿਤ ਕਰਦਾ ਹੈ** ਸਹੀ HTML5 ਦਸਤਾਵੇਜ਼ ਸੰਰਚਨਾ ਸੈਮਾਂਟਿਕ ਤੱਤਾਂ ਨਾਲ
@ -104,7 +104,7 @@ CO_OP_TRANSLATOR_METADATA:
**ਸਫਲਤਾ ਸੂਚਕ**: ਤੁਹਾਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਫਾਈਲਾਂ Explorer ਸਾਈਡਬਾਰ ਵਿੱਚ ਅਤੇ `index.html` ਮੁੱਖ ਐਡੀਟਰ ਖੇਤਰ ਵਿੱਚ ਐਡੀਟ ਕਰਨ ਲਈ ਉਪਲਬਧ ਹੋਣੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ। **ਸਫਲਤਾ ਸੂਚਕ**: ਤੁਹਾਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਫਾਈਲਾਂ Explorer ਸਾਈਡਬਾਰ ਵਿੱਚ ਅਤੇ `index.html` ਮੁੱਖ ਐਡੀਟਰ ਖੇਤਰ ਵਿੱਚ ਐਡੀਟ ਕਰਨ ਲਈ ਉਪਲਬਧ ਹੋਣੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ।
![VSCode.dev ਵਿੱਚ ਪ੍ਰੋਜੈਕਟ ਲੋਡ ਕੀਤਾ](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.pa.png) ![VSCode.dev ਵਿੱਚ ਪ੍ਰੋਜੈਕਟ ਲੋਡ ਕੀਤਾ](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.pa.png)
**ਇੰਟਰਫੇਸ ਵਿੱਚ ਤੁਸੀਂ ਕੀ ਦੇਖੋਗੇ:** **ਇੰਟਰਫੇਸ ਵਿੱਚ ਤੁਸੀਂ ਕੀ ਦੇਖੋਗੇ:**
- **Explorer sidebar**: **ਤੁਹਾਡੇ ਰਿਪੋਜ਼ਟਰੀ ਫਾਈਲਾਂ ਅਤੇ ਫੋਲਡਰ ਸੰਰਚਨਾ ਦਿਖਾਉਂਦਾ ਹੈ** - **Explorer sidebar**: **ਤੁਹਾਡੇ ਰਿਪੋਜ਼ਟਰੀ ਫਾਈਲਾਂ ਅਤੇ ਫੋਲਡਰ ਸੰਰਚਨਾ ਦਿਖਾਉਂਦਾ ਹੈ**

@ -61,7 +61,7 @@ print(response.choices[0].message.content)
ਤੁਹਾਡਾ ਤਿਆਰ ਪ੍ਰੋਜੈਕਟ ਕੁਝ ਇਸ ਤਰ੍ਹਾਂ ਦੇਖਾਈ ਦੇਵੇਗਾ: ਤੁਹਾਡਾ ਤਿਆਰ ਪ੍ਰੋਜੈਕਟ ਕੁਝ ਇਸ ਤਰ੍ਹਾਂ ਦੇਖਾਈ ਦੇਵੇਗਾ:
![ਚੈਟ ਐਪ ਇੰਟਰਫੇਸ ਜੋ ਯੂਜ਼ਰ ਅਤੇ AI ਅਸਿਸਟੈਂਟ ਦੇ ਵਿਚਕਾਰ ਗੱਲਬਾਤ ਦਿਖਾਉਂਦਾ ਹੈ](../../../translated_images/screenshot.0a1ee0d123df681b4501eb53ffb267519fcc20aa653eabecef1e7561ddfb1cab.pa.png) ![ਚੈਟ ਐਪ ਇੰਟਰਫੇਸ ਜੋ ਯੂਜ਼ਰ ਅਤੇ AI ਅਸਿਸਟੈਂਟ ਦੇ ਵਿਚਕਾਰ ਗੱਲਬਾਤ ਦਿਖਾਉਂਦਾ ਹੈ](../../../translated_images/screenshot.0a1ee0d123df681b.pa.png)
## 🗺️ AI ਐਪਲੀਕੇਸ਼ਨ ਡਿਵੈਲਪਮੈਂਟ ਦੁਆਰਾ ਤੁਹਾਡਾ ਸਿੱਖਣ ਦਾ ਸਫਰ ## 🗺️ AI ਐਪਲੀਕੇਸ਼ਨ ਡਿਵੈਲਪਮੈਂਟ ਦੁਆਰਾ ਤੁਹਾਡਾ ਸਿੱਖਣ ਦਾ ਸਫਰ
@ -194,7 +194,7 @@ mindmap
**ਮੁੱਖ ਸਿਧਾਂਤ**: AI ਐਪਲੀਕੇਸ਼ਨ ਡਿਵੈਲਪਮੈਂਟ ਰਵਾਇਤੀ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਹੁਨਰਾਂ ਨੂੰ AI ਸੇਵਾ ਇੰਟੀਗ੍ਰੇਸ਼ਨ ਨਾਲ ਜੋੜਦਾ ਹੈ, ਬੁੱਧੀਮਾਨ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਂਦਾ ਹੈ ਜੋ ਯੂਜ਼ਰਾਂ ਲਈ ਕੁਦਰਤੀ ਅਤੇ ਪ੍ਰਤੀਕ੍ਰਿਆਸ਼ੀਲ ਮਹਿਸੂਸ ਹੁੰਦੇ ਹਨ। **ਮੁੱਖ ਸਿਧਾਂਤ**: AI ਐਪਲੀਕੇਸ਼ਨ ਡਿਵੈਲਪਮੈਂਟ ਰਵਾਇਤੀ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਹੁਨਰਾਂ ਨੂੰ AI ਸੇਵਾ ਇੰਟੀਗ੍ਰੇਸ਼ਨ ਨਾਲ ਜੋੜਦਾ ਹੈ, ਬੁੱਧੀਮਾਨ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਂਦਾ ਹੈ ਜੋ ਯੂਜ਼ਰਾਂ ਲਈ ਕੁਦਰਤੀ ਅਤੇ ਪ੍ਰਤੀਕ੍ਰਿਆਸ਼ੀਲ ਮਹਿਸੂਸ ਹੁੰਦੇ ਹਨ।
![GitHub Models AI Playground ਇੰਟਰਫੇਸ ਮਾਡਲ ਚੋਣ ਅਤੇ ਟੈਸਟਿੰਗ ਖੇਤਰ ਨਾਲ](../../../translated_images/playground.d2b927122224ff8ff4028fc842176e353c339147d8925455f36c92fb1655c477.pa.png) ![GitHub Models AI Playground ਇੰਟਰਫੇਸ ਮਾਡਲ ਚੋਣ ਅਤੇ ਟੈਸਟਿੰਗ ਖੇਤਰ ਨਾਲ](../../../translated_images/playground.d2b927122224ff8f.pa.png)
**ਇਹ ਪਲੇਗਰਾਊਂਡ ਨੂੰ ਕਿੰਨਾ ਲਾਭਕਾਰੀ ਬਣਾਉਂਦਾ ਹੈ:** **ਇਹ ਪਲੇਗਰਾਊਂਡ ਨੂੰ ਕਿੰਨਾ ਲਾਭਕਾਰੀ ਬਣਾਉਂਦਾ ਹੈ:**
- **ਵੱਖ-ਵੱਖ AI ਮਾਡਲਾਂ ਦੀ ਜਾਂਚ ਕਰੋ** ਜਿਵੇਂ GPT-4o-mini, Claude, ਅਤੇ ਹੋਰ (ਸਭ ਮੁਫ਼ਤ!) - **ਵੱਖ-ਵੱਖ AI ਮਾਡਲਾਂ ਦੀ ਜਾਂਚ ਕਰੋ** ਜਿਵੇਂ GPT-4o-mini, Claude, ਅਤੇ ਹੋਰ (ਸਭ ਮੁਫ਼ਤ!)
@ -204,7 +204,7 @@ mindmap
ਜਦੋਂ ਤੁਸੀਂ ਕੁਝ ਖੇਡ ਲੈਂਦੇ ਹੋ, ਸਿਰਫ਼ "Code" ਟੈਬ 'ਤੇ ਕਲਿਕ ਕਰੋ ਅਤੇ ਆਪਣੀ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾ ਚੁਣੋ ਤਾਂ ਜੋ ਤੁਹਾਨੂੰ ਲਾਗੂ ਕਰਨ ਲਈ ਲੋੜੀਂਦਾ ਕੋਡ ਮਿਲੇ। ਜਦੋਂ ਤੁਸੀਂ ਕੁਝ ਖੇਡ ਲੈਂਦੇ ਹੋ, ਸਿਰਫ਼ "Code" ਟੈਬ 'ਤੇ ਕਲਿਕ ਕਰੋ ਅਤੇ ਆਪਣੀ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾ ਚੁਣੋ ਤਾਂ ਜੋ ਤੁਹਾਨੂੰ ਲਾਗੂ ਕਰਨ ਲਈ ਲੋੜੀਂਦਾ ਕੋਡ ਮਿਲੇ।
![ਪਲੇਗਰਾਊਂਡ ਚੋਣ ਜੋ ਵੱਖ-ਵੱਖ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਲਈ ਕੋਡ ਜਨਰੇਸ਼ਨ ਵਿਕਲਪ ਦਿਖਾਉਂਦੀ ਹੈ](../../../translated_images/playground-choice.1d23ba7d407f47584c9f446c77f0bcf70cae794cc9c8d7849a3cca4a3693e6c4.pa.png) ![ਪਲੇਗਰਾਊਂਡ ਚੋਣ ਜੋ ਵੱਖ-ਵੱਖ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਲਈ ਕੋਡ ਜਨਰੇਸ਼ਨ ਵਿਕਲਪ ਦਿਖਾਉਂਦੀ ਹੈ](../../../translated_images/playground-choice.1d23ba7d407f4758.pa.png)
## Python ਬੈਕਐਂਡ ਇੰਟੀਗ੍ਰੇਸ਼ਨ ਸੈਟਅਪ ਕਰਨਾ ## Python ਬੈਕਐਂਡ ਇੰਟੀਗ੍ਰੇਸ਼ਨ ਸੈਟਅਪ ਕਰਨਾ
@ -1638,14 +1638,14 @@ mindmap
- **[Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners)** 'ਤੇ ਜਾਓ - **[Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners)** 'ਤੇ ਜਾਓ
- **"Use this template"** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ (ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ ਕਿ ਤੁਸੀਂ GitHub ਵਿੱਚ ਲੌਗਇਨ ਹੋ) - **"Use this template"** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ (ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ ਕਿ ਤੁਸੀਂ GitHub ਵਿੱਚ ਲੌਗਇਨ ਹੋ)
![ਟੈਂਪਲੇਟ ਇੰਟਰਫੇਸ ਜਿਸ ਵਿੱਚ ਹਰਾ "Use this template" ਬਟਨ ਦਿਖਾਇਆ ਗਿਆ ਹੈ](../../../translated_images/template.67ad477109d29a2b04599a83c964c87fcde041256d4f04d3589cbb00c696f76c.pa.png) ![ਟੈਂਪਲੇਟ ਇੰਟਰਫੇਸ ਜਿਸ ਵਿੱਚ ਹਰਾ "Use this template" ਬਟਨ ਦਿਖਾਇਆ ਗਿਆ ਹੈ](../../../translated_images/template.67ad477109d29a2b.pa.png)
**ਦੂਜਾ ਕਦਮ: Codespaces ਲਾਂਚ ਕਰੋ** **ਦੂਜਾ ਕਦਮ: Codespaces ਲਾਂਚ ਕਰੋ**
- **ਆਪਣੇ ਨਵੇਂ ਬਣਾਏ ਗਏ ਰਿਪੋਜ਼ਟਰੀ ਨੂੰ ਖੋਲ੍ਹੋ** - **ਆਪਣੇ ਨਵੇਂ ਬਣਾਏ ਗਏ ਰਿਪੋਜ਼ਟਰੀ ਨੂੰ ਖੋਲ੍ਹੋ**
- **ਹਰੇ "Code" ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ "Codespaces" ਚੁਣੋ** - **ਹਰੇ "Code" ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ "Codespaces" ਚੁਣੋ**
- **"Create codespace on main" ਚੁਣੋ** ਆਪਣੇ ਵਿਕਾਸ ਵਾਤਾਵਰਣ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨ ਲਈ - **"Create codespace on main" ਚੁਣੋ** ਆਪਣੇ ਵਿਕਾਸ ਵਾਤਾਵਰਣ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨ ਲਈ
![ਕੋਡਸਪੇਸ ਇੰਟਰਫੇਸ ਜਿਸ ਵਿੱਚ ਕਲਾਉਡ ਵਿਕਾਸ ਵਾਤਾਵਰਣ ਸ਼ੁਰੂ ਕਰਨ ਦੇ ਵਿਕਲਪ ਦਿਖਾਏ ਗਏ ਹਨ](../../../translated_images/codespace.bcecbdf5d2747d3d17da67a78ad911c8853d68102e34748ec372cde1e9236e1d.pa.png) ![ਕੋਡਸਪੇਸ ਇੰਟਰਫੇਸ ਜਿਸ ਵਿੱਚ ਕਲਾਉਡ ਵਿਕਾਸ ਵਾਤਾਵਰਣ ਸ਼ੁਰੂ ਕਰਨ ਦੇ ਵਿਕਲਪ ਦਿਖਾਏ ਗਏ ਹਨ](../../../translated_images/codespace.bcecbdf5d2747d3d.pa.png)
**ਤੀਜਾ ਕਦਮ: ਵਾਤਾਵਰਣ ਕਨਫਿਗਰੇਸ਼ਨ** **ਤੀਜਾ ਕਦਮ: ਵਾਤਾਵਰਣ ਕਨਫਿਗਰੇਸ਼ਨ**
ਜਦੋਂ ਤੁਹਾਡਾ Codespace ਲੋਡ ਹੁੰਦਾ ਹੈ, ਤੁਹਾਨੂੰ ਪਹੁੰਚ ਮਿਲੇਗੀ: ਜਦੋਂ ਤੁਹਾਡਾ Codespace ਲੋਡ ਹੁੰਦਾ ਹੈ, ਤੁਹਾਨੂੰ ਪਹੁੰਚ ਮਿਲੇਗੀ:

@ -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:
[![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 ਨੂੰ ਹੱਥ-ਅਭਿਆਸ ਪ੍ਰਾਜੈਕਟਾਂ ਜਿਵੇਂ ਕਿ ਟੈਰਰੀਅਮ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਅਤੇ ਸਪੇਸ ਗੇਮਾਂ ਰਾਹੀਂ ਸਮਝਾਇਆ ਗਿਆ ਹੈ। ਕਵਿਜ਼, ਚਰਚਾ ਅਤੇ ਪ੍ਰੈਕਟਿਕਲ ਅਸਾਈਨਮੈਂਟਾਂ ਨਾਲ ਜੁੜੋ। ਪ੍ਰਾਜੈਕਟ-ਅਧਾਰਤ ਪੈਡਾਗੌਗੀ ਨਾਲ ਆਪਣੀਆਂ ਹੁਨਰਾਂ ਨੂੰ ਵਧਾਓ ਅਤੇ ਆਪਣੀ ਗਿਆਨ ਧਾਰਨਾ ਨੂੰ ਬਹਿਤਰ ਬਣਾਓ। ਅੱਜ ਹੀ ਆਪਣਾ ਕੋਡਿੰਗ ਸਫਰ ਸ਼ੁਰੂ ਕਰੋ! Microsoft Cloud Advocates ਦੇ ਸਾਡੇ 12-ਹਫਤੇ ਦੇ ਵਿਸਤ੍ਰਿਤ ਕੋਰਸ ਨਾਲ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਮੁਢਲੀ ਸਿਧਾਂਤ ਸਿੱਖੋ। 24 ਪਾਠਾਂ ਵਿੱਚੋਂ ਹਰ ਇੱਕ ਜਾਵਾਸਕ੍ਰਿਪਟ, CSS ਅਤੇ HTML ਵਿੱਚ ਡੂੰਘਾਈ ਨਾਲ ਵਿਸ਼ਲੇਸ਼ਣ ਕਰਦਾ ਹੈ ਜਿਸ ਵਿੱਚ terrariums, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਅਤੇ ਸਪੇਸ ਗੇਮ ਵਰਗੇ ਹੱਥੋਂ-ਹੱਥ ਪਰਿਯੋਜਨਾਵਾਂ ਸ਼ਾਮਲ ਹਨ। ਕੁਇਜ਼, ਚਰਚਾ ਅਤੇ ਪ੍ਰਾਇਕਟਿਕ ਅਸਾਈਨਮੈਂਟ ਨਾਲ ਸ਼ਾਮਿਲ ਹੋਵੋ। ਸਾਡੀ ਪ੍ਰਭਾਵਸ਼ালী ਪ੍ਰੋਜੈਕਟ ਅਧਾਰਿਤ ਸਿੱਖਿਆ ਪ੍ਰਣਾਲੀ ਨਾਲ ਆਪਣੇ ਹੁਨਰ ਨੂੰ ਸੁਧਾਰੋ ਅਤੇ ਆਪਣੇ ਗਿਆਨ ਨੂੰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਬਣਾਓ। ਅੱਜ ਹੀ ਆਪਣੀ ਕੋਡਿੰਗ ਯਾਤਰਾ ਸ਼ੁਰੂ ਕਰੋ!
ਐਜ਼ਰ AI Foundry Discord ਕਮਿਊਨਿਟੀ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ Azure AI Foundry Discord Community ਵਿੱਚ ਸ਼ਾਮਿਲ ਹੋਵੋ
[![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. [**ਐਜ਼ਰ 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)**
[![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)
#### 🧑‍🎓 _ਕੀ ਤੁਸੀਂ ਵਿਦਿਆਰਥੀ ਹੋ?_ #### 🧑‍🎓 _ਕੀ ਤੁਸੀਂ ਵਿਦਿਆਰਥੀ ਹੋ?_
[**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) ਤੇ ਜਾਓ!
![Background](../../translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.pa.png) ![Background](../../translated_images/background.148a8d43afde5730.pa.png)
- ਪਾਠਾਂ ਜੋ ਮੂਲ ਸਿਧਾਂਤਾਂ ਤੋਂ RAG ਤੱਕ ਸਭ ਕੁਝ ਕਵਰ ਕਰਦੇ ਹਨ। - ਬੁਨਿਆਦੀਂ ਤੱਕ RAG ਤੱਕ ਸਾਰੇ ਪਾਠ ਸ਼ਾਮਲ ਹਨ।
- GenAI ਅਤੇ ਸਾਡੇ ਸਾਥੀ ਐਪ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਤਿਹਾਸਕ ਪਾਤਰਾਂ ਨਾਲ ਸੰਚਾਰ ਕਰੋ। - ਇਤিহাসਕ ਪਾਤਰਾਂ ਨਾਲ GenAI ਅਤੇ ਸਾਡੇ ਸਾਥੀ ਐਪ ਵਰਤ ਕੇ ਇੰਤrotateੈਕਟ ਕਰੋ।
- ਮਜ਼ੇਦਾਰ ਅਤੇ ਰੁਚਿਕਰ ਕਹਾਣੀ, ਤੁਸੀਂ ਸਮੇਂ ਵਿੱਚ ਯਾਤਰਾ ਕਰ ਰਹੇ ਹੋਵੋਗੇ! - ਮਨੋਰੰਜਕ ਅਤੇ ਦਿਲਚਸਪ ਕਹਾਣੀ, ਤੁਸੀਂ ਸਮੇਂ ਦਾ ਯਾਤਰੀ ਹੋਵੋ!
![character](../../translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.pa.png) ![character](../../translated_images/character.5c0dd8e067ffd693.pa.png)
ਹਰ ਪਾਠ ਵਿੱਚ ਇੱਕ ਅਸਾਈਨਮੈਂਟ ਸ਼ਾਮਲ ਹੁੰਦੀ ਹੈ, ਇੱਕ ਗਿਆਨ ਜਾਂਚ ਅਤੇ ਇੱਕ ਚੈਲੈਂਜ ਜੋ ਤੁਹਾਨੂੰ ਹੇਠਾਂ ਦਿੱਤੇ ਵਿਸ਼ਿਆਂ ਨੂੰ ਸਿੱਖਣ ਵਿੱਚ ਮਦਦ ਕਰੇਗਾ: ਹਰ ਪਾਠ ਵਿੱਚ ਅਸਾਈਨਮੈਂਟ, ਗਿਆਨ ਜਾਂਚ ਅਤੇ ਚੈਲੰਜ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ ਜਿਹੜੇ ਤੁਹਾਨੂੰ ਸਿੱਖਣ ਵਿੱਚ ਮਦਦ ਕਰਦੇ ਹਨ ਜਿਵੇਂ:
- ਪ੍ਰੋਮਪਟਿੰਗ ਅਤੇ ਪ੍ਰੋਮਪਟ ਇੰਜੀਨੀਅਰਿੰਗ - ਪ੍ਰੌਂਪਟਿੰਗ ਅਤੇ ਪ੍ਰੌਂਪਟ ਇੰਜੀਨੀਅਰਿੰਗ
- ਟੈਕਸਟ ਅਤੇ ਚਿੱਤਰ ਐਪ ਜਨਰੇਸ਼ਨ - ਪਾਠ ਅਤੇ ਚਿੱਤਰ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਣਾ
- ਖੋਜ ਐਪ - ਖੋਜ ਐਪ
ਸ਼ੁਰੂ ਕਰਨ ਲਈ [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 ਬਣਾ ਦੇਵੇਗਾ ਜਿਸ ਵਿੱਚ ਤੁਸੀਂ ਕੰਮ ਕਰ ਸਕਦੇ ਹੋ
![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.pa.png) ![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.pa.png)
#### ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਕੋਰਸ ਚਲਾਉਣਾ #### ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਕੋਰਸ ਚਲਾਉਣਾ
ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਇਸ ਕੋਰਸ ਨੂੰ ਚਲਾਉਣ ਲਈ, ਤੁਹਾਨੂੰ ਇੱਕ ਟੈਕਸਟ ਐਡੀਟਰ, ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ ਇੱਕ ਕਮਾਂਡ ਲਾਈਨ ਟੂਲ ਦੀ ਲੋੜ ਹੋਵੇਗੀ। ਸਾਡਾ ਪਹਿਲਾ ਪਾਠ, [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 'ਤੇ ਲੈ ਸਕਦੇ ਹੋ!
ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਸਮੱਗਰੀ ਨੂੰ ਸੰਤੁਲਿਤ ਕਰਕੇ, ਪ੍ਰਕਿਰਿਆ ਵਿਦਿਆਰਥੀਆਂ ਲਈ ਹੋਰ ਰੁਚਿਕਰ ਬਣਾਈ ਜਾਂਦੀ ਹੈ ਅਤੇ ਸੰਕਲਪਾਂ ਦੀ ਯਾਦਸ਼ਕਤੀ ਵਧੇਗੀ। ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੁਨਿਆਦ
[![ਬਿਗਿਨਰਜ਼ ਲਈ ਐਜ AI](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](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)
[![ਬਿਗਿਨਰਜ਼ ਲਈ AI ਏਜੰਟ](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](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) ਮਿਆਰਾਂ ਨੂੰ ਵੇਖੋ। ਅਸੀਂ ਤੁਹਾਡਾ ਰਚਨਾਤਮਕ ਫੀਡਬੈਕ ਸਵਾਗਤ ਕਰਦੇ ਹਾਂ!
[![ਬਿਗਿਨਰਜ਼ ਲਈ ਜਨਰੇਟਿਵ AI](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![ਜਨਰੇਟਿਵ AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![ਜਨਰੇਟਿਵ AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) ## 🧭 ਆਫਲਾਈਨ ਪਹੁੰਚ
[![ਜਨਰੇਟਿਵ AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-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
[![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners)
[![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
--- ---
### ਕੋਰ ਲਰਨਿੰਗ ### Azure / Edge / MCP / Agents
[![ਬਿਗਿਨਰਜ਼ ਲਈ ML](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) [![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)
[![ਬਿਗਿਨਰਜ਼ ਲਈ ਡਾਟਾ ਸਾਇੰਸ](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) [![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)
[![ਬਿਗਿਨਰਜ਼ ਲਈ AI](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) [![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)
[![ਬਿਗਿਨਰਜ਼ ਲਈ ਸਾਈਬਰਸਿਕਿਊਰਿਟੀ](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) [![AI Agents for Beginners](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
[![ਬਿਗਿਨਰਜ਼ ਲਈ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
[![ਬਿਗਿਨਰਜ਼ ਲਈ IoT](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) ---
[![ਬਿਗਿਨਰਜ਼ ਲਈ XR ਡਿਵੈਲਪਮੈਂਟ](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
### Generative AI Series
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[![Generative AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-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
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
### ਕੋਪਾਇਲਟ ਸੀਰੀਜ਼ ---
[![AI ਪੇਅਰਡ ਪ੍ਰੋਗਰਾਮਿੰਗ ਲਈ ਕੋਪਾਇਲਟ](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)
[![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 Series
[![ਕੋਪਾਇਲਟ ਐਡਵੈਂਚਰ](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 for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
<!-- CO-OP TRANSLATOR OTHER COURSES END -->
## ਮਦਦ ਪ੍ਰਾਪਤ ਕਰਨਾ ## ਮਦਦ ਪ੍ਰਾਪਤ ਕਰਨਾ
ਜੇ ਤੁਸੀਂ ਫਸ ਜਾਂਦੇ ਹੋ ਜਾਂ AI ਐਪਸ ਬਣਾਉਣ ਬਾਰੇ ਕੋਈ ਸਵਾਲ ਹੈ। MCP ਬਾਰੇ ਚਰਚਾ ਕਰਨ ਲਈ ਹੋਰ ਸਿੱਖਣ ਵਾਲਿਆਂ ਅਤੇ ਅਨੁਭਵੀ ਡਿਵੈਲਪਰਾਂ ਨਾਲ ਸ਼ਾਮਲ ਹੋਵੋ। ਇਹ ਇੱਕ ਸਹਾਇਕ ਕਮਿਊਨਿਟੀ ਹੈ ਜਿੱਥੇ ਸਵਾਲਾਂ ਦਾ ਸਵਾਗਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਗਿਆਨ ਮੁਫ਼ਤ ਸਾਂਝਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਜੇਕਰ ਤੁਸੀਂ ਫਸ ਗਏ ਹੋ ਜਾਂ AI ਐਪਸ ਬਣਾਉਣ ਬਾਰੇ ਕੋਈ ਸਵਾਲ ਹਨ, ਤਾਂ MCP ਬਾਰੇ ਵਿਚਾਰ-ਵਟਾਂਦਰਾ ਕਰਨ ਲਈ ਹੋਰ ਸਿੱਖਣ ਵਾਲਿਆਂ ਅਤੇ ਅਨੁਭਵੀ ਡਿਵੈਲਪਰਾ ਨਾਲ ਜੁੜੋ। ਇਹ ਇੱਕ ਸਮਰਥਕ ਕਮਿਊਨਿਟੀ ਹੈ ਜਿੱਥੇ ਸਵਾਲ ਸਵਾਗਤਯੋਗ ਹਨ ਅਤੇ ਗਿਆਨ ਖੁੱਲ੍ਹ ਕੇ ਸਾਂਝਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
[![ਮਾਈਕਰੋਸਾਫਟ ਫਾਊਂਡਰੀ ਡਿਸਕੋਰਡ](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)
ਜੇ ਤੁਹਾਨੂੰ ਉਤਪਾਦ ਫੀਡਬੈਕ ਜਾਂ ਬਿਲਡਿੰਗ ਦੌਰਾਨ ਗਲਤੀਆਂ ਦਾ ਸਾਹਮਣਾ ਹੋਵੇ ਤਾਂ ਦੌਰਾ ਕਰੋ: ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ ਕੋਈ ਉਤਪਾਦ ਫੀਡਬੈਕ ਜਾਂ ਬਣਾਉਂਦੇ ਵੇਲੇ ਕੋਈ ਗਲਤੀਆਂ ਹਨ ਤਾਂ ਦਰਜ ਕਰੋ:
[![ਮਾਈਕਰੋਸਾਫਟ ਫਾਊਂਡਰੀ ਡਿਵੈਲਪਰ ਫੋਰਮ](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)
## ਲਾਇਸੰਸ ## ਲਾਇਸੰਸ
ਇਹ ਰਿਪੋਜ਼ਟਰੀ 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 -->

@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA:
- Moodle Cloud ਵਿੱਚ Common Cartridge ਸਹਾਇਤਾ ਸੀਮਿਤ ਹੈ। ਉਪਰੋਕਤ Moodle ਫਾਈਲ ਨੂੰ ਤਰਜੀਹ ਦਿਓ, ਜਿਸਨੂੰ Canvas ਵਿੱਚ ਵੀ ਅੱਪਲੋਡ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। - Moodle Cloud ਵਿੱਚ Common Cartridge ਸਹਾਇਤਾ ਸੀਮਿਤ ਹੈ। ਉਪਰੋਕਤ Moodle ਫਾਈਲ ਨੂੰ ਤਰਜੀਹ ਦਿਓ, ਜਿਸਨੂੰ Canvas ਵਿੱਚ ਵੀ ਅੱਪਲੋਡ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।
- ਇੰਪੋਰਟ ਕਰਨ ਤੋਂ ਬਾਅਦ, ਮਾਡਿਊਲ, ਮਿਆਦ ਦੀਆਂ ਮਿਤੀਆਂ, ਅਤੇ ਕਵਿਜ਼ ਸੈਟਿੰਗਾਂ ਦੀ ਸਮੀਖਾ ਕਰੋ ਤਾਂ ਜੋ ਇਹ ਤੁਹਾਡੇ ਟਰਮ ਸ਼ਡਿਊਲ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਹੋਣ। - ਇੰਪੋਰਟ ਕਰਨ ਤੋਂ ਬਾਅਦ, ਮਾਡਿਊਲ, ਮਿਆਦ ਦੀਆਂ ਮਿਤੀਆਂ, ਅਤੇ ਕਵਿਜ਼ ਸੈਟਿੰਗਾਂ ਦੀ ਸਮੀਖਾ ਕਰੋ ਤਾਂ ਜੋ ਇਹ ਤੁਹਾਡੇ ਟਰਮ ਸ਼ਡਿਊਲ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਹੋਣ।
![Moodle](../../translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.pa.png) ![Moodle](../../translated_images/moodle.94eb93d714a50cb2.pa.png)
> Moodle ਕਲਾਸਰੂਮ ਵਿੱਚ ਪਾਠਕ੍ਰਮ > Moodle ਕਲਾਸਰੂਮ ਵਿੱਚ ਪਾਠਕ੍ਰਮ
![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.pa.png) ![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.pa.png)
> Canvas ਵਿੱਚ ਪਾਠਕ੍ਰਮ > Canvas ਵਿੱਚ ਪਾਠਕ੍ਰਮ
### ਰਿਪੋ ਨੂੰ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਵਰਤੋ (ਕੋਈ Classroom ਨਹੀਂ) ### ਰਿਪੋ ਨੂੰ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਵਰਤੋ (ਕੋਈ Classroom ਨਹੀਂ)

Loading…
Cancel
Save