[](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/zxKYvhSnVp?WT.mc_id=academic-000002-leestott) # ਸ਼ੁਰੂਆਤੀ ਲਈ ਵੈੱਬ ਵਿਕਾਸ - ਇੱਕ ਕੋਰਸ ਮਾਈਕਰੋਸਾਫਟ ਕਲਾਉਡ ਐਡਵੋਕੇਟਸ ਦੁਆਰਾ ਪੇਸ਼ ਕੀਤੇ 12 ਹਫ਼ਤਿਆਂ ਦੇ ਵਿਸਤ੍ਰਿਤ ਕੋਰਸ ਨਾਲ ਵੈੱਬ ਵਿਕਾਸ ਦੇ ਮੂਲ ਭਾਗ ਸਿੱਖੋ। 24 ਪਾਠਾਂ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ, CSS ਅਤੇ HTML ਦੇ ਪ੍ਰਯੋਗਾਤਮਕ ਪ੍ਰਾਜੈਕਟਾਂ ਜਿਵੇਂ ਕਿ ਟੈਰਰੀਅਮ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਅਤੇ ਸਪੇਸ ਗੇਮਾਂ ਰਾਹੀਂ ਡੂੰਘਾਈ ਨਾਲ ਜਾਣਕਾਰੀ ਦਿੱਤੀ ਗਈ ਹੈ। ਕਵਿਜ਼, ਚਰਚਾ ਅਤੇ ਪ੍ਰੈਕਟਿਕਲ ਅਸਾਈਨਮੈਂਟਾਂ ਨਾਲ ਸ਼ਾਮਲ ਹੋਵੋ। ਆਪਣੀਆਂ ਯੋਗਤਾਵਾਂ ਨੂੰ ਵਧਾਓ ਅਤੇ ਸਾਡੇ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਪ੍ਰਾਜੈਕਟ-ਅਧਾਰਤ ਪੈਡਾਗੌਜੀ ਨਾਲ ਆਪਣੀ ਜਾਣਕਾਰੀ ਨੂੰ ਬਿਹਤਰ ਬਣਾਓ। ਅੱਜ ਹੀ ਆਪਣਾ ਕੋਡਿੰਗ ਯਾਤਰਾ ਸ਼ੁਰੂ ਕਰੋ! ਐਜ਼ਰ AI ਫਾਉਂਡਰੀ ਡਿਸਕੋਰਡ ਕਮਿਊਨਿਟੀ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ [](https://discord.com/invite/ByRwuEEgH4) ਇਹ ਸਰੋਤਾਂ ਦੀ ਵਰਤੋਂ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਹੇਠਾਂ ਦਿੱਤੇ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ: 1. **ਰਿਪੋਜ਼ਟਰੀ ਨੂੰ ਫੋਰਕ ਕਰੋ**: ਕਲਿੱਕ ਕਰੋ [](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 2. **ਰਿਪੋਜ਼ਟਰੀ ਨੂੰ ਕਲੋਨ ਕਰੋ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 3. [**ਐਜ਼ਰ AI ਫਾਉਂਡਰੀ ਡਿਸਕੋਰਡ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ ਅਤੇ ਮਾਹਰਾਂ ਅਤੇ ਹੋਰ ਡਿਵੈਲਪਰਾਂ ਨਾਲ ਮਿਲੋ**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 ਬਹੁ-ਭਾਸ਼ਾ ਸਹਾਇਤਾ #### GitHub Action ਰਾਹੀਂ ਸਹਾਇਤਾਪ੍ਰਾਪਤ (ਆਟੋਮੈਟਿਕ ਅਤੇ ਹਮੇਸ਼ਾ ਅਪ-ਟੂ-ਡੇਟ) [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) **ਜੇ ਤੁਸੀਂ ਹੋਰ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਅਨੁਵਾਦ ਕਰਵਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਸਹਾਇਤਾਪ੍ਰਾਪਤ ਭਾਸ਼ਾਵਾਂ ਦੀ ਸੂਚੀ [ਇੱਥੇ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ਦਿੱਤੀ ਗਈ ਹੈ।** [](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) #### 🧑‍🎓 _ਕੀ ਤੁਸੀਂ ਵਿਦਿਆਰਥੀ ਹੋ?_ [**ਵਿਦਿਆਰਥੀ ਹੱਬ ਪੇਜ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) 'ਤੇ ਜਾਓ ਜਿੱਥੇ ਤੁਹਾਨੂੰ ਸ਼ੁਰੂਆਤੀ ਸਰੋਤ, ਵਿਦਿਆਰਥੀ ਪੈਕ ਅਤੇ ਮੁਫ਼ਤ ਸਰਟੀਫਿਕੇਟ ਵਾਊਚਰ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਤਰੀਕੇ ਮਿਲਣਗੇ। ਇਹ ਉਹ ਪੇਜ ਹੈ ਜਿਸਨੂੰ ਤੁਸੀਂ ਬੁੱਕਮਾਰਕ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਅਤੇ ਸਮੇਂ-ਸਮੇਂ 'ਤੇ ਚੈੱਕ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਕਿਉਂਕਿ ਅਸੀਂ ਮਹੀਨਾਵਾਰ ਸਮੱਗਰੀ ਬਦਲਦੇ ਰਹਿੰਦੇ ਹਾਂ। ### 📣 ਐਲਾਨ - ਨਵਾਂ GitHub Copilot Agent ਮੋਡ ਚੈਲੈਂਜ ਪੂਰਾ ਕਰਨ ਲਈ! ਨਵਾਂ ਚੈਲੈਂਜ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਜ਼ਿਆਦਾਤਰ ਅਧਿਆਇ ਵਿੱਚ "GitHub Copilot Agent Challenge 🚀" ਦੀ ਭਾਲ ਕਰੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ GitHub Copilot ਅਤੇ Agent ਮੋਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪੂਰਾ ਕਰਨ ਲਈ ਇੱਕ ਨਵਾਂ ਚੈਲੈਂਜ ਹੈ। ਜੇ ਤੁਸੀਂ ਪਹਿਲਾਂ Agent ਮੋਡ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕੀਤੀ ਹੈ, ਤਾਂ ਇਹ ਸਿਰਫ਼ ਟੈਕਸਟ ਜਨਰੇਟ ਕਰਨ ਦੇ ਨਾਲ-ਨਾਲ ਫਾਈਲਾਂ ਬਣਾਉਣ ਅਤੇ ਐਡਿਟ ਕਰਨ, ਕਮਾਂਡ ਚਲਾਉਣ ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ ਕਰਨ ਦੇ ਯੋਗ ਹੈ। ### 📣 ਐਲਾਨ - _ਨਵਾਂ ਪ੍ਰਾਜੈਕਟ_ ਜਨਰੇਟਿਵ AI ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬਣਾਉਣ ਲਈ ਨਵਾਂ AI ਅਸਿਸਟੈਂਟ ਪ੍ਰਾਜੈਕਟ ਹੁਣੇ ਹੀ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਇਸਨੂੰ [ਪ੍ਰਾਜੈਕਟ](./09-chat-project/README.md) ਵਿੱਚ ਦੇਖੋ। ### 📣 ਐਲਾਨ - ਜਾਵਾਸਕ੍ਰਿਪਟ ਲਈ _ਨਵਾਂ ਕੋਰਸ_ ਜਨਰੇਟਿਵ AI 'ਤੇ ਹੁਣੇ ਹੀ ਜਾਰੀ ਕੀਤਾ ਗਿਆ ਸਾਡੇ ਨਵੇਂ ਜਨਰੇਟਿਵ AI ਕੋਰਸ ਨੂੰ ਨਾ ਗੁਆਓ! ਸ਼ੁਰੂ ਕਰਨ ਲਈ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 'ਤੇ ਜਾਓ!  - ਪਾਠਾਂ ਜੋ ਮੂਲ ਭਾਗ ਤੋਂ RAG ਤੱਕ ਸਭ ਕੁਝ ਕਵਰ ਕਰਦੇ ਹਨ। - GenAI ਅਤੇ ਸਾਡੇ ਸਾਥੀ ਐਪ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਤਿਹਾਸਕ ਪਾਤਰਾਂ ਨਾਲ ਸੰਚਾਰ ਕਰੋ। - ਮਜ਼ੇਦਾਰ ਅਤੇ ਰੁਚਿਕਰ ਕਹਾਣੀ, ਤੁਸੀਂ ਸਮੇਂ ਦੀ ਯਾਤਰਾ ਕਰ ਰਹੇ ਹੋਵੋਗੇ!  ਹਰੇਕ ਪਾਠ ਵਿੱਚ ਇੱਕ ਅਸਾਈਨਮੈਂਟ ਸ਼ਾਮਲ ਹੈ ਜਿਸਨੂੰ ਪੂਰਾ ਕਰਨਾ ਹੈ, ਇੱਕ ਜਾਣਕਾਰੀ ਚੈੱਕ ਅਤੇ ਇੱਕ ਚੈਲੈਂਜ ਜੋ ਤੁਹਾਨੂੰ ਹੇਠਾਂ ਦਿੱਤੇ ਵਿਸ਼ਿਆਂ ਨੂੰ ਸਿੱਖਣ ਵਿੱਚ ਮਦਦ ਕਰੇਗਾ: - ਪ੍ਰੋਮਪਟਿੰਗ ਅਤੇ ਪ੍ਰੋਮਪਟ ਇੰਜੀਨੀਅਰਿੰਗ - ਟੈਕਸਟ ਅਤੇ ਚਿੱਤਰ ਐਪ ਜਨਰੇਸ਼ਨ - ਸਰਚ ਐਪਸ ਸ਼ੁਰੂ ਕਰਨ ਲਈ [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` #### ਕੋਡਸਪੇਸ ਵਿੱਚ ਕੋਰਸ ਚਲਾਉਣਾ ਤੁਹਾਡੇ ਦੁਆਰਾ ਬਣਾਏ ਗਏ ਇਸ ਰਿਪੋਜ਼ਟਰੀ ਦੀ ਨਕਲ ਵਿੱਚ, **Code** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ **Open with Codespaces** ਚੁਣੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ ਕੰਮ ਕਰਨ ਲਈ ਇੱਕ ਨਵਾਂ ਕੋਡਸਪੇਸ ਬਣਾਏਗਾ।  #### ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਕੋਰਸ ਚਲਾਉਣਾ ਇਸ ਕੋਰਸ ਨੂੰ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਚਲਾਉਣ ਲਈ, ਤੁਹਾਨੂੰ ਇੱਕ ਟੈਕਸਟ ਐਡੀਟਰ, ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ ਇੱਕ ਕਮਾਂਡ ਲਾਈਨ ਟੂਲ ਦੀ ਲੋੜ ਹੋਵੇਗੀ। ਸਾਡਾ ਪਹਿਲਾ ਪਾਠ, [ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਟੂਲਜ਼ ਦੀ ਜਾਣਕਾਰੀ](../../1-getting-started-lessons/1-intro-to-programming-languages), ਤੁਹਾਨੂੰ ਇਨ੍ਹਾਂ ਟੂਲਾਂ ਵਿੱਚੋਂ ਵੱਖ-ਵੱਖ ਵਿਕਲਪਾਂ ਦੀ ਚੋਣ ਕਰਨ ਲਈ ਸਹੀ ਤਰੀਕੇ ਨਾਲ ਦੱਸੇਗਾ। ਸਾਡੀ ਸਿਫਾਰਸ਼ ਹੈ ਕਿ ਤੁਸੀਂ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਨੂੰ ਆਪਣੇ ਐਡੀਟਰ ਵਜੋਂ ਵਰਤੋਂ, ਜਿਸ ਵਿੱਚ ਇੱਕ [ਟਰਮੀਨਲ](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ਵੀ ਸ਼ਾਮਲ ਹੈ। ਤੁਸੀਂ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਇੱਥੇ ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ। 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) ਖੋਲ੍ਹੋ ਅਤੇ ਹੇਠਾਂ ਦਿੱਤੇ ਕਮਾਂਡ ਨੂੰ ਚਲਾਓ, `` ਨੂੰ ਆਪਣੇ ਕਾਪੀ ਕੀਤੇ URL ਨਾਲ ਬਦਲੋ: ```bash git clone ``` > * [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/) ਉਪਲਬਧ ਹਨ। ਕਵਿਜ਼ ਐਪ ਨੂੰ ਲੋਕਲ ਜਾਂ Azure 'ਤੇ ਡਿਪਲੌਇ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ; `quiz-app` ਫੋਲਡਰ ਵਿੱਚ ਦਿੱਤੇ ਨਿਰਦੇਸ਼ਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ। ## 🗃️ ਪਾਠ | | ਪ੍ਰੋਜੈਕਟ ਦਾ ਨਾਮ | ਸਿੱਖਣ ਵਾਲੇ ਸੰਕਲਪ | ਸਿੱਖਣ ਦੇ ਉਦੇਸ਼ | ਲਿੰਕ ਕੀਤਾ ਪਾਠ | ਲੇਖਕ | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | 01 | ਸ਼ੁਰੂਆਤ | ਪ੍ਰੋਗਰਾਮਿੰਗ ਅਤੇ ਟੂਲਜ਼ ਦਾ ਪਹਿਚਾਣ | ਜ਼ਿਆਦਾਤਰ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਮੁੱਢਲੇ ਅੰਸ਼ਾਂ ਅਤੇ ਪੇਸ਼ੇਵਰ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਆਪਣਾ ਕੰਮ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਨ ਵਾਲੇ ਸੌਫਟਵੇਅਰ ਬਾਰੇ ਸਿੱਖੋ | [ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਟੂਲਜ਼ ਦਾ ਪਹਿਚਾਣ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 02 | ਸ਼ੁਰੂਆਤ | GitHub ਦੇ ਬੁਨਿਆਦੀ ਅੰਸ਼, ਟੀਮ ਨਾਲ ਕੰਮ ਕਰਨ ਦੀ ਸਮੇਤ | ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ GitHub ਨੂੰ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ, ਕੋਡ ਬੇਸ 'ਤੇ ਹੋਰਾਂ ਨਾਲ ਕਿਵੇਂ ਸਹਿਯੋਗ ਕਰਨਾ ਹੈ | [GitHub ਦਾ ਪਹਿਚਾਣ](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 03 | ਸ਼ੁਰੂਆਤ | ਪਹੁੰਚਯੋਗਤਾ | ਵੈੱਬ ਪਹੁੰਚਯੋਗਤਾ ਦੇ ਬੁਨਿਆਦੀ ਅੰਸ਼ਾਂ ਬਾਰੇ ਸਿੱਖੋ | [ਪਹੁੰਚਯੋਗਤਾ ਦੇ ਮੂਲ ਅੰਸ਼](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 04 | JS ਬੁਨਿਆਦ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਾਟਾ ਟਾਈਪ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਾਟਾ ਟਾਈਪ ਦੇ ਬੁਨਿਆਦੀ ਅੰਸ਼ | [ਡਾਟਾ ਟਾਈਪ](./2-js-basics/1-data-types/README.md) | Jasmine | | 05 | JS ਬੁਨਿਆਦ | ਫੰਕਸ਼ਨ ਅਤੇ ਵਿਧੀਆਂ | ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਲਾਜਿਕ ਫਲੋ ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਫੰਕਸ਼ਨ ਅਤੇ ਵਿਧੀਆਂ ਬਾਰੇ ਸਿੱਖੋ | [ਫੰਕਸ਼ਨ ਅਤੇ ਵਿਧੀਆਂ](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | | 06 | JS ਬੁਨਿਆਦ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਫੈਸਲੇ ਲੈਣਾ | ਫੈਸਲੇ ਲੈਣ ਦੇ ਤਰੀਕਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਸ਼ਰਤਾਂ ਬਣਾਉਣ ਬਾਰੇ ਸਿੱਖੋ | [ਫੈਸਲੇ ਲੈਣਾ](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 07 | JS ਬੁਨਿਆਦ | ਐਰੇ ਅਤੇ ਲੂਪ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਡਾਟਾ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਐਰੇ ਅਤੇ ਲੂਪ ਦੀ ਵਰਤੋਂ | [ਐਰੇ ਅਤੇ ਲੂਪ](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ਦਾ ਅਭਿਆਸ | ਆਨਲਾਈਨ ਟੈਰੀਅਰੀਅਮ ਬਣਾਉਣ ਲਈ HTML ਬਣਾਓ, ਲੇਆਉਟ ਬਣਾਉਣ 'ਤੇ ਧਿਆਨ ਦਿਓ | [HTML ਦਾ ਪਹਿਚਾਣ](./3-terrarium/1-intro-to-html/README.md) | Jen | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ਦਾ ਅਭਿਆਸ | ਆਨਲਾਈਨ ਟੈਰੀਅਰੀਅਮ ਨੂੰ ਸਟਾਈਲ ਕਰਨ ਲਈ CSS ਬਣਾਓ, CSS ਦੇ ਬੁਨਿਆਦੀ ਅੰਸ਼ਾਂ 'ਤੇ ਧਿਆਨ ਦਿਓ ਜਿਸ ਵਿੱਚ ਪੇਜ ਨੂੰ ਰਿਸਪਾਂਸਿਵ ਬਣਾਉਣਾ ਸ਼ਾਮਲ ਹੈ | [CSS ਦਾ ਪਹਿਚਾਣ](./3-terrarium/2-intro-to-css/README.md) | Jen | | 10 | [Terrarium](./3-terrarium/solution/README.md) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਕਲੋਜ਼ਰ, DOM ਮੈਨਿਪੁਲੇਸ਼ਨ | ਟੈਰੀਅਰੀਅਮ ਨੂੰ ਡ੍ਰੈਗ/ਡ੍ਰੌਪ ਇੰਟਰਫੇਸ ਵਜੋਂ ਕੰਮ ਕਰਨ ਲਈ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬਣਾਓ, ਕਲੋਜ਼ਰ ਅਤੇ DOM ਮੈਨਿਪੁਲੇਸ਼ਨ 'ਤੇ ਧਿਆਨ ਦਿਓ | [ਜਾਵਾਸਕ੍ਰਿਪਟ ਕਲੋਜ਼ਰ, DOM ਮੈਨਿਪੁਲੇਸ਼ਨ](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 11 | [Typing Game](./4-typing-game/solution/README.md) | ਟਾਈਪਿੰਗ ਗੇਮ ਬਣਾਓ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਐਪ ਦੀ ਲਾਜਿਕ ਨੂੰ ਚਲਾਉਣ ਲਈ ਕੀਬੋਰਡ ਇਵੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਨ ਬਾਰੇ ਸਿੱਖੋ | [ਇਵੈਂਟ-ਡ੍ਰਿਵਨ ਪ੍ਰੋਗਰਾਮਿੰਗ](./4-typing-game/typing-game/README.md) | Christopher | | 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਬ੍ਰਾਊਜ਼ਰ ਨਾਲ ਕੰਮ ਕਰਨਾ | ਬ੍ਰਾਊਜ਼ਰ ਕਿਵੇਂ ਕੰਮ ਕਰਦੇ ਹਨ, ਉਨ੍ਹਾਂ ਦਾ ਇਤਿਹਾਸ, ਅਤੇ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਪਹਿਲੇ ਤੱਤਾਂ ਨੂੰ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ | [ਬ੍ਰਾਊਜ਼ਰ ਬਾਰੇ](./5-browser-extension/1-about-browsers/README.md) | Jen | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਫਾਰਮ ਬਣਾਉਣਾ, API ਨੂੰ ਕਾਲ ਕਰਨਾ ਅਤੇ ਲੋਕਲ ਸਟੋਰੇਜ ਵਿੱਚ ਵੈਰੀਏਬਲ ਸਟੋਰ ਕਰਨਾ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਤੱਤਾਂ ਨੂੰ ਬਣਾਉਣ ਲਈ ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਨੂੰ API ਨੂੰ ਕਾਲ ਕਰਨ ਲਈ ਵਰਤੋ ਅਤੇ ਵੈਰੀਏਬਲ ਨੂੰ ਲੋਕਲ ਸਟੋਰੇਜ ਵਿੱਚ ਸਟੋਰ ਕਰੋ | [APIs, ਫਾਰਮ, ਅਤੇ ਲੋਕਲ ਸਟੋਰੇਜ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਬੈਕਗ੍ਰਾਊਂਡ ਪ੍ਰੋਸੈਸ, ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ | ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਬੈਕਗ੍ਰਾਊਂਡ ਪ੍ਰੋਸੈਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਆਈਕਨ ਨੂੰ ਸੰਭਾਲੋ; ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ ਬਾਰੇ ਸਿੱਖੋ ਅਤੇ ਕੁਝ ਅਪਟਾਈਮਾਈਜ਼ੇਸ਼ਨ ਬਾਰੇ ਜਾਣੋ | [ਬੈਕਗ੍ਰਾਊਂਡ ਟਾਸਕ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 15 | [Space Game](./6-space-game/solution/README.md) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਹੋਰ ਅਗਰਸਰ ਗੇਮ ਡਿਵੈਲਪਮੈਂਟ | ਕਲਾਸਾਂ ਅਤੇ ਕੰਪੋਜ਼ੀਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਿਰਾਸਤ ਬਾਰੇ ਸਿੱਖੋ ਅਤੇ ਗੇਮ ਬਣਾਉਣ ਦੀ ਤਿਆਰੀ ਵਿੱਚ ਪਬ/ਸਬ ਪੈਟਰਨ ਬਾਰੇ ਸਿੱਖੋ | [ਅਗਰਸਰ ਗੇਮ ਡਿਵੈਲਪਮੈਂਟ ਦਾ ਪਹਿਚਾਣ](./6-space-game/1-introduction/README.md) | Chris | | 16 | [Space Game](./6-space-game/solution/README.md) | ਕੈਨਵਸ 'ਤੇ ਡ੍ਰਾਇੰਗ | ਕੈਨਵਸ API ਬਾਰੇ ਸਿੱਖੋ, ਜੋ ਸਕ੍ਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਡ੍ਰਾਇ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ | [ਕੈਨਵਸ 'ਤੇ ਡ੍ਰਾਇੰਗ](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 17 | [Space Game](./6-space-game/solution/README.md) | ਸਕ੍ਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਹਿਲਾਉਣਾ | ਪਤਾ ਲਗਾਓ ਕਿ ਤੱਤ ਕਾਰਟੀਸ਼ੀਅਨ ਕੋਆਰਡੀਨੇਟਸ ਅਤੇ ਕੈਨਵਸ API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕਿਵੇਂ ਮੋਸ਼ਨ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹਨ | [ਤੱਤਾਂ ਨੂੰ ਹਿਲਾਉਣਾ](./6-space-game/3-moving-elements-around/README.md) | Chris | | 18 | [Space Game](./6-space-game/solution/README.md) | ਟਕਰਾਅ ਦੀ ਪਛਾਣ | ਤੱਤਾਂ ਨੂੰ ਟਕਰਾਉਣ ਅਤੇ ਇੱਕ ਦੂਜੇ ਨਾਲ ਪ੍ਰਤੀਕ੍ਰਿਆ ਕਰਨ ਲਈ ਕੀਪ੍ਰੈਸ ਦੀ ਵਰਤੋਂ ਕਰੋ ਅਤੇ ਗੇਮ ਦੀ ਪ੍ਰਦਰਸ਼ਨਸ਼ੀਲਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਇੱਕ ਕੂਲਡਾਊਨ ਫੰਕਸ਼ਨ ਪ੍ਰਦਾਨ ਕਰੋ | [ਟਕਰਾਅ ਦੀ ਪਛਾਣ](./6-space-game/4-collision-detection/README.md) | Chris | | 19 | [Space Game](./6-space-game/solution/README.md) | ਸਕੋਰ ਰੱਖਣਾ | ਗੇਮ ਦੀ ਸਥਿਤੀ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਦੇ ਆਧਾਰ 'ਤੇ ਗਣਨਾ ਕਰੋ | [ਸਕੋਰ ਰੱਖਣਾ](./6-space-game/5-keeping-score/README.md) | Chris | | 20 | [Space Game](./6-space-game/solution/README.md) | ਗੇਮ ਨੂੰ ਖਤਮ ਕਰਨਾ ਅਤੇ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨਾ | ਗੇਮ ਨੂੰ ਖਤਮ ਕਰਨ ਅਤੇ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨ ਬਾਰੇ ਸਿੱਖੋ, ਜਿਸ ਵਿੱਚ ਐਸੈਟਸ ਨੂੰ ਸਾਫ਼ ਕਰਨਾ ਅਤੇ ਵੈਰੀਏਬਲ ਮੁੱਲਾਂ ਨੂੰ ਰੀਸੈਟ ਕਰਨਾ ਸ਼ਾਮਲ ਹੈ | [ਅੰਤ ਦੀ ਸਥਿਤੀ](./6-space-game/6-end-condition/README.md) | Chris | | 21 | [Banking App](./7-bank-project/solution/README.md) | ਵੈੱਬ ਐਪ ਵਿੱਚ HTML ਟੈਂਪਲੇਟ ਅਤੇ ਰੂਟ | ਰੂਟਿੰਗ ਅਤੇ HTML ਟੈਂਪਲੇਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਮਲਟੀਪੇਜ ਵੈੱਬਸਾਈਟ ਦੇ ਆਰਕੀਟੈਕਚਰ ਦਾ ਖਾਕਾ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ | [HTML ਟੈਂਪਲੇਟ ਅਤੇ ਰੂਟ](./7-bank-project/1-template-route/README.md) | Yohan | | 22 | [Banking App](./7-bank-project/solution/README.md) | ਲੌਗਇਨ ਅਤੇ ਰਜਿਸਟ੍ਰੇਸ਼ਨ ਫਾਰਮ ਬਣਾਉਣਾ | ਫਾਰਮ ਬਣਾਉਣ ਅਤੇ ਵੈਰੀਫਿਕੇਸ਼ਨ ਰੂਟੀਨ ਨੂੰ ਸੰਭਾਲਣ ਬਾਰੇ ਸਿੱਖੋ | [ਫਾਰਮ](./7-bank-project/2-forms/README.md) | Yohan | | 23 | [Banking App](./7-bank-project/solution/README.md) | ਡਾਟਾ ਨੂੰ ਫੈਚ ਕਰਨ ਅਤੇ ਵਰਤਣ ਦੇ ਤਰੀਕੇ | ਡਾਟਾ ਤੁਹਾਡੇ ਐਪ ਵਿੱਚ ਕਿਵੇਂ ਆਉਂਦਾ ਹੈ ਅਤੇ ਬਾਹਰ ਜਾਂਦਾ ਹੈ, ਇਸਨੂੰ ਕਿਵੇਂ ਫੈਚ ਕਰਨਾ ਹੈ, ਸਟੋਰ ਕਰਨਾ ਹੈ, ਅਤੇ ਖਤਮ ਕਰਨਾ ਹੈ | [ਡਾਟਾ](./7-bank-project/3-data/README.md) | Yohan | | 24 | [Banking App](./7-bank-project/solution/README.md) | ਸਟੇਟ ਮੈਨੇਜਮੈਂਟ ਦੇ ਸੰਕਲਪ | ਤੁਹਾਡਾ ਐਪ ਸਟੇਟ ਨੂੰ ਕਿਵੇਂ ਰੱਖਦਾ ਹੈ ਅਤੇ ਇਸਨੂੰ ਪ੍ਰੋਗਰਾਮਿੰਗ ਤਰੀਕੇ ਨਾਲ ਕਿਵੇਂ ਮੈਨੇਜ ਕਰਨਾ ਹੈ | [ਸਟੇਟ ਮੈਨੇਜਮੈਂਟ](./7-bank-project/4-state-management/README.md) | Yohan | | 25 | [Browser/VScode Code](../../8-code-editor) | VScode ਨਾਲ ਕੰਮ ਕਰਨਾ | ਕੋਡ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ ਸਿੱਖੋ| [VScode ਕੋਡ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਕਰੋ](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 26 | [AI Assistants](./9-chat-project/README.md) | AI ਨਾਲ ਕੰਮ ਕਰਨਾ | ਆਪਣਾ AI ਅਸਿਸਟੈਂਟ ਬਣਾਉਣ ਬਾਰੇ ਸਿੱਖੋ | [AI ਅਸਿਸਟੈਂਟ ਪ੍ਰੋਜੈਕਟ](./9-chat-project/README.md) | Chris | ## 🏫 ਪੈਡਾਗੌਜੀ ਸਾਡਾ ਕੋਰਸ ਦੋ ਮੁੱਖ ਪੈਡਾਗੌਜੀਕਲ ਸਿਧਾਂਤਾਂ ਦੇ ਆਧਾਰ 'ਤੇ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ: * ਪ੍ਰੋਜੈਕਟ-ਅਧਾਰਿਤ ਸਿੱਖਿਆ * ਵਾਰੰ-ਵਾਰ ਕਵਿਜ਼ ਇਹ ਪ੍ਰੋਗਰਾਮ ਜਾਵਾਸਕ੍ਰਿਪਟ, HTML, ਅਤੇ CSS ਦੇ ਬੁਨਿਆਦੀਆਂ ਅੰਸ਼ਾਂ ਨੂੰ ਸਿੱਖਾਉਂਦਾ ਹੈ, ਨਾਲ ਹੀ ਅੱਜ ਦੇ ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਦੁਆਰਾ ਵਰਤੇ ਜਾਂਦੇ ਨਵੇਂ ਟੂਲ ਅਤੇ ਤਕਨੀਕਾਂ। ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਟਾਈਪਿੰਗ ਗੇਮ, ਵਰਚੁਅਲ ਟੈਰੀਅਰੀਅਮ, ਪਰਿਆਵਰਣ-ਅਨੁਕੂਲ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ, ਸਪੇਸ-ਇਨਵੇਡਰ-ਸਟਾਈਲ ਗੇਮ, ਅਤੇ ਕਾਰੋਬਾਰਾਂ ਲਈ ਬੈਂਕਿੰਗ ਐਪ ਬਣਾਉਣ ਦੁਆਰਾ ਹੱਥ-ਅਭਿਆਸ ਵਿਕਸਿਤ ਕਰਨ ਦਾ ਮੌਕਾ ਮਿਲੇਗਾ। ਸਿਰੀਜ਼ ਦੇ ਅੰਤ ਤੱਕ, ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੀ ਮਜ਼ਬੂਤ ਸਮਝ ਹੋਵੇਗੀ। > 🎓 ਤੁਸੀਂ ਇਸ ਕੋਰਸ ਦੇ ਪਹਿਲੇ ਕੁਝ ਪਾਠਾਂ ਨੂੰ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) Microsoft Learn 'ਤੇ ਲੈ ਸਕਦੇ ਹੋ! ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਸਮੱਗਰੀ ਨੂੰ ਅਨੁਕੂਲ ਬਣਾਉਣ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਦੁਆਰਾ, ਵਿਦਿਆਰਥੀਆਂ ਲਈ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਹੋਰ ਰੁਚਿਕਰ ਬਣਾਇਆ ਜਾਂਦਾ ਹੈ ਅਤੇ ਸੰਕਲਪਾਂ ਦੀ ਯਾਦਸ਼ਕਤੀ ਨੂੰ ਵਧਾਇਆ ਜਾਵੇਗਾ। ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੁਨਿਆਦੀਆਂ ਵਿੱਚ ਕੁਝ ਸ਼ੁਰੂਆਤੀ ਪਾਠ ਵੀ ਲਿਖੇ ਹਨ ਜੋ ਸੰਕਲਪਾਂ ਨੂੰ ਪੇਸ਼ ਕਰਦੇ ਹਨ, "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ਵੀਡੀਓ ਟਿਊਟੋਰਿਅਲਾਂ ਦੇ ਸੰਗ੍ਰਹਿ ਵਿੱਚੋਂ ਇੱਕ ਵੀਡੀਓ ਦੇ ਨਾਲ ਜੋੜੇ ਗਏ ਹਨ, ਜਿਸ ਦੇ ਕੁਝ ਲੇਖਕ - [ਜਨਰੇਟਿਵ AI ਜਾਵਾ ਨਾਲ](https://github.com/microsoft/Generative-AI-for-beginners-java) - [ਸ਼ੁਰੂਆਤੀ ਲਈ AI](https://aka.ms/ai-beginners) - [ਸ਼ੁਰੂਆਤੀ ਲਈ ਡਾਟਾ ਸਾਇੰਸ](https://aka.ms/datascience-beginners) - [ਸ਼ੁਰੂਆਤੀ ਲਈ ML](https://aka.ms/ml-beginners) - [ਸ਼ੁਰੂਆਤੀ ਲਈ ਸਾਈਬਰਸੁਰੱਖਿਆ](https://github.com/microsoft/Security-101) - [ਸ਼ੁਰੂਆਤੀ ਲਈ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ](https://aka.ms/webdev-beginners) - [ਸ਼ੁਰੂਆਤੀ ਲਈ IoT](https://aka.ms/iot-beginners) - [ਸ਼ੁਰੂਆਤੀ ਲਈ XR ਡਿਵੈਲਪਮੈਂਟ](https://github.com/microsoft/xr-development-for-beginners) - [GitHub Copilot ਨੂੰ Agentic ਵਰਤੋਂ ਲਈ ਮਾਹਰ ਬਣਾਓ](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming) - [C#/.NET ਡਿਵੈਲਪਰਾਂ ਲਈ GitHub Copilot ਨੂੰ ਮਾਹਰ ਬਣਾਓ](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers) - [ਆਪਣੀ Copilot ਐਡਵੈਂਚਰ ਚੁਣੋ](https://github.com/microsoft/CopilotAdventures) ## ਮਦਦ ਪ੍ਰਾਪਤ ਕਰਨਾ ਜੇ ਤੁਸੀਂ ਫਸ ਜਾਂਦੇ ਹੋ ਜਾਂ AI ਐਪਸ ਬਣਾਉਣ ਬਾਰੇ ਕੋਈ ਸਵਾਲ ਹੈ, ਤਾਂ ਸ਼ਾਮਲ ਹੋਵੋ: [](https://aka.ms/foundry/discord) ਜੇ ਤੁਹਾਨੂੰ ਉਤਪਾਦ ਬਾਰੇ ਫੀਡਬੈਕ ਦੇਣਾ ਹੈ ਜਾਂ ਬਣਾਉਣ ਦੌਰਾਨ ਕੋਈ ਗਲਤੀ ਆਉਂਦੀ ਹੈ, ਤਾਂ ਜਾਓ: [](https://aka.ms/foundry/forum) ## ਲਾਇਸੰਸ ਇਹ ਰਿਪੋਜ਼ਿਟਰੀ MIT ਲਾਇਸੰਸ ਅਧੀਨ ਹੈ। ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ [LICENSE](../../LICENSE) ਫਾਈਲ ਵੇਖੋ। --- **ਅਸਵੀਕਰਤੀ**: ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀ ਹੋਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੁਚਤਤਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਇਸਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਪੈਦਾ ਹੋਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।