40 KiB

Raw Blame History

ਸ਼ੁਰੂਆਤੀ ਲਈ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ - ਇੱਕ ਕੋਰਸ

ਮਾਈਕਰੋਸਾਫਟ ਕਲਾਉਡ ਐਡਵੋਕੇਟਸ ਵੱਲੋਂ 12 ਹਫ਼ਤਿਆਂ ਦਾ ਇਹ ਵਿਸਤ੍ਰਿਤ ਕੋਰਸ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਮੁੱਢਲੇ ਸਿਧਾਂਤ ਸਿੱਖਣ ਲਈ ਹੈ। 24 ਪਾਠਾਂ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ, CSS ਅਤੇ HTML ਨੂੰ ਹੱਥ-ਵਰਤੋਂ ਪ੍ਰਾਜੈਕਟਾਂ ਜਿਵੇਂ ਕਿ ਟੈਰੇਰੀਅਮ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਅਤੇ ਸਪੇਸ ਗੇਮਾਂ ਰਾਹੀਂ ਸਮਝਾਇਆ ਗਿਆ ਹੈ। ਪ੍ਰਸ਼ਨਾਂ, ਚਰਚਾਵਾਂ ਅਤੇ ਪ੍ਰੈਕਟਿਕਲ ਅਸਾਈਨਮੈਂਟਾਂ ਨਾਲ ਜੁੜੋ। ਪ੍ਰਾਜੈਕਟ-ਅਧਾਰਤ ਪੈਡਾਗੌਜੀ ਨਾਲ ਆਪਣੇ ਹੁਨਰਾਂ ਨੂੰ ਨਿਖਾਰੋ ਅਤੇ ਗਿਆਨ ਨੂੰ ਮਜ਼ਬੂਤ ਕਰੋ। ਅੱਜ ਹੀ ਆਪਣੀ ਕੋਡਿੰਗ ਯਾਤਰਾ ਸ਼ੁਰੂ ਕਰੋ!

ਐਜ਼ਰ AI ਫਾਉਂਡਰੀ ਡਿਸਕੋਰਡ ਕਮਿਊਨਿਟੀ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ

ਇਹ ਸਾਧਨਾਂ ਦੀ ਵਰਤੋਂ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਹੇਠਾਂ ਦਿੱਤੇ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ:

ਰਿਪੋਜ਼ਟਰੀ ਨੂੰ ਫੋਰਕ ਕਰੋ: ਕਲਿੱਕ ਕਰੋ
ਰਿਪੋਜ਼ਟਰੀ ਨੂੰ ਕਲੋਨ ਕਰੋ: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
ਐਜ਼ਰ AI ਫਾਉਂਡਰੀ ਡਿਸਕੋਰਡ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ ਅਤੇ ਮਾਹਰਾਂ ਅਤੇ ਹੋਰ ਡਿਵੈਲਪਰਾਂ ਨਾਲ ਮਿਲੋ

🌐 ਬਹੁ-ਭਾਸ਼ਾਈ ਸਹਾਇਤਾ

GitHub ਐਕਸ਼ਨ ਰਾਹੀਂ ਸਹਾਇਤਾਪ੍ਰਾਪਤ (ਆਟੋਮੈਟਿਕ ਅਤੇ ਹਮੇਸ਼ਾ ਅਪ-ਟੂ-ਡੇਟ)

ਜੇ ਤੁਸੀਂ ਹੋਰ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਅਨੁਵਾਦ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਸਹਾਇਤਾਪ੍ਰਾਪਤ ਭਾਸ਼ਾਵਾਂ ਦੀ ਸੂਚੀ ਇੱਥੇ ਮਿਲੇਗੀ।

🧑‍🎓 ਕੀ ਤੁਸੀਂ ਵਿਦਿਆਰਥੀ ਹੋ?

ਵਿਦਿਆਰਥੀ ਹੱਬ ਪੇਜ 'ਤੇ ਜਾਓ ਜਿੱਥੇ ਤੁਹਾਨੂੰ ਸ਼ੁਰੂਆਤੀ ਸਾਧਨ, ਵਿਦਿਆਰਥੀ ਪੈਕ ਅਤੇ ਮੁਫ਼ਤ ਸਰਟੀਫਿਕੇਟ ਵਾਊਚਰ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਤਰੀਕੇ ਮਿਲਣਗੇ। ਇਹ ਪੇਜ ਬੁੱਕਮਾਰਕ ਕਰਨ ਯੋਗ ਹੈ ਅਤੇ ਸਮੇਂ-ਸਮੇਂ 'ਤੇ ਚੈੱਕ ਕਰਨ ਯੋਗ ਹੈ ਕਿਉਂਕਿ ਅਸੀਂ ਮਹੀਨਾਵਾਰ ਸਮੱਗਰੀ ਬਦਲਦੇ ਹਾਂ।

📣 ਐਲਾਨ - ਜਨਰੇਟਿਵ AI ਵਰਤ ਕੇ ਨਵਾਂ ਪ੍ਰਾਜੈਕਟ ਬਣਾਓ

ਨਵਾਂ AI ਸਹਾਇਕ ਪ੍ਰਾਜੈਕਟ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਇਸਨੂੰ ਪ੍ਰਾਜੈਕਟ ਵਿੱਚ ਵੇਖੋ।

📣 ਐਲਾਨ - ਜਨਰੇਟਿਵ AI ਲਈ ਨਵਾਂ ਕੋਰਸ ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਜਾਰੀ ਕੀਤਾ ਗਿਆ ਹੈ

ਸਾਡੇ ਨਵੇਂ ਜਨਰੇਟਿਵ AI ਕੋਰਸ ਨੂੰ ਨਾ ਗਵਾਓ!

https://aka.ms/genai-js-course 'ਤੇ ਜਾਓ ਅਤੇ ਸ਼ੁਰੂ ਕਰੋ!

ਪਾਠ ਜੋ ਬੁਨਿਆਦ ਤੋਂ RAG ਤੱਕ ਸਭ ਕੁਝ ਕਵਰ ਕਰਦੇ ਹਨ।
ਜਨਰੇਟਿਵ AI ਅਤੇ ਸਾਡੇ ਸਾਥੀ ਐਪ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਤਿਹਾਸਕ ਪਾਤਰਾਂ ਨਾਲ ਗੱਲਬਾਤ ਕਰੋ।
ਮਜ਼ੇਦਾਰ ਅਤੇ ਰੁਚਿਕਰ ਕਹਾਣੀ, ਤੁਸੀਂ ਸਮੇਂ ਦੀ ਯਾਤਰਾ ਕਰ ਰਹੇ ਹੋਵੋਗੇ!

ਹਰ ਪਾਠ ਵਿੱਚ ਸ਼ਾਮਲ ਹੈ:

ਪ੍ਰੋਮਪਟਿੰਗ ਅਤੇ ਪ੍ਰੋਮਪਟ ਇੰਜੀਨੀਅਰਿੰਗ
ਟੈਕਸਟ ਅਤੇ ਚਿੱਤਰ ਐਪ ਜਨਰੇਸ਼ਨ
ਖੋਜ ਐਪਸ

https://aka.ms/genai-js-course 'ਤੇ ਜਾਓ ਅਤੇ ਸ਼ੁਰੂ ਕਰੋ!

🌱 ਸ਼ੁਰੂਆਤ ਕਰਨਾ

ਅਧਿਆਪਕ, ਅਸੀਂ ਇਸ ਕੋਰਸ ਨੂੰ ਵਰਤਣ ਲਈ ਕੁਝ ਸੁਝਾਵ ਇੱਥੇ ਸ਼ਾਮਲ ਕੀਤੇ ਹਨ। ਸਾਡੇ ਚਰਚਾ ਫੋਰਮ ਵਿੱਚ ਇੱਥੇ ਆਪਣਾ ਫੀਡਬੈਕ ਸਾਂਝਾ ਕਰੋ!

ਵਿਦਿਆਰਥੀ, ਹਰ ਪਾਠ ਲਈ, ਪ੍ਰੀ-ਲੈਕਚਰ ਪ੍ਰਸ਼ਨਾਵਲੀ ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ ਅਤੇ ਲੈਕਚਰ ਸਮੱਗਰੀ ਪੜ੍ਹੋ, ਵੱਖ-ਵੱਖ ਗਤੀਵਿਧੀਆਂ ਪੂਰੀ ਕਰੋ ਅਤੇ ਪੋਸਟ-ਲੈਕਚਰ ਪ੍ਰਸ਼ਨਾਵਲੀ ਨਾਲ ਆਪਣੀ ਸਮਝ ਦੀ ਜਾਂਚ ਕਰੋ।

ਆਪਣੇ ਸਿੱਖਣ ਦੇ ਤਜਰਬੇ ਨੂੰ ਵਧੀਆ ਬਣਾਉਣ ਲਈ, ਆਪਣੇ ਸਾਥੀਆਂ ਨਾਲ ਪ੍ਰਾਜੈਕਟਾਂ 'ਤੇ ਕੰਮ ਕਰਨ ਲਈ ਜੁੜੋ! ਚਰਚਾਵਾਂ ਨੂੰ ਸਾਡੇ ਚਰਚਾ ਫੋਰਮ ਵਿੱਚ ਉਤਸ਼ਾਹਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜਿੱਥੇ ਸਾਡੇ ਮਾਡਰੇਟਰਾਂ ਦੀ ਟੀਮ ਤੁਹਾਡੇ ਸਵਾਲਾਂ ਦੇ ਜਵਾਬ ਦੇਣ ਲਈ ਉਪਲਬਧ ਹੋਵੇਗੀ।

ਆਪਣੀ ਸਿੱਖਿਆ ਨੂੰ ਹੋਰ ਅੱਗੇ ਵਧਾਉਣ ਲਈ, ਅਸੀਂ Microsoft Learn ਦੀ ਪੜਚੋਲ ਕਰਨ ਦੀ ਸਿਫਾਰਸ਼ ਕਰਦੇ ਹਾਂ ਜੋ ਵਾਧੂ ਅਧਿਐਨ ਸਮੱਗਰੀ ਲਈ ਹੈ।

📋 ਆਪਣੇ ਵਾਤਾਵਰਣ ਦੀ ਸੈਟਿੰਗ ਕਰਨਾ

ਇਸ ਕੋਰਸ ਵਿੱਚ ਇੱਕ ਵਿਕਾਸ ਵਾਤਾਵਰਣ ਤਿਆਰ ਹੈ! ਜਦੋਂ ਤੁਸੀਂ ਸ਼ੁਰੂ ਕਰਦੇ ਹੋ, ਤੁਸੀਂ ਇਸਨੂੰ ਕੋਡਸਪੇਸ (ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ-ਅਧਾਰਤ, ਕੋਈ ਇੰਸਟਾਲੇਸ਼ਨ ਦੀ ਲੋੜ ਨਹੀਂ) ਜਾਂ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਇੱਕ ਟੈਕਸਟ ਐਡੀਟਰ ਵਰਤ ਕੇ ਚਲਾ ਸਕਦੇ ਹੋ ਜਿਵੇਂ ਕਿ Visual Studio Code।

ਆਪਣਾ ਰਿਪੋਜ਼ਟਰੀ ਬਣਾਓ

ਆਪਣੇ ਕੰਮ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਸੁਰੱਖਿਅਤ ਕਰਨ ਲਈ, ਇਹ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਕਿ ਤੁਸੀਂ ਇਸ ਰਿਪੋਜ਼ਟਰੀ ਦੀ ਆਪਣੀ ਕਾਪੀ ਬਣਾਓ। ਤੁਸੀਂ ਇਹ ਪੰਨੇ ਦੇ ਉੱਪਰ "Use this template" ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਕਰ ਸਕਦੇ ਹੋ। ਇਹ ਤੁਹਾਡੇ GitHub ਖਾਤੇ ਵਿੱਚ ਕੋਰਸ ਦੀ ਇੱਕ ਕਾਪੀ ਨਾਲ ਇੱਕ ਨਵਾਂ ਰਿਪੋਜ਼ਟਰੀ ਬਣਾਏਗਾ।

ਇਹ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ:

ਰਿਪੋਜ਼ਟਰੀ ਨੂੰ ਫੋਰਕ ਕਰੋ: ਇਸ ਪੰਨੇ ਦੇ ਸੱਜੇ-ਉੱਪਰ ਦੇ ਕੋਨੇ ਵਿੱਚ "Fork" ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
ਰਿਪੋਜ਼ਟਰੀ ਨੂੰ ਕਲੋਨ ਕਰੋ: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

ਕੋਡਸਪੇਸ ਵਿੱਚ ਕੋਰਸ ਚਲਾਉਣਾ

ਤੁਹਾਡੇ ਦੁਆਰਾ ਬਣਾਈ ਗਈ ਇਸ ਰਿਪੋਜ਼ਟਰੀ ਵਿੱਚ, Code ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ Open with Codespaces ਚੁਣੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ ਕੰਮ ਕਰਨ ਲਈ ਇੱਕ ਨਵਾਂ ਕੋਡਸਪੇਸ ਬਣਾਏਗਾ।

ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਕੋਰਸ ਚਲਾਉਣਾ

ਇਸ ਕੋਰਸ ਨੂੰ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਚਲਾਉਣ ਲਈ, ਤੁਹਾਨੂੰ ਇੱਕ ਟੈਕਸਟ ਐਡੀਟਰ, ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ ਇੱਕ ਕਮਾਂਡ ਲਾਈਨ ਟੂਲ ਦੀ ਲੋੜ ਹੋਵੇਗੀ। ਸਾਡਾ ਪਹਿਲਾ ਪਾਠ, ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਟੂਲਜ਼ ਦਾ ਪਰਿਚਯ, ਤੁਹਾਨੂੰ ਹਰ ਇੱਕ ਟੂਲ ਲਈ ਵੱਖ-ਵੱਖ ਵਿਕਲਪਾਂ ਰਾਹੀਂ ਲੈ ਜਾਵੇਗਾ ਤਾਂ ਜੋ ਤੁਸੀਂ ਆਪਣੇ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਚੁਣ ਸਕੋ।

ਸਾਡੀ ਸਿਫਾਰਸ਼ ਹੈ ਕਿ ਤੁਸੀਂ Visual Studio Code ਨੂੰ ਆਪਣੇ ਐਡੀਟਰ ਵਜੋਂ ਵਰਤੋ, ਜਿਸ ਵਿੱਚ ਇੱਕ ਅੰਦਰੂਨੀ ਟਰਮਿਨਲ ਵੀ ਹੈ। ਤੁਸੀਂ Visual Studio Code ਨੂੰ ਇੱਥੇ ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ।

ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਆਪਣਾ ਰਿਪੋਜ਼ਟਰੀ ਕਲੋਨ ਕਰੋ। ਤੁਸੀਂ ਇਹ Code ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਅਤੇ URL ਕਾਪੀ ਕਰਕੇ ਕਰ ਸਕਦੇ ਹੋ:

CodeSpace

ਫਿਰ, Visual Studio Code ਵਿੱਚ ਟਰਮਿਨਲ ਖੋਲ੍ਹੋ ਅਤੇ ਹੇਠਾਂ ਦਿੱਤੇ ਕਮਾਂਡ ਨੂੰ ਚਲਾਓ, <your-repository-url> ਨੂੰ ਆਪਣੇ ਕਾਪੀ ਕੀਤੇ URL ਨਾਲ ਬਦਲੋ:
```
git clone <your-repository-url>
```
ਫੋਲਡਰ ਨੂੰ Visual Studio Code ਵਿੱਚ ਖੋਲ੍ਹੋ। ਤੁਸੀਂ ਇਹ File > Open Folder 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਅਤੇ ਆਪਣੇ ਦੁਆਰਾ ਕਲੋਨ ਕੀਤੇ ਫੋਲਡਰ ਨੂੰ ਚੁਣ ਕੇ ਕਰ ਸਕਦੇ ਹੋ।

ਸਿਫਾਰਸ਼ ਕੀਤੇ Visual Studio Code ਐਕਸਟੈਂਸ਼ਨ:

Live Server - Visual Studio Code ਵਿੱਚ HTML ਪੰਨਿਆਂ ਨੂੰ ਪ੍ਰੀਵਿਊ ਕਰਨ ਲਈ

[ ਕੁਇਜ਼ ਬਾਰੇ ਇੱਕ ਨੋਟ: ਸਾਰੇ ਕੁਇਜ਼ Quiz-app ਫੋਲਡਰ ਵਿੱਚ ਹਨ, ਕੁੱਲ 48 ਕੁਇਜ਼ ਹਨ, ਹਰ ਇੱਕ ਵਿੱਚ ਤਿੰਨ ਪ੍ਰਸ਼ਨ ਹਨ। ਇਹ ਇਥੇ ਉਪਲਬਧ ਹਨ। ਕੁਇਜ਼ ਐਪ ਨੂੰ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਚਲਾਇਆ ਜਾ ਸਕਦਾ ਹੈ ਜਾਂ Azure 'ਤੇ ਡਿਪਲੌਇ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ; quiz-app ਫੋਲਡਰ ਵਿੱਚ ਦਿੱਤੇ ਨਿਰਦੇਸ਼ਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ।

🗃️ ਪਾਠ

	ਪ੍ਰੋਜੈਕਟ ਦਾ ਨਾਮ	ਸਿੱਖਣ ਵਾਲੇ ਸੰਕਲਪ	ਸਿੱਖਣ ਦੇ ਉਦੇਸ਼	ਜੁੜਿਆ ਪਾਠ	ਲੇਖਕ
01	ਸ਼ੁਰੂਆਤ	ਪ੍ਰੋਗਰਾਮਿੰਗ ਅਤੇ ਟੂਲਜ਼ ਦੀ ਜਾਣਕਾਰੀ	ਜ਼ਿਆਦਾਤਰ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਮੁੱਢਲੇ ਅਧਾਰਾਂ ਅਤੇ ਉਹ ਸੌਫਟਵੇਅਰ ਬਾਰੇ ਸਿੱਖੋ ਜੋ ਪੇਸ਼ੇਵਰ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਆਪਣਾ ਕੰਮ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ	ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਟੂਲਜ਼ ਦੀ ਜਾਣਕਾਰੀ	ਜੈਸਮਿਨ
02	ਸ਼ੁਰੂਆਤ	GitHub ਦੇ ਬੁਨਿਆਦੀ ਤੱਤ, ਟੀਮ ਨਾਲ ਕੰਮ ਕਰਨ ਦੀ ਸਮੇਤ	ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ GitHub ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ, ਕੋਡ ਬੇਸ 'ਤੇ ਹੋਰ ਲੋਕਾਂ ਨਾਲ ਕਿਵੇਂ ਸਹਿਯੋਗ ਕਰਨਾ ਹੈ	GitHub ਦੀ ਜਾਣਕਾਰੀ	ਫਲੋਰ
03	ਸ਼ੁਰੂਆਤ	ਪਹੁੰਚਯੋਗਤਾ	ਵੈੱਬ ਪਹੁੰਚਯੋਗਤਾ ਦੇ ਬੁਨਿਆਦੀ ਤੱਤ ਸਿੱਖੋ	ਪਹੁੰਚਯੋਗਤਾ ਦੇ ਮੁੱਢਲੇ ਅਧਾਰ	ਕ੍ਰਿਸਟੋਫਰ
04	JS ਬੁਨਿਆਦ	ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਾਟਾ ਟਾਈਪ	ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਾਟਾ ਟਾਈਪ ਦੇ ਬੁਨਿਆਦੀ ਤੱਤ	ਡਾਟਾ ਟਾਈਪ	ਜੈਸਮਿਨ
05	JS ਬੁਨਿਆਦ	ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ	ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਲਾਜਿਕ ਫਲੋ ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ ਬਾਰੇ ਸਿੱਖੋ	ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ	ਜੈਸਮਿਨ ਅਤੇ ਕ੍ਰਿਸਟੋਫਰ
06	JS ਬੁਨਿਆਦ	ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਫੈਸਲੇ ਲੈਣਾ	ਫੈਸਲੇ ਲੈਣ ਦੇ ਤਰੀਕੇ ਵਰਤ ਕੇ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਸ਼ਰਤਾਂ ਬਣਾਉਣ ਦਾ ਤਰੀਕਾ ਸਿੱਖੋ	ਫੈਸਲੇ ਲੈਣਾ	ਜੈਸਮਿਨ
07	JS ਬੁਨਿਆਦ	ਐਰੇ ਅਤੇ ਲੂਪ	ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਡਾਟਾ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਐਰੇ ਅਤੇ ਲੂਪ ਦੀ ਵਰਤੋਂ	ਐਰੇ ਅਤੇ ਲੂਪ	ਜੈਸਮਿਨ
08	Terrarium	HTML ਦਾ ਅਭਿਆਸ	ਆਨਲਾਈਨ ਟੈਰੇਰੀਅਮ ਬਣਾਉਣ ਲਈ HTML ਬਣਾਓ, ਲੇਆਉਟ ਬਣਾਉਣ 'ਤੇ ਧਿਆਨ ਦਿਓ	HTML ਦੀ ਜਾਣਕਾਰੀ	ਜੈਨ
09	Terrarium	CSS ਦਾ ਅਭਿਆਸ	ਆਨਲਾਈਨ ਟੈਰੇਰੀਅਮ ਨੂੰ ਸਟਾਈਲ ਕਰਨ ਲਈ CSS ਬਣਾਓ, CSS ਦੇ ਬੁਨਿਆਦੀ ਤੱਤਾਂ ਸਮੇਤ ਪੇਜ ਨੂੰ ਰਿਸਪਾਂਸਿਵ ਬਣਾਉਣ 'ਤੇ ਧਿਆਨ ਦਿਓ	CSS ਦੀ ਜਾਣਕਾਰੀ	ਜੈਨ
10	Terrarium	ਜਾਵਾਸਕ੍ਰਿਪਟ ਕਲੋਜ਼ਰ, DOM ਮੈਨਿਪੂਲੇਸ਼ਨ	ਟੈਰੇਰੀਅਮ ਨੂੰ ਡ੍ਰੈਗ/ਡ੍ਰਾਪ ਇੰਟਰਫੇਸ ਵਜੋਂ ਕੰਮ ਕਰਨ ਲਈ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬਣਾਓ, ਕਲੋਜ਼ਰ ਅਤੇ DOM ਮੈਨਿਪੂਲੇਸ਼ਨ 'ਤੇ ਧਿਆਨ ਦਿਓ	ਜਾਵਾਸਕ੍ਰਿਪਟ ਕਲੋਜ਼ਰ, DOM ਮੈਨਿਪੂਲੇਸ਼ਨ	ਜੈਨ
11	Typing Game	ਟਾਈਪਿੰਗ ਗੇਮ ਬਣਾਉਣਾ	ਜਾਵਾਸਕ੍ਰਿਪਟ ਐਪ ਦੀ ਲਾਜਿਕ ਨੂੰ ਚਲਾਉਣ ਲਈ ਕੀਬੋਰਡ ਇਵੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦਾ ਤਰੀਕਾ ਸਿੱਖੋ	ਇਵੈਂਟ-ਡ੍ਰਿਵਨ ਪ੍ਰੋਗਰਾਮਿੰਗ	ਕ੍ਰਿਸਟੋਫਰ
12	Green Browser Extension	ਬ੍ਰਾਊਜ਼ਰ ਨਾਲ ਕੰਮ ਕਰਨਾ	ਬ੍ਰਾਊਜ਼ਰ ਕਿਵੇਂ ਕੰਮ ਕਰਦੇ ਹਨ, ਉਨ੍ਹਾਂ ਦਾ ਇਤਿਹਾਸ, ਅਤੇ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਪਹਿਲੇ ਤੱਤਾਂ ਨੂੰ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ ਸਿੱਖੋ	ਬ੍ਰਾਊਜ਼ਰ ਬਾਰੇ	ਜੈਨ
13	Green Browser Extension	ਫਾਰਮ ਬਣਾਉਣਾ, API ਨੂੰ ਕਾਲ ਕਰਨਾ ਅਤੇ ਸਥਾਨਕ ਸਟੋਰੇਜ ਵਿੱਚ ਵੈਰੀਏਬਲ ਸਟੋਰ ਕਰਨਾ	ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਤੱਤਾਂ ਨੂੰ ਬਣਾਓ ਜੋ ਸਥਾਨਕ ਸਟੋਰੇਜ ਵਿੱਚ ਸਟੋਰ ਕੀਤੇ ਵੈਰੀਏਬਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ API ਨੂੰ ਕਾਲ ਕਰਦੇ ਹਨ	APIs, ਫਾਰਮ, ਅਤੇ ਸਥਾਨਕ ਸਟੋਰੇਜ	ਜੈਨ
14	Green Browser Extension	ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਬੈਕਗ੍ਰਾਊਂਡ ਪ੍ਰੋਸੈਸ, ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ	ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਆਈਕਨ ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਬੈਕਗ੍ਰਾਊਂਡ ਪ੍ਰੋਸੈਸ ਦੀ ਵਰਤੋਂ ਕਰੋ; ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ ਬਾਰੇ ਸਿੱਖੋ ਅਤੇ ਕੁਝ ਅਪਟਾਈਮਾਈਜ਼ੇਸ਼ਨ ਕਰਨ ਲਈ	ਬੈਕਗ੍ਰਾਊਂਡ ਟਾਸਕ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ	ਜੈਨ
15	Space Game	ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਹੋਰ ਅਗਰਸਰ ਗੇਮ ਡਿਵੈਲਪਮੈਂਟ	ਕਲਾਸ ਅਤੇ ਕੰਪੋਜ਼ੀਸ਼ਨ ਦੋਨੋਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਿਰਾਸਤ ਬਾਰੇ ਸਿੱਖੋ ਅਤੇ ਪਬ/ਸਬ ਪੈਟਰਨ, ਗੇਮ ਬਣਾਉਣ ਦੀ ਤਿਆਰੀ ਵਿੱਚ	ਅਗਰਸਰ ਗੇਮ ਡਿਵੈਲਪਮੈਂਟ ਦੀ ਜਾਣਕਾਰੀ	ਕ੍ਰਿਸ
16	Space Game	ਕੈਨਵਸ 'ਤੇ ਡ੍ਰਾਇੰਗ	ਕੈਨਵਸ API ਬਾਰੇ ਸਿੱਖੋ, ਜੋ ਸਕ੍ਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਡ੍ਰਾਇ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ	ਕੈਨਵਸ 'ਤੇ ਡ੍ਰਾਇੰਗ	ਕ੍ਰਿਸ
17	Space Game	ਸਕ੍ਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਹਿਲਾਉਣਾ	ਪਤਾ ਲਗਾਓ ਕਿ ਤੱਤ ਕਾਰਟੀਸੀਅਨ ਕੋਆਰਡੀਨੇਟਸ ਅਤੇ ਕੈਨਵਸ API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਮੋਸ਼ਨ ਕਿਵੇਂ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹਨ	ਤੱਤਾਂ ਨੂੰ ਹਿਲਾਉਣਾ	ਕ੍ਰਿਸ
18	Space Game	ਟਕਰਾਅ ਦੀ ਪਛਾਣ	ਤੱਤਾਂ ਨੂੰ ਟਕਰਾਉਣ ਅਤੇ ਇੱਕ ਦੂਜੇ ਨਾਲ ਪ੍ਰਤੀਕ੍ਰਿਆ ਕਰਨ ਲਈ ਬਣਾਓ, ਕੀਪ੍ਰੈਸ ਦੀ ਵਰਤੋਂ ਕਰੋ ਅਤੇ ਗੇਮ ਦੀ ਪ੍ਰਦਰਸ਼ਨਸ਼ੀਲਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਕੂਲਡਾਊਨ ਫੰਕਸ਼ਨ ਪ੍ਰਦਾਨ ਕਰੋ	ਟਕਰਾਅ ਦੀ ਪਛਾਣ	ਕ੍ਰਿਸ
19	Space Game	ਸਕੋਰ ਰੱਖਣਾ	ਗੇਮ ਦੀ ਸਥਿਤੀ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਦੇ ਆਧਾਰ 'ਤੇ ਗਣਨਾ ਕਰੋ	ਸਕੋਰ ਰੱਖਣਾ	ਕ੍ਰਿਸ
20	Space Game	ਗੇਮ ਨੂੰ ਖਤਮ ਅਤੇ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨਾ	ਗੇਮ ਨੂੰ ਖਤਮ ਅਤੇ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨ ਬਾਰੇ ਸਿੱਖੋ, ਜਿਸ ਵਿੱਚ ਐਸੈਟਾਂ ਨੂੰ ਸਾਫ ਕਰਨਾ ਅਤੇ ਵੈਰੀਏਬਲ ਮੁੱਲਾਂ ਨੂੰ ਰੀਸੈਟ ਕਰਨਾ ਸ਼ਾਮਲ ਹੈ	ਅੰਤ ਦੀ ਸਥਿਤੀ	ਕ੍ਰਿਸ
21	Banking App	HTML ਟੈਂਪਲੇਟ ਅਤੇ ਵੈੱਬ ਐਪ ਵਿੱਚ ਰੂਟ	ਰੂਟਿੰਗ ਅਤੇ HTML ਟੈਂਪਲੇਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਮਲਟੀਪੇਜ ਵੈੱਬਸਾਈਟ ਦੇ ਆਰਕੀਟੈਕਚਰ ਦਾ ਖਾਕਾ ਬਣਾਉਣ ਦਾ ਤਰੀਕਾ ਸਿੱਖੋ	HTML ਟੈਂਪਲੇਟ ਅਤੇ ਰੂਟ	ਯੋਹਾਨ
22	Banking App	ਲੌਗਇਨ ਅਤੇ ਰਜਿਸਟ੍ਰੇਸ਼ਨ ਫਾਰਮ ਬਣਾਉਣਾ	ਫਾਰਮ ਬਣਾਉਣ ਅਤੇ ਵੈਧਤਾ ਰੂਟੀਨ ਨੂੰ ਸੰਭਾਲਣ ਬਾਰੇ ਸਿੱਖੋ	ਫਾਰਮ	ਯੋਹਾਨ
23	Banking App	ਡਾਟਾ ਨੂੰ ਫੈਚ ਕਰਨ ਅਤੇ ਵਰਤਣ ਦੇ ਤਰੀਕੇ	ਡਾਟਾ ਤੁਹਾਡੇ ਐਪ ਵਿੱਚ ਕਿਵੇਂ ਵਗਦਾ ਹੈ, ਇਸ ਨੂੰ ਕਿਵੇਂ ਫੈਚ ਕਰਨਾ, ਸਟੋਰ ਕਰਨਾ ਅਤੇ ਖਤਮ ਕਰਨਾ	ਡਾਟਾ	ਯੋਹਾਨ
24	Banking App	ਸਟੇਟ ਮੈਨੇਜਮੈਂਟ ਦੇ ਸੰਕਲਪ	ਤੁਹਾਡਾ ਐਪ ਸਟੇਟ ਨੂੰ ਕਿਵੇਂ ਰੱਖਦਾ ਹੈ ਅਤੇ ਇਸ ਨੂੰ ਪ੍ਰੋਗਰਾਮਿੰਗ ਤਰੀਕੇ ਨਾਲ ਕਿਵੇਂ ਸੰਭਾਲਣਾ ਹੈ	ਸਟੇਟ ਮੈਨੇਜਮੈਂਟ	ਯੋਹਾਨ
25	Browser/VScode Code	VScode ਨਾਲ ਕੰਮ ਕਰਨਾ	ਕੋਡ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦਾ ਤਰੀਕਾ ਸਿੱਖੋ	VScode ਕੋਡ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਕਰੋ	ਕ੍ਰਿਸ
26	AI Assistants	AI ਨਾਲ ਕੰਮ ਕਰਨਾ	ਆਪਣਾ AI ਅਸਿਸਟੈਂਟ ਬਣਾਉਣ ਦਾ ਤਰੀਕਾ ਸਿੱਖੋ	AI ਅਸਿਸਟੈਂਟ ਪ੍ਰੋਜੈਕਟ	ਕ੍ਰਿਸ

🏫 ਪੈਡਾਗੌਜੀ

ਸਾਡਾ ਕੋਰਸ ਦੋ ਮੁੱਖ ਪੈਡਾਗੌਜੀਕਲ ਸਿਧਾਂਤਾਂ 'ਤੇ ਅਧਾਰਿਤ ਹੈ:

ਪ੍ਰੋਜੈਕਟ-ਅਧਾਰਿਤ ਸਿੱਖਿਆ
ਵਾਰੰ-ਵਾਰ ਕੁਇਜ਼

ਇਹ ਪ੍ਰੋਗਰਾਮ ਜਾਵਾਸਕ੍ਰਿਪਟ, HTML, ਅਤੇ CSS ਦੇ ਮੁੱਢਲੇ ਅਧਾਰਾਂ ਨੂੰ ਸਿੱਖਾਉਂਦਾ ਹੈ, ਨਾਲ ਹੀ ਅੱਜ ਦੇ ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਦੁਆਰਾ ਵਰਤੇ ਜਾਂਦੇ ਤਾਜ਼ਾ ਟੂਲ ਅਤੇ ਤਕਨੀਕਾਂ। ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਟਾਈਪਿੰਗ ਗੇਮ, ਵਰਚੁਅਲ ਟੈਰੇਰੀਅਮ, ਪਰਿਆਵਰਣ-ਅਨੁਕੂਲ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ, ਸਪੇਸ-ਇਨਵੇਡਰ-ਸਟਾਈਲ ਗੇਮ, ਅਤੇ ਕਾਰੋਬਾਰਾਂ ਲਈ ਬੈਂਕਿੰਗ ਐਪ ਬਣਾਉਣ ਦੁਆਰਾ ਹੱਥ-ਅਭਿਆਸ ਕਰਨ ਦਾ ਮੌਕਾ ਮਿਲੇਗਾ। ਸਿਰੇ 'ਤੇ, ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੀ ਮਜ਼ਬੂਤ ਸਮਝ ਹੋਵੇਗੀ।

🎓 ਤੁਸੀਂ ਇਸ ਕੋਰਸ ਦੇ ਪਹਿਲੇ ਕੁਝ ਪਾਠਾਂ ਨੂੰ Learn Path 'ਤੇ Microsoft Learn 'ਤੇ ਲੈ ਸਕਦੇ ਹੋ!

ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਸਮੱਗਰੀ ਨੂੰ ਸੰਗਤ ਬਣਾਉਣ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਦੁਆਰਾ, ਵਿਦਿਆਰਥੀਆਂ ਲਈ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਹੋਰ ਰੁਚਿਕਰ ਬਣਾਇਆ ਗਿਆ ਹੈ ਅਤੇ ਸੰਕਲਪਾਂ ਦੀ ਯਾਦਸ਼ਕਤੀ ਨੂੰ ਵਧਾਇਆ ਜਾਵੇਗਾ। ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੁਨਿਆਦੀਆਂ ਵਿੱਚ ਕਈ ਸ਼ੁਰੂਆਤੀ ਪਾਠ ਲਿਖੇ ਹਨ ਜੋ ਸੰਕਲਪਾਂ ਨੂੰ ਪੇਸ਼ ਕਰਦੇ ਹਨ, "Beginners Series to: JavaScript" ਵੀਡੀਓ ਟਿਊਟੋਰਿਅਲਾਂ ਦੇ ਸੰਗ੍ਰਹਿ ਵਿੱਚੋਂ ਇੱਕ ਵੀਡੀਓ ਨਾਲ ਜੋੜੇ ਗਏ ਹਨ, ਜਿਨ੍ਹਾਂ ਦੇ ਕੁਝ ਲੇਖਕਾਂ ਨੇ ਇਸ ਕੋਰਸ ਵਿੱਚ ਯੋਗਦਾਨ ਪਾਇਆ ਹੈ।

ਇਸ ਤੋਂ ਇਲਾਵਾ, ਕਲਾਸ ਤੋਂ ਪਹਿਲਾਂ ਇੱਕ ਘੱਟ-ਦਬਾਅ ਵਾਲਾ ਕੁਇਜ਼ ਵਿਦਿਆਰਥੀ ਦੇ ਧਿਆਨ ਨੂੰ ਵਿਸ਼ੇ ਨੂੰ ਸਿੱਖਣ ਵੱਲ ਲਾਉਂਦਾ ਹੈ, ਜਦੋਂ ਕਿ ਕਲਾਸ ਤੋਂ ਬਾਅਦ ਦੂਜਾ ਕੁਇਜ਼ ਹੋਰ ਯਾਦਸ਼ਕਤੀ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ। ਇਹ ਕੋਰਸ ਲਚਕੀਲਾ ਅਤੇ ਮਜ਼ੇਦਾਰ ਬਣਾਇਆ ਗਿਆ ਸੀ ਅਤੇ ਇਸਨੂੰ ਪੂਰੇ ਜਾਂ ਅੰਸ਼ਿਕ ਤੌਰ 'ਤੇ ਲਿਆ ਜਾ ਸਕਦਾ ਹੈ। ਪ੍ਰੋਜੈਕਟ ਛੋਟੇ ਤੋਂ ਸ਼ੁਰੂ ਹੁੰਦੇ ਹਨ ਅਤੇ 12-ਹਫ਼ਤੇ ਦੇ ਚੱਕਰ ਦੇ ਅੰਤ ਤੱਕ ਬਹੁਤ ਜਟਿਲ ਹੋ ਜਾਂਦੇ ਹਨ।

ਜਦੋਂ ਕਿ ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਫਰੇਮਵਰਕਾਂ ਨੂੰ ਪੇਸ਼ ਕਰਨ ਤੋਂ ਜਾਨਬੂਝ ਕੇ ਬਚਿਆ ਹੈ ਤਾਂ ਕਿ ਫਰੇਮਵਰਕ ਨੂੰ ਅਪਨਾਉਣ ਤੋਂ ਪਹਿਲ

ਮਦਦ ਪ੍ਰਾਪਤ ਕਰਨਾ

ਜੇ ਤੁਸੀਂ ਫਸ ਜਾਂਦੇ ਹੋ ਜਾਂ AI ਐਪਸ ਬਣਾਉਣ ਬਾਰੇ ਕੋਈ ਸਵਾਲ ਹੈ, ਤਾਂ ਸ਼ਾਮਲ ਹੋਵੋ:

ਜੇ ਤੁਹਾਨੂੰ ਉਤਪਾਦ ਫੀਡਬੈਕ ਦੇਣਾ ਹੈ ਜਾਂ ਬਣਾਉਣ ਦੌਰਾਨ ਕੋਈ ਗਲਤੀਆਂ ਆਉਂਦੀਆਂ ਹਨ, ਤਾਂ ਜਾਓ:

ਲਾਇਸੰਸ

ਇਹ ਰਿਪੋਜ਼ਿਟਰੀ MIT ਲਾਇਸੰਸ ਅਧੀਨ ਹੈ। ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ LICENSE ਫਾਈਲ ਵੇਖੋ।

ਅਸਵੀਕਰਤੀ:
ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ Co-op Translator ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀਤਾ ਲਈ ਯਤਨਸ਼ੀਲ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੁਚੀਤਤਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਇਸ ਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਮੂਲ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਪੈਦਾ ਹੋਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।

40 KiB Raw Blame History