msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity

Merge pull request #1479 from microsoft/update-translations

Browse Source 
🌐 Update translations via Co-op Translator
pull/1480/head
Lee Stott 1 week ago committed by GitHub
parent 8a8303086a 62f55f3d22
commit 982797045b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 262 additions and 248 deletions
Show Stats Download Patch File Download Diff File

155
translations/mr/README.md
Unescape View File

@ -1,8 +1,8 @@
<!-- <!--
CO_OP_TRANSLATOR_METADATA: CO_OP_TRANSLATOR_METADATA:
{ {
"original_hash": "b672130244189715ac084c3259f6ab58", "original_hash": "efa251c5fc089367f0a81c572874afca",
"translation_date": "2025-08-25T20:47:39+00:00", "translation_date": "2025-08-28T02:36:11+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "mr" "language_code": "mr"
} }
@ -21,31 +21,34 @@ CO_OP_TRANSLATOR_METADATA:
[![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)
# वेब विकासासाठी नवशिक्यांसाठी - अभ्यासक्रम [![Microsoft Azure AI Foundry Discord](https://dcbadge.limes.pink/api/server/ByRwuEEgH4)](https://discord.com/invite/ByRwuEEgH4)
मायक्रोसॉफ्ट क्लाउड अॅडव्होकेट्सद्वारे 12 आठवड्यांच्या व्यापक कोर्ससह वेब विकासाची मूलभूत तत्त्वे शिका. प्रत्येक 24 धड्यांमध्ये JavaScript, CSS, आणि HTML यावर आधारित प्रकल्पांसह सखोल अभ्यास केला जातो, जसे की टेरॅरियम्स, ब्राउझर एक्सटेंशन्स, आणि स्पेस गेम्स. क्विझ, चर्चा, आणि प्रॅक्टिकल असाइनमेंट्ससह सहभाग घ्या. प्रकल्प-आधारित शिक्षण पद्धतीने तुमचे कौशल्य वाढवा आणि ज्ञान टिकवून ठेवा. आजच तुमचा कोडिंग प्रवास सुरू करा! या संसाधनांचा वापर सुरू करण्यासाठी खालील चरणांचे अनुसरण करा:
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`
3. [**Azure AI Foundry Discord मध्ये सामील व्हा आणि तज्ञ व इतर डेव्हलपर्सशी संवाद साधा**](https://discord.com/invite/ByRwuEEgH4)
# नवशिक्यांसाठी वेब डेव्हलपमेंट - अभ्यासक्रम
Microsoft Cloud Advocates कडून 12 आठवड्यांचा व्यापक कोर्स घेऊन वेब डेव्हलपमेंटचे मूलभूत तत्त्वे शिका. प्रत्येक 24 धड्यांमध्ये JavaScript, CSS, आणि HTML शिकवले जाते, ज्यामध्ये टेरॅरियम्स, ब्राउझर एक्सटेंशन्स, आणि स्पेस गेम्ससारखे प्रोजेक्ट्स असतात. क्विझ, चर्चा, आणि प्रॅक्टिकल असाइनमेंट्ससह सहभाग घ्या. प्रोजेक्ट-आधारित शिक्षण पद्धतीने तुमचे कौशल्य वाढवा आणि ज्ञान टिकवून ठेवा. आजच तुमचा कोडिंग प्रवास सुरू करा!
#### 🧑‍🎓 _तुम्ही विद्यार्थी आहात का?_ #### 🧑‍🎓 _तुम्ही विद्यार्थी आहात का?_
[**स्टुडंट हब पृष्ठाला भेट द्या**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) जिथे तुम्हाला नवशिक्यांसाठी संसाधने, स्टुडंट पॅक्स, आणि अगदी मोफत प्रमाणपत्र वाउचर मिळवण्याचे मार्ग सापडतील. हे पृष्ठ बुकमार्क करा आणि दर महिन्याला नवीन सामग्रीसाठी तपासा. [**Student Hub पृष्ठाला भेट द्या**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) जिथे तुम्हाला नवशिक्यांसाठी संसाधने, विद्यार्थी पॅक्स, आणि मोफत प्रमाणपत्र वाउचर मिळवण्याचे मार्ग सापडतील. हे पृष्ठ बुकमार्क करा आणि वेळोवेळी तपासा कारण आम्ही दर महिन्याला सामग्री बदलतो.
### 📣 घोषणा - _नवीन अभ्यासक्रम_ जनरेटिव AI साठी JavaScript वर नुकताच प्रकाशित झाला ### 📣 घोषणा - _नवीन अभ्यासक्रम_ JavaScript साठी जनरेटिव्ह AI वर नुकताच प्रकाशित झाला
आमचा नवीन जनरेटिव AI अभ्यासक्रम चुकवू नका! आमचा नवीन जनरेटिव्ह 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) ला भेट द्या आणि सुरुवात करा!
<div> ![Background](../../translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.mr.png)
<img src="./images/background.png" width="600px" />
</div>
- मूलभूत गोष्टींपासून RAG पर्यंत सर्वकाही कव्हर करणारे धडे. - मूलभूत गोष्टींपासून RAG पर्यंत सर्वकाही कव्हर करणारे धडे.
- GenAI आणि आमच्या साथीदार अॅपसह ऐतिहासिक पात्रांशी संवाद साधा. - GenAI आणि आमच्या साथीदार अॅपसह ऐतिहासिक पात्रांशी संवाद साधा.
- मजेदार आणि आकर्षक कथा, तुम्ही वेळ प्रवास कराल! - मजेदार आणि आकर्षक कथा, तुम्ही वेळ प्रवास कराल!
<div> ![character](../../translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.mr.png)
<img src="./images/character.png" width="600px" />
</div>
प्रत्येक धड्यात समाविष्ट आहे: प्रत्येक धड्यात समाविष्ट आहे:
- प्रॉम्प्टिंग आणि प्रॉम्प्ट इंजिनिअरिंग - प्रॉम्प्टिंग आणि प्रॉम्प्ट इंजिनिअरिंग
@ -54,44 +57,44 @@ CO_OP_TRANSLATOR_METADATA:
[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) सारख्या टेक्स्ट एडिटरचा वापर करू शकता.
#### तुमचा रिपॉझिटरी तयार करा #### तुमची रेपॉझिटरी तयार करा
तुमचे काम सहजपणे सेव्ह करण्यासाठी, तुमच्या GitHub खात्यात या अभ्यासक्रमाची स्वतःची प्रत तयार करणे शिफारसीय आहे. तुम्ही पृष्ठाच्या शीर्षस्थानी **Use this template** बटणावर क्लिक करून हे करू शकता. तुमचे काम सहजपणे सेव्ह करण्यासाठी, तुमची स्वतःची रेपॉझिटरी तयार करणे शिफारसीय आहे. तुम्ही पृष्ठाच्या शीर्षस्थानी **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 तयार होईल.
<img src="./images/createcodespace.png" alt="Create codespace" style="width:270px;"/> [!Codespace](./images/createcodespace.png)
#### तुमच्या संगणकावर स्थानिकपणे अभ्यासक्रम चालवणे #### तुमच्या संगणकावर स्थानिकपणे अभ्यासक्रम चालवणे
तुमच्या संगणकावर स्थानिकपणे अभ्यासक्रम चालवण्यासाठी, तुम्हाला टेक्स्ट एडिटर, ब्राउझर आणि कमांड लाइन टूलची आवश्यकता असेल. आमचा पहिला धडा, [प्रोग्रामिंग भाषांची ओळख आणि टूल्स ऑफ द ट्रेड](https://github.com/microsoft/Web-Dev-For-Beginners/tree/main/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) देखील समाविष्ट आहे. तुम्ही [इथे](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) Visual Studio Code डाउनलोड करू शकता. आमची शिफारस आहे की तुम्ही [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) देखील आहे. तुम्ही [इथे](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) Visual Studio Code डाउनलोड करू शकता.
1. तुमचा रिपॉझिटरी तुमच्या संगणकावर क्लोन करा. तुम्ही **Code** बटणावर क्लिक करून URL कॉपी करू शकता: 1. तुमची रेपॉझिटरी तुमच्या संगणकावर क्लोन करा. तुम्ही **Code** बटणावर क्लिक करून URL कॉपी करू शकता:
<img src="./images/createcodespace.png" alt="Copy your repository URL" style="width:270px;"/> [!CodeSpace](./images/createcodespace.png)
नंतर, [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 वापरा: नंतर, [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>
@ -99,9 +102,9 @@ CO_OP_TRANSLATOR_METADATA:
2. Visual Studio Code मध्ये फोल्डर उघडा. तुम्ही **File** > **Open Folder** वर क्लिक करून क्लोन केलेला फोल्डर निवडू शकता. 2. Visual Studio Code मध्ये फोल्डर उघडा. तुम्ही **File** > **Open Folder** वर क्लिक करून क्लोन केलेला फोल्डर निवडू शकता.
> शिफारस केलेले Visual Studio Code एक्सटेंशन्स: > Visual Studio Code साठी शिफारसीय एक्सटेंशन्स:
> >
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML पृष्ठे Visual Studio Code मध्ये प्रिव्ह्यू करण्यासाठी > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML पृष्ठे Visual Studio Code मध्ये प्रीव्ह्यू करण्यासाठी
> * [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) - कोड जलद लिहिण्यास मदत करण्यासाठी
## 📂 प्रत्येक धड्यात समाविष्ट आहे: ## 📂 प्रत्येक धड्यात समाविष्ट आहे:
@ -110,71 +113,71 @@ CO_OP_TRANSLATOR_METADATA:
- पर्यायी पूरक व्हिडिओ - पर्यायी पूरक व्हिडिओ
- प्री-लेसन वॉर्मअप क्विझ - प्री-लेसन वॉर्मअप क्विझ
- लेखी धडा - लेखी धडा
- प्रकल्प-आधारित धड्यांसाठी, प्रकल्प कसा तयार करायचा याचे चरण-दर-चरण मार्गदर्शन - प्रोजेक्ट-आधारित धड्यांसाठी, प्रोजेक्ट कसे तयार करायचे याचे चरण-दर-चरण मार्गदर्शन
- ज्ञान तपासणी - ज्ञान तपासणी
- एक आव्हान - एक आव्हान
- पूरक वाचन - पूरक वाचन
- असाइनमेंट - असाइनमेंट
- पोस्ट-लेसन क्विझ - [पोस्ट-लेसन क्विझ](https://ff-quizzes.netlify.app/)
> **क्विझबद्दल एक टीप**: सर्व क्विझ Quiz-app फोल्डरमध्ये आहेत, प्रत्येकामध्ये तीन प्रश्नांसह 48 क्विझ आहेत. ते धड्यांमधून लिंक केलेले आहेत. Quiz-app स्थानिकपणे चालवले जाऊ शकते किंवा Azure वर डिप्लॉय केले जाऊ शकते; `quiz-app` फोल्डरमधील सूचनांचे अनुसरण करा. ते हळूहळू स्थानिक भाषांमध्ये अनुवादित केले जात आहेत. > **क्विझबद्दल एक टीप**: सर्व क्विझ Quiz-app फोल्डरमध्ये आहेत, प्रत्येक तीन प्रश्नांसह एकूण 48 क्विझ. ते [इथे](https://ff-quizzes.netlify.app/) उपलब्ध आहेत. क्विझ अॅप स्थानिकपणे चालवले जाऊ शकते किंवा Azure वर डिप्लॉय केले जाऊ शकते; `quiz-app` फोल्डरमधील सूचनांचे अनुसरण करा.
## 🗃️ धडे ## 🗃️ धडे
| | प्रकल्पाचे नाव | शिकवले जाणारे संकल्पना | शिकण्याचे उद्दिष्ट | लिंक केलेला धडा | लेखक | | | प्रोजेक्टचे नाव | शिकवले जाणारे संकल्पना | शिकण्याचे उद्दिष्ट | लिंक केलेला धडा | लेखक |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | सुरुवात | प्रोग्रामिंगची ओळख आणि टूल्स ऑफ द ट्रेड | बहुतेक प्रोग्रामिंग भाषांच्या मूलभूत तत्त्वांबद्दल आणि व्यावसायिक विकसकांना त्यांचे काम करण्यास मदत करणाऱ्या सॉफ्टवेअरबद्दल शिका | [प्रोग्रामिंग भाषांची ओळख आणि टूल्स ऑफ द ट्रेड](/1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 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 | | 02 | सुरुवात करणे | GitHub च्या मूलभूत गोष्टी, टीमसोबत काम करणे | तुमच्या प्रोजेक्टमध्ये GitHub कसे वापरायचे, कोड बेसवर इतरांसोबत कसे सहयोग करायचे | [GitHub ची ओळख](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | सुरुवात | ऍक्सेसिबिलिटी | वेब ऍक्सेसिबिलिटीची मूलभूत तत्त्वे शिका | [ऍक्सेसिबिलिटी मूलभूत गोष्टी](/1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | सुरुवात करणे | ऍक्सेसिबिलिटी | वेब ऍक्सेसिबिलिटीच्या मूलभूत गोष्टी जाणून घ्या | [ऍक्सेसिबिलिटी फंडामेंटल्स](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS मूलभूत गोष्टी | JavaScript डेटा प्रकार | JavaScript डेटा प्रकारांची मूलभूत तत्त्वे | [डेटा प्रकार](/2-js-basics/1-data-types/README.md) | Jasmine | | 04 | JS मूलभूत गोष्टी | JavaScript डेटा प्रकार | JavaScript डेटा प्रकारांची मूलभूत माहिती | [डेटा प्रकार](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS मूलभूत गोष्टी | फंक्शन्स आणि मेथड्स | अॅप्लिकेशनच्या लॉजिक फ्लोचे व्यवस्थापन करण्यासाठी फंक्शन्स आणि मेथड्सबद्दल शिका | [फंक्शन्स आणि मेथड्स](/2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | | 05 | JS मूलभूत गोष्टी | फंक्शन्स आणि मेथड्स | अॅप्लिकेशनच्या लॉजिक फ्लो व्यवस्थापित करण्यासाठी फंक्शन्स आणि मेथड्सबद्दल जाणून घ्या | [फंक्शन्स आणि मेथड्स](./2-js-basics/2-functions-methods/README.md) | Jasmine आणि Christopher |
| 06 | JS मूलभूत गोष्टी | JS सह निर्णय घेणे | निर्णय घेण्याच्या पद्धती वापरून तुमच्या कोडमध्ये अटी कशा तयार करायच्या ते शिका | [निर्णय घेणे](/2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | JS मूलभूत गोष्टी | JS सह निर्णय घेणे | निर्णय घेण्याच्या पद्धती वापरून तुमच्या कोडमध्ये अटी कशा तयार करायच्या ते जाणून घ्या | [निर्णय घेणे](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS मूलभूत गोष्टी | ऍरे आणि लूप्स | JavaScript मध्ये ऍरे आणि लूप्स वापरून डेटा कसा हाताळायचा | [ऍरे आणि लूप्स](/2-js-basics/4-arrays-loops/README.md) | Jasmine | | 07 | JS मूलभूत गोष्टी | ऍरे आणि लूप्स | JavaScript मध्ये ऍरे आणि लूप्स वापरून डेटा व्यवस्थापित करा | [ऍरे आणि लूप्स](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [टेरॅरियम](/3-terrarium/solution/README.md) | HTML चा सराव | ऑनलाइन टेरॅरियम तयार करण्यासाठी HTML तयार करा, लेआउट तयार करण्यावर लक्ष केंद्रित करा | [HTML ची ओळख](/3-terrarium/1-intro-to-html/README.md) | Jen | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML चा सराव | ऑनलाइन टेरॅरियम तयार करण्यासाठी HTML तयार करा, लेआउट तयार करण्यावर लक्ष केंद्रित करा | [HTML ची ओळख](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [टेरॅरियम](/3-terrarium/solution/README.md) | CSS चा सराव | ऑनलाइन टेरॅरियम स्टाइल करण्यासाठी CSS तयार करा, CSS च्या मूलभूत गोष्टींवर लक्ष केंद्रित करा ज्यामध्ये पृष्ठ प्रतिसादक्षम बनवणे समाविष्ट आहे | [CSS ची ओळख](/3-terrarium/2-intro-to-css/README.md) | Jen | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS चा सराव | ऑनलाइन टेरॅरियम स्टाइल करण्यासाठी CSS तयार करा, CSS च्या मूलभूत गोष्टींवर लक्ष केंद्रित करा ज्यामध्ये पृष्ठ प्रतिसादक्षम बनवणे समाविष्ट आहे | [CSS ची ओळख](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [टेरॅरियम](/3-terrarium/solution/README.md) | JavaScript क्लोजर्स, DOM मॅनिप्युलेशन | टेरॅरियमला ड्रॅग/ड्रॉप इंटरफेस म्हणून कार्य करण्यासाठी JavaScript तयार करा, क्लोजर्स आणि DOM मॅनिप्युलेशनवर लक्ष केंद्रित करा | [JavaScript क्लोजर्स, DOM मॅनिप्युलेशन](/3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM manipulation | JavaScript वापरून टेरॅरियमला ड्रॅग/ड्रॉप इंटरफेससारखे कार्य करण्यासाठी तयार करा, ज्यामध्ये क्लोजर्स आणि DOM मॅनिप्युलेशनवर लक्ष केंद्रित केले आहे | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [टायपिंग गेम](/4-typing-game/solution/README.md) | टायपिंग गेम तयार करा | तुमच्या JavaScript अॅपच्या लॉजिकला चालवण्यासाठी कीबोर्ड इव्हेंट्स कसे वापरायचे ते शिका | [इव्हेंट-ड्रिव्हन प्रोग्रामिंग](/4-typing-game/typing-game/README.md) | Christopher | | 11 | [Typing Game](./4-typing-game/solution/README.md) | टायपिंग गेम तयार करा | कीबोर्ड इव्हेंट्सचा वापर करून तुमच्या JavaScript अॅपचे लॉजिक कसे चालवायचे ते शिका | [Event-Driven Programming](./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 | | 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउझरसोबत काम करणे | ब्राउझर कसे कार्य करतात, त्यांचा इतिहास, आणि ब्राउझर एक्स्टेंशनच्या पहिल्या घटकांचे स्कॅफोल्डिंग कसे करायचे ते शिका | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](/5-browser-extension/solution/README.md) | फॉर्म तयार करणे, API कॉल करणे आणि स्थानिक स्टोरेजमध्ये व्हेरिएबल्स साठवणे | स्थानिक स्टोरेजमध्ये साठवलेल्या व्हेरिएबल्सचा वापर करून API कॉल करण्यासाठी तुमच्या ब्राउझर एक्स्टेंशनचे JavaScript घटक तयार करा | [API, फॉर्म्स, आणि स्थानिक स्टोरेज](/5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फॉर्म तयार करणे, API कॉल करणे आणि स्थानिक स्टोरेजमध्ये व्हेरिएबल्स साठवणे | स्थानिक स्टोरेजमध्ये साठवलेल्या व्हेरिएबल्सचा वापर करून API कॉल करण्यासाठी तुमच्या ब्राउझर एक्स्टेंशनचे JavaScript घटक तयार करा | [APIs, Forms, and Local Storage](./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 | | 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउझरमधील बॅकग्राउंड प्रक्रिया, वेब कार्यक्षमता | एक्स्टेंशनच्या आयकॉनचे व्यवस्थापन करण्यासाठी ब्राउझरच्या बॅकग्राउंड प्रक्रियेचा वापर करा; वेब कार्यक्षमता आणि काही ऑप्टिमायझेशनबद्दल शिका | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](/6-space-game/solution/README.md) | JavaScript सह अधिक प्रगत गेम डेव्हलपमेंट | वर्ग आणि कंपोझिशनचा वापर करून इनहेरिटन्स आणि Pub/Sub पॅटर्नबद्दल शिका, गेम तयार करण्यासाठी तयारी करा | [प्रगत गेम डेव्हलपमेंटची ओळख](/6-space-game/1-introduction/README.md) | Chris | | 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript सह अधिक प्रगत गेम डेव्हलपमेंट | वर्ग आणि कंपोझिशन वापरून इनहेरिटन्सबद्दल शिका आणि गेम तयार करण्याच्या तयारीसाठी Pub/Sub पॅटर्न समजून घ्या | [Introduction to Advanced Game Development](./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 | | 16 | [Space Game](./6-space-game/solution/README.md) | कॅनव्हासवर रेखाटन | स्क्रीनवर घटक रेखाटण्यासाठी वापरल्या जाणाऱ्या कॅनव्हास API बद्दल शिका | [Drawing to Canvas](./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 | | 17 | [Space Game](./6-space-game/solution/README.md) | स्क्रीनवर घटक हलवणे | घटकांना कार्टेशियन कोऑर्डिनेट्स आणि कॅनव्हास API चा वापर करून गती कशी मिळवता येते ते शोधा | [Moving Elements Around](./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 | | 18 | [Space Game](./6-space-game/solution/README.md) | टक्कर शोधणे | घटकांना एकमेकांशी टक्कर देणे आणि कीप्रेसचा वापर करून प्रतिक्रिया देणे, तसेच गेमची कार्यक्षमता सुनिश्चित करण्यासाठी कूलडाउन फंक्शन प्रदान करा | [Collision Detection](./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 | | 19 | [Space Game](./6-space-game/solution/README.md) | स्कोअर ठेवणे | गेमच्या स्थिती आणि कार्यक्षमतेच्या आधारे गणितीय गणना करा | [Keeping Score](./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 | | 20 | [Space Game](./6-space-game/solution/README.md) | गेम संपवणे आणि पुन्हा सुरू करणे | गेम संपवणे आणि पुन्हा सुरू करणे, त्यात अॅसेट्स साफ करणे आणि व्हेरिएबल व्हॅल्यूज रीसेट करणे याबद्दल शिका | [The Ending Condition](./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 | | 21 | [Banking App](./7-bank-project/solution/README.md) | वेब अॅपमध्ये HTML टेम्पलेट्स आणि रूट्स | रूटिंग आणि HTML टेम्पलेट्स वापरून मल्टीपेज वेबसाइटच्या आर्किटेक्चरचे स्कॅफोल्ड कसे तयार करायचे ते शिका | [HTML Templates and Routes](./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 | | 22 | [Banking App](./7-bank-project/solution/README.md) | लॉगिन आणि रजिस्ट्रेशन फॉर्म तयार करा | फॉर्म तयार करणे आणि व्हॅलिडेशन रूटीन हाताळणे याबद्दल शिका | [Forms](./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 | | 23 | [Banking App](./7-bank-project/solution/README.md) | डेटा मिळवण्याचे आणि वापरण्याचे पद्धती | तुमच्या अॅपमध्ये डेटा कसा प्रवाहित होतो, तो कसा मिळवायचा, साठवायचा आणि त्याचा नाश कसा करायचा ते शिका | [Data](./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 | | 24 | [Banking App](./7-bank-project/solution/README.md) | स्टेट मॅनेजमेंटची संकल्पना | तुमचे अॅप स्टेट कसे राखते आणि ते प्रोग्रामॅटिकली कसे व्यवस्थापित करायचे ते शिका | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
## 🏫 शिक्षणशास्त्र ## 🏫 शिक्षण पद्धती
आमच्या अभ्यासक्रमाची रचना दोन प्रमुख शिक्षणशास्त्रीय तत्त्वांवर आधारित आहे: आमचे अभ्यासक्रम दोन महत्त्वाच्या शैक्षणिक तत्त्वांवर आधारित आहेत:
* प्रोजेक्ट-आधारित शिक्षण * प्रकल्प-आधारित शिक्षण
* वारंवार क्विझ * वारंवार क्विझ
हा प्रोग्राम JavaScript, HTML, आणि CSS चे मूलभूत तत्त्वे तसेच आजच्या वेब डेव्हलपर्सद्वारे वापरल्या जाणाऱ्या नवीनतम साधने आणि तंत्र शिकवतो. विद्यार्थ्यांना टायपिंग गेम, व्हर्च्युअल टेरॅरियम, पर्यावरणपूरक ब्राउझर एक्स्टेंशन, स्पेस-इनव्हेडर-शैलीतील गेम, आणि व्यवसायांसाठी बँकिंग अॅप तयार करून प्रत्यक्ष अनुभव मिळवण्याची संधी मिळेल. या मालिकेच्या शेवटी, विद्यार्थ्यांना वेब डेव्हलपमेंटचे सखोल ज्ञान मिळालेले असेल. हा कार्यक्रम JavaScript, HTML, आणि CSS चे मूलतत्त्व तसेच आजच्या वेब डेव्हलपर्सद्वारे वापरल्या जाणाऱ्या नवीनतम साधने आणि तंत्र शिकवतो. विद्यार्थ्यांना टायपिंग गेम, वर्च्युअल टेरॅरियम, पर्यावरणपूरक ब्राउझर एक्स्टेंशन, स्पेस-इनव्हेडर-शैलीतील गेम, आणि व्यवसायांसाठी बँकिंग अॅप तयार करून प्रत्यक्ष अनुभव मिळवण्याची संधी मिळेल. या मालिकेच्या शेवटी, विद्यार्थ्यांना वेब डेव्हलपमेंटचे सखोल ज्ञान मिळालेले असेल.
> 🎓 तुम्ही या अभ्यासक्रमातील काही सुरुवातीचे धडे [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) वर Microsoft Learn वर घेऊ शकता! > 🎓 तुम्ही या अभ्यासक्रमातील काही पहिल्या धडे [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) वर Microsoft Learn वर घेऊ शकता!
प्रोजेक्ट्सशी सामग्री संरेखित करून, प्रक्रिया विद्यार्थ्यांसाठी अधिक आकर्षक बनवली जाते आणि संकल्पनांची आठवण अधिक दृढ होते. आम्ही JavaScript मूलभूत गोष्टींच्या परिचयासाठी काही स्टार्टर धडे लिहिले आहेत, ज्यामध्ये "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" या व्हिडिओ ट्यूटोरियल्सच्या संग्रहातील व्हिडिओ जोडले आहेत, ज्यांचे काही लेखक या अभ्यासक्रमात योगदान देतात. प्रकल्पांशी सामग्री जुळवून, विद्यार्थ्यांसाठी प्रक्रिया अधिक आकर्षक बनवली जाते आणि संकल्पनांची आठवण अधिक चांगली होते. आम्ही JavaScript मूलभूत गोष्टींची ओळख करून देण्यासाठी काही स्टार्टर धडे लिहिले आहेत, ज्यामध्ये "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" या व्हिडिओ ट्यूटोरियल मालिकेतील व्हिडिओ जोडले आहेत, ज्यांचे काही लेखक या अभ्यासक्रमात योगदान देणारे आहेत.
याशिवाय, वर्गापूर्वीचा कमी ताणाचा क्विझ विद्यार्थ्याला विषय शिकण्याच्या उद्देशाकडे वळवतो, तर वर्गानंतरचा दुसरा क्विझ संकल्पनांची अधिक दृढ आठवण सुनिश्चित करतो. हा अभ्यासक्रम लवचिक आणि मजेदार बनवण्यासाठी डिझाइन केला गेला आहे आणि तो पूर्ण किंवा अंशतः घेतला जाऊ शकतो. प्रोजेक्ट्स लहान सुरू होतात आणि 12 आठवड्यांच्या चक्राच्या शेवटी अधिकाधिक जटिल होतात. याशिवाय, वर्गापूर्वी कमी दबावाचा क्विझ विद्यार्थ्याला विषय शिकण्याच्या उद्देशाकडे वळवतो, तर वर्गानंतरचा दुसरा क्विझ संकल्पनांची अधिक चांगली आठवण करून देतो. हा अभ्यासक्रम लवचिक आणि मजेदार बनवण्यासाठी डिझाइन केला गेला आहे आणि तो पूर्ण किंवा अंशतः घेतला जाऊ शकतो. प्रकल्प लहान स्वरूपात सुरू होतात आणि 12 आठवड्यांच्या चक्राच्या शेवटी अधिकाधिक जटिल होतात.
आम्ही जाणीवपूर्वक JavaScript फ्रेमवर्क्सचा परिचय टाळला आहे जेणेकरून फ्रेमवर्क स्वीकारण्यापूर्वी वेब डेव्हलपर म्हणून आवश्यक असलेल्या मूलभूत कौशल्यांवर लक्ष केंद्रित करता येईल. हा अभ्यासक्रम पूर्ण केल्यानंतर पुढील चांगले पाऊल म्हणजे "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" या व्हिडिओंच्या आणखी एका संग्रहाद्वारे Node.js शिकणे होईल. आम्ही जाणीवपूर्वक JavaScript फ्रेमवर्क्सची ओळख टाळली आहे, जेणेकरून फ्रेमवर्क स्वीकारण्यापूर्वी वेब डेव्हलपर म्हणून आवश्यक मूलभूत कौशल्यांवर लक्ष केंद्रित करता येईल. हा अभ्यासक्रम पूर्ण केल्यानंतर पुढील चांगले पाऊल म्हणजे "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" या व्हिडिओ मालिकेद्वारे Node.js शिकणे.
> आमचा [Code of Conduct](CODE_OF_CONDUCT.md) आणि [Contributing](CONTRIBUTING.md) मार्गदर्शक तत्त्वे पहा. आम्ही तुमच्या रचनात्मक अभिप्रायाचे स्वागत करतो! > आमचा [Code of Conduct](CODE_OF_CONDUCT.md) आणि [Contributing](CONTRIBUTING.md) मार्गदर्शक तत्त्वे पहा. आम्ही तुमच्या रचनात्मक अभिप्रायाचे स्वागत करतो!
## 🧭 ऑफलाइन प्रवेश ## 🧭 ऑफलाइन प्रवेश
तुम्ही [Docsify](https://docsify.js.org/#/) चा वापर करून ही दस्तऐवज ऑफलाइन चालवू शकता. या रेपोला फोर्क करा, तुमच्या स्थानिक मशीनवर [Docsify इंस्टॉल करा](https://docsify.js.org/#/quickstart), आणि मग या रेपोच्या रूट फोल्डरमध्ये `docsify serve` टाइप करा. वेबसाइट तुमच्या लोकलहोस्टवर पोर्ट 3000 वर चालवली जाईल: `localhost:3000`. तुम्ही [Docsify](https://docsify.js.org/#/) वापरून ही दस्तऐवज ऑफलाइन चालवू शकता. हे रेपो फोर्क करा, तुमच्या स्थानिक मशीनवर [Docsify इंस्टॉल](https://docsify.js.org/#/quickstart) करा, आणि मग या रेपोच्या रूट फोल्डरमध्ये `docsify serve` टाइप करा. वेबसाइट तुमच्या लोकलहोस्टवर पोर्ट 3000 वर चालवली जाईल: `localhost:3000`.
## 📘 PDF ## 📘 PDF
सर्व धड्यांचा PDF [येथे](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) सापडेल. सर्व धड्यांचा PDF [येथे](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) उपलब्ध आहे.
## 🎒 इतर अभ्यासक्रम ## 🎒 इतर अभ्यासक्रम
@ -198,7 +201,9 @@ CO_OP_TRANSLATOR_METADATA:
## परवाना ## परवाना
ही रेपॉजिटरी MIT परवान्याअंतर्गत परवानाकृत आहे. अधिक माहितीसाठी [LICENSE](../../LICENSE) फाइल पहा. हे रेपॉजिटरी MIT परवान्याअंतर्गत परवानाकृत आहे. अधिक माहितीसाठी [LICENSE](../../LICENSE) फाइल पहा.
---
**अस्वीकरण**: **अस्वीकरण**:
हा दस्तऐवज AI भाषांतर सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी कृपया लक्षात ठेवा की स्वयंचलित भाषांतरांमध्ये त्रुटी किंवा अचूकतेचा अभाव असू शकतो. मूळ भाषेतील दस्तऐवज हा अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी व्यावसायिक मानवी भाषांतराची शिफारस केली जाते. या भाषांतराचा वापर करून उद्भवलेल्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थासाठी आम्ही जबाबदार राहणार नाही. हा दस्तऐवज AI भाषांतर सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी कृपया लक्षात ठेवा की स्वयंचलित भाषांतरांमध्ये त्रुटी किंवा अचूकतेचा अभाव असू शकतो. मूळ भाषेतील दस्तऐवज हा अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी व्यावसायिक मानवी भाषांतराची शिफारस केली जाते. या भाषांतराचा वापर करून निर्माण होणाऱ्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थासाठी आम्ही जबाबदार राहणार नाही.

144
translations/ne/README.md
Unescape View File

@ -1,8 +1,8 @@
<!-- <!--
CO_OP_TRANSLATOR_METADATA: CO_OP_TRANSLATOR_METADATA:
{ {
"original_hash": "b672130244189715ac084c3259f6ab58", "original_hash": "efa251c5fc089367f0a81c572874afca",
"translation_date": "2025-08-25T20:48:46+00:00", "translation_date": "2025-08-28T02:37:25+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "ne" "language_code": "ne"
} }
@ -21,92 +21,96 @@ CO_OP_TRANSLATOR_METADATA:
[![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)
# शुरुवातका लागि वेब विकास - पाठ्यक्रम [![Microsoft Azure AI Foundry Discord](https://dcbadge.limes.pink/api/server/ByRwuEEgH4)](https://discord.com/invite/ByRwuEEgH4)
माइक्रोसफ्ट क्लाउड एड्भोकेट्सद्वारा तयार गरिएको १२ हप्ताको व्यापक पाठ्यक्रममार्फत वेब विकासको आधारभूत कुराहरू सिक्नुहोस्। प्रत्येक २४ पाठले जाभास्क्रिप्ट, CSS, र HTML मा ध्यान केन्द्रित गर्दै परियोजनाहरू जस्तै टेरारियम, ब्राउजर एक्सटेन्सन, र स्पेस गेमहरू मार्फत सिकाउँछ। क्विज, छलफल, र व्यावहारिक असाइनमेन्टहरूमा संलग्न हुनुहोस्। परियोजना-आधारित शिक्षण विधिको प्रभावकारी प्रयोगले तपाईंको सीपलाई सुधार गर्न र ज्ञानलाई दीर्घकालीन बनाउन मद्दत गर्दछ। आजै आफ्नो कोडिङ यात्रा सुरु गर्नुहोस्! यी स्रोतहरू प्रयोग गर्न सुरु गर्न निम्न चरणहरू अनुसरण गर्नुहोस्:
1. **रिपोजिटरीलाई Fork गर्नुहोस्**: [![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. **रिपोजिटरीलाई Clone गर्नुहोस्**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord मा सामेल हुनुहोस् र विशेषज्ञहरू तथा अन्य विकासकर्तासँग भेट गर्नुहोस्**](https://discord.com/invite/ByRwuEEgH4)
# वेब विकासका लागि शुरुआतीहरू - एक पाठ्यक्रम
Microsoft Cloud Advocates द्वारा तयार गरिएको हाम्रो १२ हप्ताको व्यापक पाठ्यक्रमको साथ वेब विकासको आधारभूत कुराहरू सिक्नुहोस्। प्रत्येक २४ पाठले JavaScript, CSS, र HTML मा व्यावहारिक परियोजनाहरू जस्तै terrariums, ब्राउजर एक्सटेन्सनहरू, र स्पेस गेमहरू मार्फत गहिरो जानकारी दिन्छ। क्विजहरू, छलफलहरू, र व्यावहारिक असाइनमेन्टहरूमा संलग्न हुनुहोस्। हाम्रो प्रभावकारी परियोजना-आधारित शिक्षण विधिको साथ आफ्नो सीप सुधार गर्नुहोस् र ज्ञानको प्रतिधारणलाई अनुकूल बनाउनुहोस्। आजै आफ्नो कोडिङ यात्रा सुरु गर्नुहोस्!
#### 🧑‍🎓 _के तपाईं विद्यार्थी हुनुहुन्छ?_ #### 🧑‍🎓 _के तपाईं विद्यार्थी हुनुहुन्छ?_
[**विद्यार्थी हब पृष्ठ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) मा जानुहोस् जहाँ तपाईंले शुरुवातका स्रोतहरू, विद्यार्थी प्याकहरू, र नि:शुल्क प्रमाणपत्र भौचर प्राप्त गर्ने तरिकाहरू पाउन सक्नुहुन्छ। यो पृष्ठलाई बुकमार्क गर्नुहोस् र समय-समयमा जाँच गर्नुहोस् किनभने हामी मासिक रूपमा सामग्री परिवर्तन गर्छौं। [**Student Hub पृष्ठ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) मा जानुहोस् जहाँ तपाईंलाई शुरुआती स्रोतहरू, विद्यार्थी प्याकहरू, र नि:शुल्क प्रमाणपत्र भौचर प्राप्त गर्ने तरिकाहरू भेट्न सकिन्छ। यो पृष्ठलाई बुकमार्क गर्नुहोस् र समय-समयमा जाँच गर्नुहोस् किनभने हामी मासिक रूपमा सामग्री परिवर्तन गर्छौं।
### 📣 घोषणा - _नयाँ पाठ्यक्रम_ जेनरेटिभ AI को लागि जाभास्क्रिप्टमा हालै जारी भएको छ ### 📣 घोषणा - _नयाँ पाठ्यक्रम_ JavaScript को लागि 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) मा जानुहोस् र सुरु गर्नुहोस्!
<div> ![Background](../../translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.ne.png)
<img src="./images/background.png" width="600px" />
</div>
- आधारभूतदेखि RAG सम्मका पाठहरू। - आधारभूतदेखि RAG सम्मका पाठहरू।
- जेनरेटिभ AI र हाम्रो सहायक एप प्रयोग गरेर ऐतिहासिक पात्रहरूसँग अन्तरक्रिया गर्नुहोस्। - GenAI र हाम्रो साथी एप प्रयोग गरेर ऐतिहासिक पात्रहरूसँग अन्तरक्रिया गर्नुहोस्।
- रमाइलो र आकर्षक कथा, तपाईं समय यात्रा गर्दै हुनुहुनेछ! - रमाइलो र आकर्षक कथा, तपाईं समय यात्रा गर्दै हुनुहुनेछ!
<div> ![character](../../translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.ne.png)
<img src="./images/character.png" width="600px" />
</div>
प्रत्येक पाठमा समावेश छ: प्रत्येक पाठमा समावेश छ:
- असाइनमेन्ट पूरा गर्नुहोस्। - असाइनमेन्ट पूरा गर्नुहोस्।
- ज्ञान जाँच। - ज्ञान जाँच।
- चुनौतीहरू। - चुनौतीहरू।
- विषयहरू जस्तै: - विषयहरू सिक्न मार्गदर्शन।
- प्रम्प्टिङ र प्रम्प्ट इन्जिनियरिङ।
- टेक्स्ट र इमेज एप निर्माण। - Prompting र prompt engineering।
- सर्च एपहरू। - Text र image app निर्माण।
- Search apps।
[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 गर्नुहोस्**: पृष्ठको माथि-दायाँ कुनामा रहेको "Fork" बटनमा क्लिक गर्नुहोस्।
2. **रिपोजिटरी क्लोन गर्नुहोस्**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **रिपोजिटरीलाई Clone गर्नुहोस्**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Codespace मा पाठ्यक्रम चलाउँदै #### Codespace मा पाठ्यक्रम चलाउँदै
तपाईंले बनाएको यो रिपोजिटरीको प्रतिलिपिमा, **Code** बटन क्लिक गर्नुहोस् र **Open with Codespaces** चयन गर्नुहोस्। यसले तपाईंलाई काम गर्न नयाँ Codespace बनाउनेछ। तपाईंले बनाएको यो रिपोजिटरीको प्रतिलिपिमा, **Code** बटनमा क्लिक गर्नुहोस् र **Open with Codespaces** चयन गर्नुहोस्। यसले तपाईंलाई काम गर्न नयाँ Codespace बनाउनेछ।
<img src="./images/createcodespace.png" alt="Create codespace" style="width:270px;"/> [!Codespace](./images/createcodespace.png)
#### आफ्नो कम्प्युटरमा स्थानीय रूपमा पाठ्यक्रम चलाउँदै #### आफ्नो कम्प्युटरमा स्थानीय रूपमा पाठ्यक्रम चलाउँदै
पाठ्यक्रमलाई आफ्नो कम्प्युटरमा स्थानीय रूपमा चलाउन, तपाईंलाई टेक्स्ट एडिटर, ब्राउजर, र कमाण्ड लाइन टूल आवश्यक हुनेछ। हाम्रो पहिलो पाठ, [प्रोग्रामिङ भाषाहरू र उपकरणहरूको परिचय](https://github.com/microsoft/Web-Dev-For-Beginners/tree/main/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) पनि समावेश छ। तपाईं [यहाँ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) बाट Visual Studio Code डाउनलोड गर्न सक्नुहुन्छ। हाम्रो सिफारिस [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) पनि समावेश छ। तपाईं [यहाँ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) बाट Visual Studio Code डाउनलोड गर्न सक्नुहुन्छ।
1. आफ्नो रिपोजिटरीलाई आफ्नो कम्प्युटरमा क्लोन गर्नुहोस्। तपाईं यो **Code** बटन क्लिक गरेर र URL प्रतिलिपि गरेर गर्न सक्नुहुन्छ: 1. आफ्नो रिपोजिटरीलाई कम्प्युटरमा Clone गर्नुहोस्। तपाईंले **Code** बटनमा क्लिक गरेर URL प्रतिलिपि गर्न सक्नुहुन्छ:
<img src="./images/createcodespace.png" alt="Copy your repository URL" style="width:270px;"/> [!CodeSpace](./images/createcodespace.png)
त्यसपछि, [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 सँग बदल्नुहोस्: त्यसपछि, [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 सँग प्रतिस्थापन गर्नुहोस्:
```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** मा क्लिक गरेर Clone गरिएको फोल्डर चयन गर्न सक्नुहुन्छ।
> सिफारिस गरिएको Visual Studio Code एक्सटेन्सनहरू: > सिफारिस गरिएको Visual Studio Code एक्सटेन्सनहरू:
> >
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML पृष्ठहरू Visual Studio Code भित्र प्रिभ्यु गर्न। > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML पृष्ठहरू Visual Studio Code भित्र प्रिभ्यू गर्न।
> * [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) - कोड छिटो लेख्न मद्दत गर्न।
## 📂 प्रत्येक पाठमा समावेश छ: ## 📂 प्रत्येक पाठमा समावेश छ:
@ -114,43 +118,43 @@ CO_OP_TRANSLATOR_METADATA:
- वैकल्पिक पूरक भिडियो। - वैकल्पिक पूरक भिडियो।
- प्रि-पाठ वार्मअप क्विज। - प्रि-पाठ वार्मअप क्विज।
- लेखिएको पाठ। - लेखिएको पाठ।
- परियोजना-आधारित पाठहरूको लागि, परियोजना निर्माण गर्ने चरण-दर-चरण मार्गदर्शन। - परियोजना-आधारित पाठहरूको लागि, परियोजना निर्माणको चरण-दर-चरण मार्गदर्शन।
- ज्ञान जाँच। - ज्ञान जाँच।
- चुनौती। - चुनौती।
- पूरक पढाइ। - पूरक पढाइ।
- असाइनमेन्ट। - असाइनमेन्ट।
- पोस्ट-पाठ क्विज। - [पोस्ट-पाठ क्विज](https://ff-quizzes.netlify.app/)
> **क्विजहरूको बारेमा नोट**: सबै क्विजहरू Quiz-app फोल्डरमा समावेश छन्, प्रत्येकमा तीन प्रश्न सहित ४८ क्विजहरू। ती पाठहरूबाट लिंक गरिएका छन्। क्विज एपलाई स्थानीय रूपमा चलाउन वा Azure मा डिप्लोय गर्न सकिन्छ; `quiz-app` फोल्डरमा निर्देशनहरू पालना गर्नुहोस्। ती क्रमिक रूपमा स्थानीयकरण हुँदैछन्। > **क्विजहरूको बारेमा नोट**: सबै क्विजहरू Quiz-app फोल्डरमा समावेश छन्, प्रत्येकमा तीन प्रश्न सहित ४८ कुल क्विजहरू। तिनीहरू [यहाँ](https://ff-quizzes.netlify.app/) उपलब्ध छन्। Quiz-app स्थानीय रूपमा चलाउन वा Azure मा डिप्लोय गर्न सकिन्छ; `quiz-app` फोल्डरमा निर्देशनहरू अनुसरण गर्नुहोस्।
## 🗃️ पाठहरू ## 🗃️ पाठहरू
| | परियोजनाको नाम | सिकाइ अवधारणाहरू | सिकाइ उद्देश्यहरू | लिंक गरिएको पाठ | लेखक | | | परियोजनाको नाम | सिकाइ अवधारणाहरू | सिकाइ उद्देश्यहरू | लिंक गरिएको पाठ | लेखक |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | सुरु गर्दै | प्रोग्रामिङ र उपकरणहरूको परिचय | अधिकांश प्रोग्रामिङ भाषाहरूको आधारभूत कुराहरू र व्यावसायिक विकासकर्ताहरूले आफ्नो काम गर्न प्रयोग गर्ने सफ्टवेयरको बारेमा जान्नुहोस् | [प्रोग्रामिङ भाषाहरू र उपकरणहरूको परिचय](/1-getting-started-lessons/1-intro-to-programming-languages/README.md) | जैस्मिन | | 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) | फ्लोर | | 02 | सुरु गर्दै | GitHub को आधारभूत कुराहरू, टोलीसँग काम गर्ने समावेश | आफ्नो परियोजनामा GitHub कसरी प्रयोग गर्ने, कोड बेसमा अरूसँग कसरी सहकार्य गर्ने | [GitHub को परिचय](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | सुरु गर्दै | पहुँचयोग्यता | वेब पहुँचयोग्यताको आधारभूत कुराहरू सिक्नुहोस् | [पहुंचयोग्यता आधारभूत कुरा](/1-getting-started-lessons/3-accessibility/README.md) | क्रिस्टोफर | | 03 | सुरु गर्दै | पहुँचयोग्यता | वेब पहुँचयोग्यताको आधारभूत कुराहरू सिक्नुहोस् | [पहुंचयोग्यता आधारभूत](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS आधारभूत कुरा | जाभास्क्रिप्ट डेटा प्रकार | जाभास्क्रिप्ट डेटा प्रकारहरूको आधारभूत कुरा | [डेटा प्रकार](/2-js-basics/1-data-types/README.md) | जैस्मिन | | 04 | JS आधारभूत | JavaScript डेटा प्रकार | JavaScript डेटा प्रकारहरूको आधारभूत कुराहरू | [डेटा प्रकार](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS आधारभूत कुरा | कार्यहरू र विधिहरू | एप्लिकेसनको तर्क प्रवाह व्यवस्थापन गर्न कार्यहरू र विधिहरूको बारेमा जान्नुहोस् | [कार्यहरू र विधिहरू](/2-js-basics/2-functions-methods/README.md) | जैस्मिन र क्रिस्टोफर | | 05 | JS आधारभूत | कार्यहरू र विधिहरू | अनुप्रयोगको तर्क प्रवाह व्यवस्थापन गर्न कार्यहरू र विधिहरूको बारेमा जान्नुहोस् | [कार्यहरू र विधिहरू](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS आधारभूत कुरा | जाभास्क्रिप्टसँग निर्णय लिने | निर्णय लिने विधिहरू प्रयोग गरेर आफ्नो कोडमा सर्तहरू कसरी सिर्जना गर्ने सिक्नुहोस् | [निर्णय लिने](/2-js-basics/3-making-decisions/README.md) | जैस्मिन | | 06 | JS आधारभूत | JS प्रयोग गरेर निर्णय लिने | निर्णय लिने विधिहरू प्रयोग गरेर आफ्नो कोडमा सर्तहरू कसरी सिर्जना गर्ने | [निर्णय लिने](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS आधारभूत कुरा | एरेहरू र लूपहरू | जाभास्क्रिप्टमा एरेहरू र लूपहरू प्रयोग गरेर डेटा व्यवस्थापन गर्नुहोस् | [एरेहरू र लूपहरू](/2-js-basics/4-arrays-loops/README.md) | जैस्मिन | | 07 | JS आधारभूत | Arrays र Loops | JavaScript मा डेटा प्रयोग गरेर Arrays र Loops काम गर्नुहोस् | [Arrays र Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [टेरारियम](/3-terrarium/solution/README.md) | HTML अभ्यासमा | अनलाइन टेरारियम निर्माण गर्न HTML बनाउनुहोस्, लेआउट निर्माणमा ध्यान केन्द्रित गर्दै | [HTML को परिचय](/3-terrarium/1-intro-to-html/README.md) | जेन | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML अभ्यासमा | अनलाइन Terrarium निर्माण गर्न HTML बनाउनुहोस्, लेआउट निर्माणमा ध्यान केन्द्रित गर्दै | [HTML को परिचय](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [टेरारियम](/3-terrarium/solution/README.md) | CSS अभ्यासमा | अनलाइन टेरारियमलाई स्टाइल गर्न CSS बनाउनुहोस्, CSS को आधारभूत कुराहरूमा ध्यान केन्द्रित गर्दै पृष्ठलाई उत्तरदायी बनाउँदै | [CSS को परिचय](/3-terrarium/2-intro-to-css/README.md) | जेन | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS अभ्यासमा | अनलाइन Terrarium लाई शैली दिन CSS बनाउनुहोस्, CSS को आधारभूत कुराहरूमा ध्यान केन्द्रित गर्दै जसमा पृष्ठलाई उत्तरदायी बनाउने समावेश छ | [CSS को परिचय](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [टेरारियम](/3-terrarium/solution/README.md) | जाभास्क्रिप्ट क्लोजरहरू, DOM हेरफेर | टेरारियमलाई ड्र्याग/ड्रप इन्टरफेसको रूपमा कार्य गर्न जाभास्क्रिप्ट बनाउनुहोस्, क्लोजरहरू र DOM हेरफेरमा ध्यान केन्द्रित गर्दै | [जाभास्क्रिप्ट क्लोजरहरू, DOM हेरफेर](/3-terrarium/3-intro-to-DOM-and-closures/README.md) | जेन | | 10 | [Terrarium](./3-terrarium/solution/README.md) | जाभास्क्रिप्ट क्लोजरहरू, DOM म्यानिपुलेसन | टेरारियमलाई ड्र्याग/ड्रप इन्टरफेसको रूपमा काम गर्न बनाउन जाभास्क्रिप्ट निर्माण गर्नुहोस्, क्लोजरहरू र DOM म्यानिपुलेसनमा ध्यान केन्द्रित गर्दै | [जाभास्क्रिप्ट क्लोजरहरू, DOM म्यानिपुलेसन](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [टाइपिङ गेम](/4-typing-game/solution/README.md) | टाइपिङ गेम निर्माण गर्नुहोस् | जाभास्क्रिप्ट एपको तर्क चलाउन किबोर्ड घटनाहरू कसरी प्रयोग गर्ने सिक्नुहोस् | [घटनामा आधारित प्रोग्रामिङ](/4-typing-game/typing-game/README.md) | क्रिस्टोफर | | 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) | ब्राउजरसँग काम गर्ने | ब्राउजर कसरी काम गर्छ, यसको इतिहास, र ब्राउजर एक्सटेन्सनको पहिलो तत्वहरू कसरी बनाउने सिक्नुहोस् | [About Browsers](/5-browser-extension/1-about-browsers/README.md) | Jen | | 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 कल गर्नको लागि आफ्नो ब्राउजर एक्सटेन्सनको JavaScript तत्वहरू बनाउनुहोस् | [APIs, Forms, and Local Storage](/5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फारम निर्माण, API कल गर्नु र स्थानीय स्टोरेजमा भेरिएबलहरू भण्डारण गर्नु | आफ्नो ब्राउजर एक्सटेन्सनको जाभास्क्रिप्ट तत्वहरू निर्माण गर्नुहोस् जसले स्थानीय स्टोरेजमा भण्डारण गरिएका भेरिएबलहरू प्रयोग गरेर API कल गर्दछ | [APIहरू, फारमहरू, र स्थानीय स्टोरेज](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](/5-browser-extension/solution/README.md) | ब्राउजरको पृष्ठभूमि प्रक्रिया, वेब प्रदर्शन | एक्सटेन्सनको आइकन व्यवस्थापन गर्न ब्राउजरको पृष्ठभूमि प्रक्रिया प्रयोग गर्नुहोस्; वेब प्रदर्शन र केही सुधारहरूबारे जान्नुहोस् | [Background Tasks and Performance](/5-browser-extension/3-background-tasks-and-performance/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) | JavaScript प्रयोग गरेर उन्नत गेम विकास | गेम निर्माणको तयारीमा कक्षाहरू र कम्पोजिसन प्रयोग गरेर इनहेरिटेन्स र Pub/Sub ढाँचाबारे जान्नुहोस् | [Introduction to Advanced Game Development](/6-space-game/1-introduction/README.md) | Chris | | 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 को बारेमा जान्नुहोस्, जसले स्क्रिनमा तत्वहरू चित्र बनाउन प्रयोग गरिन्छ | [Drawing to Canvas](/6-space-game/2-drawing-to-canvas/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) | स्क्रिनमा तत्वहरू सार्ने | तत्वहरूलाई गति दिनको लागि Cartesian समन्वय र क्यानभास API कसरी प्रयोग गर्न सकिन्छ भनेर पत्ता लगाउनुहोस् | [Moving Elements Around](/6-space-game/3-moving-elements-around/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) | टक्कर पत्ता लगाउने | तत्वहरूलाई एकअर्कासँग टक्कर गर्न र प्रतिक्रिया दिन बनाउनुहोस्, कीप्रेस प्रयोग गरेर; गेमको प्रदर्शन सुनिश्चित गर्न कूलडाउन फंक्शन प्रदान गर्नुहोस् | [Collision Detection](/6-space-game/4-collision-detection/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) | स्कोर राख्ने | गेमको स्थिति र प्रदर्शनको आधारमा गणितीय गणना गर्नुहोस् | [Keeping Score](/6-space-game/5-keeping-score/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) | गेम समाप्त गर्ने र पुनः सुरु गर्ने | गेम समाप्त गर्ने र पुनः सुरु गर्ने बारेमा जान्नुहोस्, जसमा सम्पत्ति सफा गर्ने र भेरिएबल मानहरू पुनः सेट गर्ने समावेश छ | [The Ending Condition](/6-space-game/6-end-condition/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 Templates and Routes](/7-bank-project/1-template-route/README.md) | Yohan | | 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) | लगइन र दर्ता फारम बनाउने | फारम बनाउने र मान्यकरण प्रक्रियाहरू ह्यान्डल गर्ने बारेमा जान्नुहोस् | [Forms](/7-bank-project/2-forms/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) | डेटा प्राप्त गर्ने र प्रयोग गर्ने विधिहरू | तपाईंको एपमा डेटा कसरी प्रवाह हुन्छ, कसरी प्राप्त गर्ने, भण्डारण गर्ने, र हटाउने बारेमा जान्नुहोस् | [Data](/7-bank-project/3-data/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) | राज्य व्यवस्थापनको अवधारणा | तपाईंको एपले राज्य कसरी कायम राख्छ र यसलाई प्रोग्रामिङ्ग रूपमा कसरी व्यवस्थापन गर्ने बारेमा जान्नुहोस् | [State Management](/7-bank-project/4-state-management/README.md) | Yohan | | 24 | [Banking App](./7-bank-project/solution/README.md) | अवस्था व्यवस्थापनका अवधारणाहरू | तपाईको एपले अवस्था कसरी कायम राख्छ र यसलाई प्रोग्रामेटिक रूपमा कसरी व्यवस्थापन गर्ने भनेर जान्नुहोस् | [अवस्था व्यवस्थापन](./7-bank-project/4-state-management/README.md) | Yohan |
## 🏫 शिक्षण विधि ## 🏫 शिक्षण विधि
@ -159,22 +163,22 @@ CO_OP_TRANSLATOR_METADATA:
* परियोजना-आधारित शिक्षण * परियोजना-आधारित शिक्षण
* बारम्बार क्विजहरू * बारम्बार क्विजहरू
कार्यक्रमले JavaScript, HTML, र CSS को आधारभूत कुराहरू, साथै आजका वेब विकासकर्ताहरूले प्रयोग गर्ने नवीनतम उपकरण र प्रविधिहरू सिकाउँछ। विद्यार्थीहरूले टाइपिङ गेम, भर्चुअल टेरारियम, वातावरणमैत्री ब्राउजर एक्सटेन्सन, स्पेस-इनभेडर शैलीको गेम, र व्यवसायहरूको लागि बैंकिङ एप निर्माण गरेर व्यावहारिक अनुभव प्राप्त गर्ने अवसर पाउनेछन्। श्रृंखला समाप्त हुँदा, विद्यार्थीहरूले वेब विकासको ठोस समझ प्राप्त गर्नेछन्। यो कार्यक्रमले जाभास्क्रिप्ट, HTML, र CSS का आधारभूत कुराहरू, साथै आजका वेब विकासकर्ताहरूले प्रयोग गर्ने नवीनतम उपकरण र प्रविधिहरू सिकाउँछ। विद्यार्थीहरूले टाइपिङ गेम, भर्चुअल टेरारियम, वातावरणमैत्री ब्राउजर एक्सटेन्सन, स्पेस-इनभेडर शैलीको गेम, र व्यवसायहरूको लागि बैंकिङ एप निर्माण गरेर व्यावहारिक अनुभव प्राप्त गर्ने अवसर पाउनेछन्। श्रृंखला समाप्त हुँदा, विद्यार्थीहरूले वेब विकासको ठोस समझ प्राप्त गर्नेछन्।
> 🎓 तपाईं यस पाठ्यक्रमका केही प्रारम्भिक पाठहरू [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) मा Microsoft Learn मा लिन सक्नुहुन्छ! > 🎓 तपाईले यो पाठ्यक्रमका केही प्रारम्भिक पाठहरू [Microsoft Learn](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) मा [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) को रूपमा लिन सक्नुहुन्छ!
सामग्री परियोजनासँग मेल खाने सुनिश्चित गरेर, प्रक्रिया विद्यार्थीहरूको लागि थप आकर्षक बनाइन्छ र अवधारणाहरूको सम्झना बढाइन्छ। हामीले JavaScript को आधारभूत पाठहरू पनि लेखेका छौं जसले अवधारणाहरू परिचय गराउँछ, "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?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-हप्ताको चक्रको अन्त्यसम्ममा क्रमशः जटिल बन्छन्। त्यसका साथै, कक्षाको अघि कम-जोखिमको क्विजले विद्यार्थीलाई विषयवस्तु सिक्ने उद्देश्यतर्फ केन्द्रित गराउँछ, जबकि कक्षापछि अर्को क्विजले थप सम्झना सुनिश्चित गर्दछ। यो पाठ्यक्रम लचिलो र रमाइलो बनाउन डिजाइन गरिएको हो र पूर्ण वा आंशिक रूपमा लिन सकिन्छ। परियोजनाहरू साना बाट सुरु हुन्छन् र १२ हप्ताको चक्रको अन्त्यसम्ममा क्रमशः जटिल बन्छन्।
हामीले जानाजानी JavaScript फ्रेमवर्कहरू परिचय गराउनबाट बचेर वेब विकासकर्ताको रूपमा फ्रेमवर्क अपनाउनु अघि आवश्यक आधारभूत सीपहरूमा ध्यान केन्द्रित गरेका छौं। यो पाठ्यक्रम पूरा गरेपछि अर्को राम्रो कदम भनेको अर्को भिडियो संग्रह मार्फत Node.js सिक्नु हुनेछ: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)"। हामीले जाभास्क्रिप्ट फ्रेमवर्कहरूलाई जानाजानी समावेश नगरेका छौं ताकि फ्रेमवर्क अपनाउनु अघि वेब विकासकर्ताको रूपमा आवश्यक आधारभूत सीपहरूमा ध्यान केन्द्रित गर्न सकियोस्। यो पाठ्यक्रम पूरा गरेपछि अर्को राम्रो कदम भनेको "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" भिडियोहरूको अर्को संग्रह मार्फत Node.js सिक्नु हुनेछ।
> हाम्रो [Code of Conduct](CODE_OF_CONDUCT.md) र [Contributing](CONTRIBUTING.md) दिशानिर्देशहरू हेर्नुहोस्। हामी तपाईंको रचनात्मक प्रतिक्रिया स्वागत गर्दछौं! > हाम्रो [Code of Conduct](CODE_OF_CONDUCT.md) र [Contributing](CONTRIBUTING.md) दिशानिर्देशहरू हेर्नुहोस्। हामी तपाईंको रचनात्मक प्रतिक्रिया स्वागत गर्दछौं!
## 🧭 अफलाइन पहुँच ## 🧭 अफलाइन पहुँच
तपाईं [Docsify](https://docsify.js.org/#/) प्रयोग गरेर यो दस्तावेज अफलाइन चलाउन सक्नुहुन्छ। यो रिपो फोर्क गर्नुहोस्, [Docsify स्थापना गर्नुहोस्](https://docsify.js.org/#/quickstart) आफ्नो स्थानीय मेसिनमा, र त्यसपछि यस रिपोको मूल फोल्डरमा `docsify serve` टाइप गर्नुहोस्। वेबसाइट तपाईंको localhost मा पोर्ट 3000 मा सेवा गरिनेछ: `localhost:3000`। तपाईं [Docsify](https://docsify.js.org/#/) प्रयोग गरेर यो डकुमेन्टेसन अफलाइन चलाउन सक्नुहुन्छ। यो रिपोजिटरी फोर्क गर्नुहोस्, आफ्नो स्थानीय मेसिनमा [Docsify इन्स्टल गर्नुहोस्](https://docsify.js.org/#/quickstart), र त्यसपछि यो रिपोजिटरीको रुट फोल्डरमा `docsify serve` टाइप गर्नुहोस्। वेबसाइट तपाईंको लोकलहोस्टमा पोर्ट ३००० मा सर्भ हुनेछ: `localhost:3000`।
## 📘 PDF ## 📘 PDF
@ -204,5 +208,7 @@ CO_OP_TRANSLATOR_METADATA:
यो रिपोजिटरी MIT लाइसेन्स अन्तर्गत लाइसेन्स गरिएको छ। थप जानकारीको लागि [LICENSE](../../LICENSE) फाइल हेर्नुहोस्। यो रिपोजिटरी MIT लाइसेन्स अन्तर्गत लाइसेन्स गरिएको छ। थप जानकारीको लागि [LICENSE](../../LICENSE) फाइल हेर्नुहोस्।
---
**अस्वीकरण**: **अस्वीकरण**:
यो दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरेर अनुवाद गरिएको छ। हामी शुद्धताको लागि प्रयास गर्छौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादमा त्रुटिहरू वा अशुद्धताहरू हुन सक्छ। यसको मूल भाषा मा रहेको मूल दस्तावेज़लाई आधिकारिक स्रोत मानिनुपर्छ। महत्वपूर्ण जानकारीको लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलतफहमी वा गलत व्याख्याको लागि हामी जिम्मेवार हुने छैनौं। यो दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरेर अनुवाद गरिएको छ। हामी शुद्धताको लागि प्रयास गर्छौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादमा त्रुटिहरू वा अशुद्धताहरू हुन सक्छ। यसको मूल भाषा मा रहेको मूल दस्तावेज़लाई आधिकारिक स्रोत मानिनुपर्छ। महत्वपूर्ण जानकारीको लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलतफहमी वा गलत व्याख्याको लागि हामी जिम्मेवार हुने छैनौं।

211
translations/pa/README.md
Unescape View File

@ -1,8 +1,8 @@
<!-- <!--
CO_OP_TRANSLATOR_METADATA: CO_OP_TRANSLATOR_METADATA:
{ {
"original_hash": "b672130244189715ac084c3259f6ab58", "original_hash": "efa251c5fc089367f0a81c572874afca",
"translation_date": "2025-08-25T20:49:48+00:00", "translation_date": "2025-08-28T02:38:45+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "pa" "language_code": "pa"
} }
@ -21,149 +21,150 @@ CO_OP_TRANSLATOR_METADATA:
[![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)
# ਸ਼ੁਰੂਆਤੀ ਲਈ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ - ਇੱਕ ਕੋਰਸ [![Microsoft Azure AI Foundry Discord](https://dcbadge.limes.pink/api/server/ByRwuEEgH4)](https://discord.com/invite/ByRwuEEgH4)
ਮਾਈਕਰੋਸਾਫਟ ਕਲਾਉਡ ਐਡਵੋਕੇਟਸ ਦੁਆਰਾ 12 ਹਫ਼ਤਿਆਂ ਦੇ ਵਿਸਤ੍ਰਿਤ ਕੋਰਸ ਨਾਲ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਮੂਲ ਸਿਧਾਂਤ ਸਿੱਖੋ। ਹਰ ਇੱਕ 24 ਪਾਠਾਂ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ, CSS ਅਤੇ HTML ਨੂੰ ਹੱਥ-ਅਭਿਆਸ ਪ੍ਰਾਜੈਕਟਾਂ ਜਿਵੇਂ ਕਿ ਟੈਰੇਰੀਅਮ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਅਤੇ ਸਪੇਸ ਗੇਮਾਂ ਰਾਹੀਂ ਸਮਝਾਇਆ ਗਿਆ ਹੈ। ਕਵਿਜ਼, ਚਰਚਾ ਅਤੇ ਅਭਿਆਸਾਂ ਨਾਲ ਜੁੜੋ। ਪ੍ਰਾਜੈਕਟ-ਅਧਾਰਿਤ ਪੈਡਾਗੌਗੀ ਨਾਲ ਆਪਣੀਆਂ ਯੋਗਤਾਵਾਂ ਨੂੰ ਵਧਾਓ ਅਤੇ ਆਪਣੇ ਗਿਆਨ ਨੂੰ ਮਜ਼ਬੂਤ ਕਰੋ। ਅੱਜ ਹੀ ਆਪਣਾ ਕੋਡਿੰਗ ਸਫਰ ਸ਼ੁਰੂ ਕਰੋ! ਇਹ ਸਰੋਤਾਂ ਦੀ ਵਰਤੋਂ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਹੇਠਾਂ ਦਿੱਤੇ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ:
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`
3. [**Azure AI Foundry Discord ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ ਅਤੇ ਮਾਹਰਾਂ ਅਤੇ ਹੋਰ ਡਿਵੈਲਪਰਾਂ ਨਾਲ ਮਿਲੋ**](https://discord.com/invite/ByRwuEEgH4)
#### 🧑‍🎓 _ਕੀ ਤੁਸੀਂ ਵਿਦਿਆਰਥੀ ਹੋ?_ # ਸ਼ੁਰੂਆਤੀ ਲਈ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ - ਇੱਕ ਕੋਰਸ
[**ਵਿਦਿਆਰਥੀ ਹੱਬ ਪੇਜ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) 'ਤੇ ਜਾਓ ਜਿੱਥੇ ਤੁਹਾਨੂੰ ਸ਼ੁਰੂਆਤੀ ਸਰੋਤ, ਵਿਦਿਆਰਥੀ ਪੈਕ ਅਤੇ ਮੁਫ਼ਤ ਸਰਟੀਫਿਕੇਟ ਵਾਊਚਰ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਤਰੀਕੇ ਮਿਲਣਗੇ। ਇਹ ਪੇਜ ਬੁੱਕਮਾਰਕ ਕਰਨ ਯੋਗ ਹੈ ਅਤੇ ਸਮੇਂ-ਸਮੇਂ 'ਤੇ ਚੈੱਕ ਕਰਨ ਯੋਗ ਹੈ ਕਿਉਂਕਿ ਅਸੀਂ ਮਾਸਿਕ ਤੌਰ 'ਤੇ ਸਮੱਗਰੀ ਬਦਲਦੇ ਰਹਿੰਦੇ ਹਾਂ। ਮਾਈਕਰੋਸਾਫਟ ਕਲਾਉਡ ਐਡਵੋਕੇਟਸ ਦੁਆਰਾ 12 ਹਫ਼ਤਿਆਂ ਦੇ ਵਿਸਤ੍ਰਿਤ ਕੋਰਸ ਨਾਲ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਮੂਲ ਸਿਧਾਂਤ ਸਿੱਖੋ। ਹਰ ਪਾਠ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ, CSS, ਅਤੇ HTML ਨੂੰ ਹੱਥ-ਅਭਿਆਸ ਪ੍ਰਾਜੈਕਟਾਂ ਜਿਵੇਂ ਕਿ ਟੈਰੇਰੀਅਮ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ, ਅਤੇ ਸਪੇਸ ਗੇਮਾਂ ਰਾਹੀਂ ਕਵਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਕਵਿਜ਼, ਚਰਚਾ, ਅਤੇ ਅਭਿਆਸ ਅਸਾਈਨਮੈਂਟਾਂ ਨਾਲ ਸ਼ਾਮਲ ਹੋਵੋ। ਪ੍ਰਾਜੈਕਟ-ਅਧਾਰਤ ਪੈਡਾਗੌਗੀ ਨਾਲ ਆਪਣੀਆਂ ਹੁਨਰਾਂ ਨੂੰ ਵਧਾਓ ਅਤੇ ਆਪਣੇ ਗਿਆਨ ਨੂੰ ਮਜ਼ਬੂਤ ਕਰੋ। ਅੱਜ ਹੀ ਆਪਣਾ ਕੋਡਿੰਗ ਸਫਰ ਸ਼ੁਰੂ ਕਰੋ!
### 📣 ਐਲਾਨ - _ਨਵਾਂ ਕੋਰਸ_ ਜਨਰੇਟਿਵ AI ਲਈ ਜਾਵਾਸਕ੍ਰਿਪਟ 'ਤੇ ਜਾਰੀ ਕੀਤਾ ਗਿਆ ਹੈ #### 🧑‍🎓 _ਕੀ ਤੁਸੀਂ ਵਿਦਿਆਰਥੀ ਹੋ?_
ਸਾਡੇ ਨਵੇਂ ਜਨਰੇਟਿਵ AI ਕੋਰਸ ਨੂੰ ਨਾ ਗੁਆਓ! [**Student Hub ਪੇਜ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) 'ਤੇ ਜਾਓ ਜਿੱਥੇ ਤੁਹਾਨੂੰ ਸ਼ੁਰੂਆਤੀ ਸਰੋਤ, ਵਿਦਿਆਰਥੀ ਪੈਕ ਅਤੇ ਮੁਫ਼ਤ ਸਰਟੀਫਿਕੇਟ ਵਾਊਚਰ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਤਰੀਕੇ ਮਿਲਣਗੇ। ਇਹ ਉਹ ਪੇਜ ਹੈ ਜਿਸਨੂੰ ਤੁਸੀਂ ਬੁੱਕਮਾਰਕ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਅਤੇ ਸਮੇਂ-ਸਮੇਂ 'ਤੇ ਚੈੱਕ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਕਿਉਂਕਿ ਅਸੀਂ ਸਮੱਗਰੀ ਨੂੰ ਮਹੀਨਾਵਾਰ ਬਦਲਦੇ ਹਾਂ।
ਸ਼ੁਰੂ ਕਰਨ ਲਈ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 'ਤੇ ਜਾਓ! ### 📣 ਐਲਾਨ - _ਨਵਾਂ ਕੋਰਸ_ ਜਨਰੇਟਿਵ AI ਲਈ ਜਾਵਾਸਕ੍ਰਿਪਟ 'ਤੇ ਜਾਰੀ ਕੀਤਾ ਗਿਆ ਹੈ
<div> ਸਾਡੇ ਨਵੇਂ ਜਨਰੇਟਿਵ AI ਕੋਰਸ ਨੂੰ ਨਾ ਗੁਆਓ!
<img src="./images/background.png" width="600px" />
</div>
- ਬੁਨਿਆਦ ਤੋਂ RAG ਤੱਕ ਪਾਠਾਂ। [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 'ਤੇ ਜਾਓ ਅਤੇ ਸ਼ੁਰੂ ਕਰੋ!
- ਜਨਰੇਟਿਵ AI ਅਤੇ ਸਾਡੇ ਸਾਥੀ ਐਪ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਤਿਹਾਸਕ ਪਾਤਰਾਂ ਨਾਲ ਗੱਲਬਾਤ ਕਰੋ।
- ਮਜ਼ੇਦਾਰ ਅਤੇ ਰੁਚਿਕਰ ਕਹਾਣੀ, ਤੁਸੀਂ ਸਮੇਂ ਵਿੱਚ ਯਾਤਰਾ ਕਰ ਰਹੇ ਹੋਵੋਗੇ!
<div> ![Background](../../translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.pa.png)
<img src="./images/character.png" width="600px" />
</div>
ਹਰ ਪਾਠ ਵਿੱਚ ਸ਼ਾਮਲ ਹੈ: - ਪਾਠਾਂ ਜੋ ਬੁਨਿਆਦ ਤੋਂ RAG ਤੱਕ ਸਭ ਕੁਝ ਕਵਰ ਕਰਦੇ ਹਨ।
- ਪ੍ਰੋਮਪਟਿੰਗ ਅਤੇ ਪ੍ਰੋਮਪਟ ਇੰਜੀਨੀਅਰਿੰਗ - ਜਨਰੇਟਿਵ AI ਅਤੇ ਸਾਡੇ ਸਾਥੀ ਐਪ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਤਿਹਾਸਕ ਪਾਤਰਾਂ ਨਾਲ ਸੰਚਾਰ ਕਰੋ।
- ਟੈਕਸਟ ਅਤੇ ਚਿੱਤਰ ਐਪ ਜਨਰੇਸ਼ਨ - ਮਜ਼ੇਦਾਰ ਅਤੇ ਦਿਲਚਸਪ ਕਹਾਣੀ, ਤੁਸੀਂ ਸਮੇਂ ਵਿੱਚ ਯਾਤਰਾ ਕਰ ਰਹੇ ਹੋਵੋਗੇ!
- ਖੋਜ ਐਪਸ
ਸ਼ੁਰੂ ਕਰਨ ਲਈ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 'ਤੇ ਜਾਓ! ![character](../../translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.pa.png)
ਹਰ ਪਾਠ ਵਿੱਚ ਇੱਕ ਅਸਾਈਨਮੈਂਟ, ਗਿਆਨ ਜਾਂਚ ਅਤੇ ਚੁਣੌਤੀ ਸ਼ਾਮਲ ਹੁੰਦੀ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਹੇਠਾਂ ਦਿੱਤੇ ਵਿਸ਼ਿਆਂ ਨੂੰ ਸਿੱਖਣ ਵਿੱਚ ਮਦਦ ਕਰਦੀ ਹੈ:
- ਪ੍ਰੋਮਪਟਿੰਗ ਅਤੇ ਪ੍ਰੋਮਪਟ ਇੰਜੀਨੀਅਰਿੰਗ
- ਟੈਕਸਟ ਅਤੇ ਚਿੱਤਰ ਐਪ ਜਨਰੇਸ਼ਨ
- ਖੋਜ ਐਪਸ
[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 the Repository**: ਇਸ ਪੇਜ ਦੇ ਉੱਪਰ-ਸੱਜੇ ਕੋਨੇ ਵਿੱਚ "Fork" ਬਟਨ 'ਤੇ ਕਲਿਕ ਕਰੋ। 1. **ਰੇਪੋਜ਼ਟਰੀ ਨੂੰ ਫੋਰਕ ਕਰੋ**: ਇਸ ਪੇਜ ਦੇ ਉੱਪਰ-ਸੱਜੇ ਕੋਨੇ ਵਿੱਚ "Fork" ਬਟਨ 'ਤੇ ਕਲਿਕ ਕਰੋ।
2. **Clone the Repository**: `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 ਬਣਾਏਗਾ।
<img src="./images/createcodespace.png" alt="Create codespace" style="width:270px;"/> [!Codespace](./images/createcodespace.png)
#### ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਕੋਰਸ ਚਲਾਉਣਾ #### ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਕੋਰਸ ਚਲਾਉਣਾ
ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਇਸ ਕੋਰਸ ਨੂੰ ਚਲਾਉਣ ਲਈ, ਤੁਹਾਨੂੰ ਇੱਕ ਟੈਕਸਟ ਐਡੀਟਰ, ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ ਕਮਾਂਡ ਲਾਈਨ ਟੂਲ ਦੀ ਲੋੜ ਹੋਵੇਗੀ। ਸਾਡਾ ਪਹਿਲਾ ਪਾਠ, [Introduction to Programming Languages and Tools of the Trade](https://github.com/microsoft/Web-Dev-For-Beginners/tree/main/1-getting-started-lessons/1-intro-to-programming-languages), ਤੁਹਾਨੂੰ ਹਰ ਇੱਕ ਟੂਲ ਲਈ ਵੱਖ-ਵੱਖ ਵਿਕਲਪਾਂ ਵਿੱਚੋਂ ਚੋਣ ਕਰਨ ਲਈ ਸਹਾਇਕ ਹੋਵੇਗਾ। ਇਸ ਕੋਰਸ ਨੂੰ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਚਲਾਉਣ ਲਈ, ਤੁਹਾਨੂੰ ਇੱਕ ਟੈਕਸਟ ਐਡੀਟਰ, ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ ਕਮਾਂਡ ਲਾਈਨ ਟੂਲ ਦੀ ਲੋੜ ਹੋਵੇਗੀ। ਸਾਡਾ ਪਹਿਲਾ ਪਾਠ, [Introduction to Programming Languages and Tools of the Trade](../../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) ਵੀ ਹੈ। ਤੁਸੀਂ [ਇਥੇ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) Visual Studio Code ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ। ਸਾਡੀ ਸਿਫਾਰਸ਼ ਹੈ ਕਿ ਤੁਸੀਂ [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) ਇੱਥੇ ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ।
1. ਆਪਣਾ ਰਿਪੋਜ਼ਟਰੀ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਕਲੋਨ ਕਰੋ। ਤੁਸੀਂ **Code** ਬਟਨ 'ਤੇ ਕਲਿਕ ਕਰਕੇ ਅਤੇ URL ਕਾਪੀ ਕਰਕੇ ਇਹ ਕਰ ਸਕਦੇ ਹੋ: 1. ਆਪਣਾ ਰੇਪੋਜ਼ਟਰੀ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਕਲੋਨ ਕਰੋ। ਤੁਸੀਂ **Code** ਬਟਨ 'ਤੇ ਕਲਿਕ ਕਰਕੇ ਅਤੇ URL ਕਾਪੀ ਕਰਕੇ ਇਹ ਕਰ ਸਕਦੇ ਹੋ:
<img src="./images/createcodespace.png" alt="Copy your repository URL" style="width:270px;"/> [!CodeSpace](./images/createcodespace.png)
ਫਿਰ, [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 ਨਾਲ ਬਦਲੋ: ਫਿਰ, [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 ਨਾਲ ਬਦਲੋ:
```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](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ਵਿੱਚ HTML ਪੇਜਾਂ ਨੂੰ ਪ੍ਰੀਵਿਊ ਕਰਨ ਲਈ > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML ਪੇਜਾਂ ਨੂੰ Visual Studio Code ਵਿੱਚ ਪ੍ਰੀਵਿਊ ਕਰਨ ਲਈ
> * [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/)
> **ਕਵਿਜ਼ਾਂ ਬਾਰੇ ਇੱਕ ਨੋਟ**: ਸਾਰੀਆਂ ਕਵਿਜ਼ਾਂ Quiz-app ਫੋਲਡਰ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ, ਕੁੱਲ 48 ਕਵਿਜ਼ਾਂ, ਹਰ ਇੱਕ ਵਿੱਚ ਤਿੰਨ ਸਵਾਲ। ਇਹ ਪਾਠਾਂ ਵਿੱਚ ਲਿੰਕ ਕੀਤੇ ਗਏ ਹਨ। Quiz-app ਨੂੰ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਚਲਾਇਆ ਜਾ ਸਕਦਾ ਹੈ ਜਾਂ Azure 'ਤੇ ਡਿਪਲੌਇ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ; `quiz-app` ਫੋਲਡਰ ਵਿੱਚ ਦਿੱਤੇ ਨਿਰਦੇਸ਼ਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ। ਇਹ ਹੌਲੀ-ਹੌਲੀ ਸਥਾਨਕ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਅਨੁਵਾਦਿਤ ਕੀਤੇ ਜਾ ਰਹੇ ਹਨ। > **ਕਵਿਜ਼ਾਂ ਬਾਰੇ ਇੱਕ ਨੋਟ**: ਸਾਰੀਆਂ ਕਵਿਜ਼ਾਂ Quiz-app ਫੋਲਡਰ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ, ਕੁੱਲ 48 ਕਵਿਜ਼ਾਂ, ਹਰ ਇੱਕ ਵਿੱਚ ਤਿੰਨ ਪ੍ਰਸ਼ਨ। ਇਹ [ਇੱਥੇ](https://ff-quizzes.netlify.app/) ਉਪਲਬਧ ਹਨ। Quiz ਐਪ ਨੂੰ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਚਲਾਇਆ ਜਾ ਸਕਦਾ ਹੈ ਜਾਂ Azure 'ਤੇ ਡਿਪਲੌਇ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ; `quiz-app` ਫੋਲਡਰ ਵਿੱਚ ਦਿੱਤੇ ਨਿਰਦੇਸ਼ਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ।
## 🗃️ ਪਾਠਾਂ ## 🗃️ ਪਾਠ
| | ਪ੍ਰਾਜੈਕਟ ਦਾ ਨਾਮ | ਸਿੱਖਣ ਵਾਲੇ ਵਿਸ਼ੇ | ਸਿੱਖਣ ਦੇ ਉਦੇਸ਼ | ਲਿੰਕ ਕੀਤਾ ਪਾਠ | ਲੇਖਕ | | | ਪ੍ਰਾਜੈਕਟ ਦਾ ਨਾਮ | ਸਿੱਖਣ ਵਾਲੇ ਵਿਸ਼ੇ | ਸਿੱਖਣ ਦੇ ਉਦੇਸ਼ | ਲਿੰਕ ਕੀਤਾ ਪਾਠ | ਲੇਖਕ |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | ਸ਼ੁਰੂਆਤ | ਪ੍ਰੋਗਰਾਮਿੰਗ ਅਤੇ ਟੂਲਜ਼ ਦੀ ਬੁਨਿਆਦੀਆਂ | ਜ਼ਿਆਦਾਤਰ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਮੂਲ ਸਿਧਾਂਤਾਂ ਅਤੇ ਪੇਸ਼ੇਵਰ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਮਦਦ ਕਰਨ ਵਾਲੇ ਸਾਫਟਵੇਅਰ ਬਾਰੇ ਸਿੱਖੋ | [ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਟੂਲਜ਼ ਦੀ ਬੁਨਿਆਦੀਆਂ](/1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 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 | | 02 | ਸ਼ੁਰੂਆਤ | GitHub ਦੇ ਮੂਲ ਸਿਧਾਂਤ, ਟੀਮ ਨਾਲ ਕੰਮ ਕਰਨ ਦੀ ਸਮਝ | ਆਪਣੇ ਪ੍ਰਾਜੈਕਟ ਵਿੱਚ GitHub ਦੀ ਵਰਤੋਂ ਕਰਨ ਦਾ ਤਰੀਕਾ, ਹੋਰਾਂ ਨਾਲ ਕੋਡ ਬੇਸ 'ਤੇ ਸਹਿਯੋਗ ਕਰਨ ਦਾ ਤਰੀਕਾ | [GitHub ਦੀ ਜਾਣਕਾਰੀ](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | ਸ਼ੁਰੂਆਤ | ਪਹੁੰਚਯੋਗਤਾ | ਵੈੱਬ ਪਹੁੰਚਯੋਗਤਾ ਦੇ ਬੁਨਿਆਦੀਆਂ ਸਿੱਖੋ | [ਪਹੁੰਚਯੋਗਤਾ ਦੇ ਮੂਲ ਸਿਧਾਂਤ](/1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | ਸ਼ੁਰੂਆਤ | ਪਹੁੰਚਯੋਗਤਾ | ਵੈੱਬ ਪਹੁੰਚਯੋਗਤਾ ਦੇ ਮੂਲ ਸਿਧਾਂਤ ਸਿੱਖੋ | [ਪਹੁੰਚਯੋਗਤਾ ਦੇ ਮੂਲ ਸਿਧਾਂਤ](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS ਬੁਨਿਆਦੀਆਂ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਾਟਾ ਟਾਈਪ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਾਟਾ ਟਾਈਪ ਦੇ ਬੁਨਿਆਦੀਆਂ | [ਡਾਟਾ ਟਾਈਪ](/2-js-basics/1-data-types/README.md) | Jasmine | | 04 | JS ਮੂਲ ਸਿਧਾਂਤ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਾਟਾ ਟਾਈਪ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਾਟਾ ਟਾਈਪ ਦੇ ਮੂਲ ਸਿਧਾਂਤ | [ਡਾਟਾ ਟਾਈਪ](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS ਬੁਨਿਆਦੀਆਂ | ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ | ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਲਾਜਿਕ ਫਲੋ ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ ਬਾਰੇ ਸਿੱਖੋ | [ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ](/2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | | 05 | JS ਮੂਲ ਸਿਧਾਂਤ | ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ | ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਲਾਜਿਕ ਫਲੋ ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ ਬਾਰੇ ਸਿੱਖੋ | [ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS ਬੁਨਿਆਦੀਆਂ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਫੈਸਲੇ ਲੈਣਾ | ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਸ਼ਰਤਾਂ ਬਣਾਉਣ ਲਈ ਫੈਸਲੇ ਲੈਣ ਦੇ ਤਰੀਕੇ ਸਿੱਖੋ | [ਫੈਸਲੇ ਲੈਣਾ](/2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | JS ਮੂਲ ਸਿਧਾਂਤ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਫੈਸਲੇ ਲੈਣਾ | ਫੈਸਲੇ-ਲੈਣ ਦੇ ਤਰੀਕਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਸ਼ਰਤਾਂ ਬਣਾਉਣ ਦਾ ਤਰੀਕਾ ਸਿੱਖੋ |
| 07 | JS ਬੁਨਿਆਦੀਆਂ | ਐਰੇ ਅਤੇ ਲੂਪ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਡਾਟਾ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਐਰੇ ਅਤੇ ਲੂਪ ਦੀ ਵਰਤੋਂ | [ਐਰੇ ਅਤੇ ਲੂਪ](/2-js-basics/4-arrays-loops/README.md) | Jasmine | | 10 | [Terrarium](./3-terrarium/solution/README.md) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਕਲੋਜ਼ਰਜ਼, DOM ਮੈਨਿਪੂਲੇਸ਼ਨ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਬਣਾਓ ਤਾਂ ਜੋ ਟੈਰੀਰੀਅਮ ਨੂੰ ਡ੍ਰੈਗ/ਡ੍ਰਾਪ ਇੰਟਰਫੇਸ ਵਜੋਂ ਕੰਮ ਕਰਨ ਲਈ ਕਲੋਜ਼ਰਜ਼ ਅਤੇ DOM ਮੈਨਿਪੂਲੇਸ਼ਨ 'ਤੇ ਧਿਆਨ ਕੇਂਦ੍ਰਿਤ ਕੀਤਾ ਜਾ ਸਕੇ। | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 08 | [ਟੈਰੇਰੀਅਮ](/3-terrarium/solution/README.md) | HTML ਵਿੱਚ ਅਭਿਆਸ | ਆਨਲਾਈਨ ਟੈਰੇਰੀਅਮ ਬਣਾਉਣ ਲਈ HTML ਬਣਾਓ, ਲੇਆਉਟ ਬਣਾਉਣ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ | [HTML ਦਾ ਪਰਚੇਅ](/3-terrarium/1-intro-to-html/README.md) | Jen | | 11 | [Typing Game](./4-typing-game/solution/README.md) | ਟਾਈਪਿੰਗ ਗੇਮ ਬਣਾਓ | ਸਿੱਖੋ ਕਿ ਕਿਵੇਂ ਕੀਬੋਰਡ ਇਵੈਂਟਸ ਨੂੰ ਵਰਤ ਕੇ ਆਪਣੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਐਪ ਦੀ ਲਾਜ਼ਿਕ ਚਲਾਈ ਜਾ ਸਕਦੀ ਹੈ। | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 09 | [ਟੈਰੇਰੀਅਮ](/3-terrarium/solution/README.md) | CSS ਵਿੱਚ ਅਭਿਆਸ | ਆਨਲਾਈਨ ਟੈਰੇਰੀਅਮ ਨੂੰ ਸਟਾਈਲ ਕਰਨ ਲਈ CSS ਬਣ | 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਬ੍ਰਾਊਜ਼ਰ ਨਾਲ ਕੰਮ ਕਰਨਾ | ਸਿੱਖੋ ਕਿ ਬ੍ਰਾਊਜ਼ਰ ਕਿਵੇਂ ਕੰਮ ਕਰਦੇ ਹਨ, ਉਨ੍ਹਾਂ ਦਾ ਇਤਿਹਾਸ, ਅਤੇ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਪਹਿਲੇ ਤੱਤਾਂ ਨੂੰ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ। | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 12 | [Green Browser Extension](/5-browser-extension/solution/README.md) | ਬ੍ਰਾਊਜ਼ਰ ਨਾਲ ਕੰਮ ਕਰਨਾ | ਸਿੱਖੋ ਕਿ ਬ੍ਰਾਊਜ਼ਰ ਕਿਵੇਂ ਕੰਮ ਕਰਦੇ ਹਨ, ਉਨ੍ਹਾਂ ਦਾ ਇਤਿਹਾਸ, ਅਤੇ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਪਹਿਲੇ ਤੱਤਾਂ ਨੂੰ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ। | [About Browsers](/5-browser-extension/1-about-browsers/README.md) | Jen | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਫਾਰਮ ਬਣਾਉਣਾ, API ਨੂੰ ਕਾਲ ਕਰਨਾ ਅਤੇ ਲੋਕਲ ਸਟੋਰੇਜ ਵਿੱਚ ਵੈਰੀਏਬਲ ਸਟੋਰ ਕਰਨਾ | ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਤੱਤਾਂ ਨੂੰ ਬਣਾਓ ਤਾਂ ਜੋ ਲੋਕਲ ਸਟੋਰੇਜ ਵਿੱਚ ਸਟੋਰ ਕੀਤੇ ਵੈਰੀਏਬਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ API ਨੂੰ ਕਾਲ ਕੀਤਾ ਜਾ ਸਕੇ। | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 13 | [Green Browser Extension](/5-browser-extension/solution/README.md) | ਫਾਰਮ ਬਣਾਉਣਾ, API ਨੂੰ ਕਾਲ ਕਰਨਾ ਅਤੇ ਲੋਕਲ ਸਟੋਰੇਜ ਵਿੱਚ ਵੈਰੀਏਬਲ ਸਟੋਰ ਕਰਨਾ | ਜਾਵਾਸਕ੍ਰਿਪਟ ਤੱਤਾਂ ਨੂੰ ਬਣਾਓ ਜੋ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਨੂੰ API ਨੂੰ ਕਾਲ ਕਰਨ ਲਈ ਲੋਕਲ ਸਟੋਰੇਜ ਵਿੱਚ ਸਟੋਰ ਕੀਤੇ ਵੈਰੀਏਬਲ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ। | [APIs, Forms, and Local Storage](/5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਬੈਕਗ੍ਰਾਊਂਡ ਪ੍ਰੋਸੈਸ, ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ | ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਬੈਕਗ੍ਰਾਊਂਡ ਪ੍ਰੋਸੈਸਾਂ ਨੂੰ ਵਰਤ ਕੇ ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਆਈਕਨ ਨੂੰ ਮੈਨੇਜ ਕਰੋ; ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ ਅਤੇ ਕੁਝ ਅਪਟਾਈਮਾਈਜ਼ੇਸ਼ਨ ਬਾਰੇ ਸਿੱਖੋ। | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 14 | [Green Browser Extension](/5-browser-extension/solution/README.md) | ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਬੈਕਗ੍ਰਾਊਂਡ ਪ੍ਰੋਸੈਸ, ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ | ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਬੈਕਗ੍ਰਾਊਂਡ ਪ੍ਰੋਸੈਸਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਆਈਕਨ ਨੂੰ ਮੈਨੇਜ ਕਰੋ; ਵੈੱਬ ਪ੍ਰਦਰਸ਼ਨ ਅਤੇ ਕੁਝ ਅਪਟਾਈਮਾਈਜ਼ੇਸ਼ਨ ਬਾਰੇ ਸਿੱਖੋ। | [Background Tasks and Performance](/5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 15 | [Space Game](./6-space-game/solution/README.md) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਹੋਰ ਅਗਰਸਰ ਗੇਮ ਡਿਵੈਲਪਮੈਂਟ | ਕਲਾਸਾਂ ਅਤੇ ਕੰਪੋਜ਼ੀਸ਼ਨ ਦੋਨੋਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਿਰਾਸਤ ਬਾਰੇ ਸਿੱਖੋ ਅਤੇ ਗੇਮ ਬਣਾਉਣ ਦੀ ਤਿਆਰੀ ਵਿੱਚ ਪਬ/ਸਬ ਪੈਟਰਨ ਬਾਰੇ ਸਿੱਖੋ। | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 15 | [Space Game](/6-space-game/solution/README.md) | ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਹੋਰ ਅਗਰਸਰ ਗੇਮ ਵਿਕਾਸ | ਕਲਾਸਾਂ ਅਤੇ ਕੰਪੋਜ਼ੀਸ਼ਨ ਦੋਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਾਰਸਾ ਬਾਰੇ ਸਿੱਖੋ ਅਤੇ ਪਬ/ਸਬ ਪੈਟਰਨ, ਗੇਮ ਬਣਾਉਣ ਦੀ ਤਿਆਰੀ ਵਿੱਚ। | [Introduction to Advanced Game Development](/6-space-game/1-introduction/README.md) | Chris | | 16 | [Space Game](./6-space-game/solution/README.md) | ਕੈਨਵਸ 'ਤੇ ਡ੍ਰਾਇੰਗ | ਕੈਨਵਸ API ਬਾਰੇ ਸਿੱਖੋ, ਜੋ ਸਕ੍ਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਡ੍ਰਾਇ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 16 | [Space Game](/6-space-game/solution/README.md) | ਕੈਨਵਸ 'ਤੇ ਡ੍ਰਾਇੰਗ | ਕੈਨਵਸ API ਬਾਰੇ ਸਿੱਖੋ, ਜੋ ਸਕ੍ਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਡ੍ਰਾਇ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। | [Drawing to Canvas](/6-space-game/2-drawing-to-canvas/README.md) | Chris | | 17 | [Space Game](./6-space-game/solution/README.md) | ਸਕ੍ਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਹਿਲਾਉਣਾ | ਪਤਾ ਲਗਾਓ ਕਿ ਤੱਤ ਕਿਵੇਂ ਕਾਰਟੀਸ਼ੀਅਨ ਕੋਆਰਡੀਨੇਟਸ ਅਤੇ ਕੈਨਵਸ API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਮੋਸ਼ਨ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹਨ। | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 17 | [Space Game](/6-space-game/solution/README.md) | ਸਕ੍ਰੀਨ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਹਿਲਾਉਣਾ | ਪਤਾ ਲਗਾਓ ਕਿ ਤੱਤ ਕਾਰਟੀਸ਼ੀਅਨ ਕੋਆਰਡੀਨੇਟਸ ਅਤੇ ਕੈਨਵਸ API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਮੋਸ਼ਨ ਕਿਵੇਂ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹਨ। | [Moving Elements Around](/6-space-game/3-moving-elements-around/README.md) | Chris | | 18 | [Space Game](./6-space-game/solution/README.md) | ਟਕਰਾਅ ਦੀ ਪਛਾਣ | ਤੱਤਾਂ ਨੂੰ ਟਕਰਾਉਣ ਅਤੇ ਇੱਕ ਦੂਜੇ ਨਾਲ ਪ੍ਰਤੀਕ੍ਰਿਆ ਕਰਨ ਲਈ ਕੀਪ੍ਰੈਸ ਦੀ ਵਰਤੋਂ ਕਰੋ ਅਤੇ ਗੇਮ ਦੀ ਪ੍ਰਦਰਸ਼ਨਸ਼ੀਲਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਕੂਡਾਊਨ ਫੰਕਸ਼ਨ ਪ੍ਰਦਾਨ ਕਰੋ। | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 18 | [Space Game](/6-space-game/solution/README.md) | ਟਕਰਾਅ ਦੀ ਪਛਾਣ | ਤੱਤਾਂ ਨੂੰ ਟਕਰਾਉਣ ਅਤੇ ਇੱਕ ਦੂਜੇ ਨਾਲ ਪ੍ਰਤੀਕ੍ਰਿਆ ਕਰਨ ਲਈ ਬਣਾਓ, ਕੀਪ੍ਰੈਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਤੇ ਗੇਮ ਦੀ ਪ੍ਰਦਰਸ਼ਨਸ਼ੀਲਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਕੂਲਡਾਊਨ ਫੰਕਸ਼ਨ ਪ੍ਰਦਾਨ ਕਰੋ। | [Collision Detection](/6-space-game/4-collision-detection/README.md) | Chris | | 19 | [Space Game](./6-space-game/solution/README.md) | ਸਕੋਰ ਰੱਖਣਾ | ਗੇਮ ਦੀ ਸਥਿਤੀ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਦੇ ਆਧਾਰ 'ਤੇ ਗਣਿਤ ਦੀਆਂ ਗਣਨਾਵਾਂ ਕਰੋ। | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 19 | [Space Game](/6-space-game/solution/README.md) | ਸਕੋਰ ਰੱਖਣਾ | ਗੇਮ ਦੀ ਸਥਿਤੀ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਦੇ ਆਧਾਰ 'ਤੇ ਗਣਿਤ ਦੀ ਗਣਨਾ ਕਰੋ। | [Keeping Score](/6-space-game/5-keeping-score/README.md) | Chris | | 20 | [Space Game](./6-space-game/solution/README.md) | ਗੇਮ ਨੂੰ ਖਤਮ ਕਰਨਾ ਅਤੇ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨਾ | ਗੇਮ ਨੂੰ ਖਤਮ ਕਰਨ ਅਤੇ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨ ਬਾਰੇ ਸਿੱਖੋ, ਜਿਸ ਵਿੱਚ ਐਸੈਟਸ ਨੂੰ ਸਾਫ ਕਰਨਾ ਅਤੇ ਵੈਰੀਏਬਲ ਮੁੱਲਾਂ ਨੂੰ ਰੀਸੈਟ ਕਰਨਾ ਸ਼ਾਮਲ ਹੈ। | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 20 | [Space Game](/6-space-game/solution/README.md) | ਗੇਮ ਨੂੰ ਖਤਮ ਕਰਨਾ ਅਤੇ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨਾ | ਗੇਮ ਨੂੰ ਖਤਮ ਕਰਨ ਅਤੇ ਮੁੜ ਸ਼ੁਰੂ ਕਰਨ ਬਾਰੇ ਸਿੱਖੋ, ਜਿਸ ਵਿੱਚ ਐਸੈਟਸ ਨੂੰ ਸਾਫ ਕਰਨਾ ਅਤੇ ਵੈਰੀਏਬਲ ਮੁੱਲਾਂ ਨੂੰ ਰੀਸੈਟ ਕਰਨਾ ਸ਼ਾਮਲ ਹੈ। | [The Ending Condition](/6-space-game/6-end-condition/README.md) | Chris | | 21 | [Banking App](./7-bank-project/solution/README.md) | ਵੈੱਬ ਐਪ ਵਿੱਚ HTML ਟੈਂਪਲੇਟ ਅਤੇ ਰੂਟਸ | ਸਿੱਖੋ ਕਿ ਰੂਟਿੰਗ ਅਤੇ HTML ਟੈਂਪਲੇਟਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਮਲਟੀਪੇਜ ਵੈੱਬਸਾਈਟ ਦੇ ਆਰਕੀਟੈਕਚਰ ਦਾ ਖਾਕਾ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ। | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 21 | [Banking App](/7-bank-project/solution/README.md) | HTML ਟੈਂਪਲੇਟ ਅਤੇ ਵੈੱਬ ਐਪ ਵਿੱਚ ਰੂਟ | ਰੂਟਿੰਗ ਅਤੇ HTML ਟੈਂਪਲੇਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਮਲਟੀਪੇਜ ਵੈੱਬਸਾਈਟ ਦੇ ਆਰਕੀਟੈਕਚਰ ਦਾ ਖਾਕਾ ਬਣਾਉਣ ਬਾਰੇ ਸਿੱਖੋ। | [HTML Templates and Routes](/7-bank-project/1-template-route/README.md) | Yohan | | 22 | [Banking App](./7-bank-project/solution/README.md) | ਲੌਗਇਨ ਅਤੇ ਰਜਿਸਟ੍ਰੇਸ਼ਨ ਫਾਰਮ ਬਣਾਉਣਾ | ਫਾਰਮ ਬਣਾਉਣ ਅਤੇ ਵੈਲੀਡੇਸ਼ਨ ਰੂਟੀਨ ਨੂੰ ਹੈਂਡਲ ਕਰਨ ਬਾਰੇ ਸਿੱਖੋ। | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 22 | [Banking App](/7-bank-project/solution/README.md) | ਲੌਗਇਨ ਅਤੇ ਰਜਿਸਟ੍ਰੇਸ਼ਨ ਫਾਰਮ ਬਣਾਉਣਾ | ਫਾਰਮ ਬਣਾਉਣ ਅਤੇ ਵੈਧਤਾ ਰੂਟੀਨ ਨੂੰ ਸੰਭਾਲਣ ਬਾਰੇ ਸਿੱਖੋ। | [Forms](/7-bank-project/2-forms/README.md) | Yohan | | 23 | [Banking App](./7-bank-project/solution/README.md) | ਡਾਟਾ ਨੂੰ ਫੈਚ ਕਰਨ ਅਤੇ ਵਰਤਣ ਦੇ ਤਰੀਕੇ | ਸਿੱਖੋ ਕਿ ਡਾਟਾ ਤੁਹਾਡੇ ਐਪ ਵਿੱਚ ਕਿਵੇਂ ਵਗਦਾ ਹੈ, ਕਿਵੇਂ ਫੈਚ ਕਰਨਾ ਹੈ, ਸਟੋਰ ਕਰਨਾ ਹੈ, ਅਤੇ ਇਸਨੂੰ ਕਿਵੇਂ ਹਟਾਉਣਾ ਹੈ। | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 23 | [Banking App](/7-bank-project/solution/README.md) | ਡਾਟਾ ਨੂੰ ਫੈਚ ਕਰਨ ਅਤੇ ਵਰਤਣ ਦੇ ਤਰੀਕੇ | ਡਾਟਾ ਤੁਹਾਡੇ ਐਪ ਵਿੱਚ ਕਿਵੇਂ ਆਉਂਦਾ ਹੈ ਅਤੇ ਬਾਹਰ ਜਾਂਦਾ ਹੈ, ਇਸ ਨੂੰ ਕਿਵੇਂ ਫੈਚ ਕਰਨਾ, ਸਟੋਰ ਕਰਨਾ ਅਤੇ ਖਤਮ ਕਰਨਾ। | [Data](/7-bank-project/3-data/README.md) | Yohan | | 24 | [Banking App](./7-bank-project/solution/README.md) | ਸਟੇਟ ਮੈਨੇਜਮੈਂਟ ਦੇ ਸਿਧਾਂਤ | ਸਿੱਖੋ ਕਿ ਤੁਹਾਡਾ ਐਪ ਸਟੇਟ ਨੂੰ ਕਿਵੇਂ ਰੱਖਦਾ ਹੈ ਅਤੇ ਇਸਨੂੰ ਪ੍ਰੋਗਰਾਮਮੈਟਿਕ ਤਰੀਕੇ ਨਾਲ ਕਿਵੇਂ ਮੈਨੇਜ ਕਰਨਾ ਹੈ। | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 24 | [Banking App](/7-bank-project/solution/README.md) | ਸਟੇਟ ਮੈਨੇਜਮੈਂਟ ਦੇ ਸਿਧਾਂਤ | ਸਿੱਖੋ ਕਿ ਤੁਹਾਡਾ ਐਪ ਸਟੇਟ ਨੂੰ ਕਿਵੇਂ ਰੱਖਦਾ ਹੈ ਅਤੇ ਇਸ ਨੂੰ ਪ੍ਰੋਗਰਾਮਮੈਟਿਕ ਤਰੀਕੇ ਨਾਲ ਕਿਵੇਂ ਮੈਨੇਜ ਕਰਨਾ ਹੈ। | [State Management](/7-bank-project/4-state-management/README.md) | Yohan |
## 🏫 ਪੈਡਾਗੌਜੀ ## 🏫 ਪੈਡਾਗੌਜੀ
ਸਾਡਾ ਕਰਿਕੁਲਮ ਦੋ ਮੁੱਖ ਪੈਡਾਗੌਜੀਕਲ ਸਿਧਾਂਤਾਂ 'ਤੇ ਅਧਾਰਿਤ ਹੈ: ਸਾਡਾ ਕੋਰਸ ਦੋ ਮੁੱਖ ਪੈਡਾਗੌਜੀਕਲ ਸਿਧਾਂਤਾਂ 'ਤੇ ਅਧਾਰਿਤ ਹੈ:
* ਪ੍ਰੋਜੈਕਟ-ਅਧਾਰਿਤ ਸਿੱਖਿਆ * ਪ੍ਰੋਜੈਕਟ-ਅਧਾਰਿਤ ਸਿੱਖਿਆ
* ਵਾਰੰ-ਵਾਰ ਕਵਿਜ਼ * ਵਾਰੰ-ਵਾਰ ਕਵਿਜ਼
ਇਹ ਪ੍ਰੋਗਰਾਮ ਜਾਵਾਸਕ੍ਰਿਪਟ, HTML, ਅਤੇ CSS ਦੇ ਮੂਲ ਸਿਧਾਂਤਾਂ ਨੂੰ ਸਿਖਾਉਂਦਾ ਹੈ, ਨਾਲ ਹੀ ਅੱਜ ਦੇ ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਦੁਆਰਾ ਵਰਤੇ ਜਾਂਦੇ ਨਵੇਂ ਟੂਲ ਅਤੇ ਤਕਨੀਕਾਂ। ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਟਾਈਪਿੰਗ ਗੇਮ, ਵਰਚੁਅਲ ਟੈਰੀਅਮ, ਪਰਿਆਵਰਣ-ਅਨੁਕੂਲ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ, ਸਪੇਸ-ਇਨਵੇਡਰ-ਸਟਾਈਲ ਗੇਮ, ਅਤੇ ਕਾਰੋਬਾਰਾਂ ਲਈ ਬੈਂਕਿੰਗ ਐਪ ਬਣਾਉਣ ਦੁਆਰਾ ਹੱਥ-ਅਨੁਭਵ ਵਿਕਸਿਤ ਕਰਨ ਦਾ ਮੌਕਾ ਮਿਲੇਗਾ। ਸਿਰੇ 'ਤੇ, ਵਿਦਿਆਰਥੀਆਂ ਵੈੱਬ ਵਿਕਾਸ ਦੀ ਮਜ਼ਬੂਤ ਸਮਝ ਪ੍ਰਾਪਤ ਕਰ ਚੁੱਕੇ ਹੋਣਗੇ। ਇਹ ਪ੍ਰੋਗਰਾਮ ਜਾਵਾਸਕ੍ਰਿਪਟ, 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)" ਵੀਡੀਓ ਟਿਊਟੋਰਿਅਲਾਂ ਦੇ ਸੰਗ੍ਰਹਿ ਵਿੱਚੋਂ ਇੱਕ ਵੀਡੀਓ ਦੇ ਨਾਲ ਜੋੜੇ ਗਏ ਹਨ, ਜਿਸ ਦੇ ਕੁਝ ਲੇਖਕਾਂ ਨੇ ਇਸ ਕਰਿਕੁਲਮ ਵਿੱਚ ਯੋਗਦਾਨ ਪਾਇਆ ਹੈ। > 🎓 ਤੁਸੀਂ ਇਸ ਕੋਰਸ ਦੇ ਪਹਿਲੇ ਕੁਝ ਪਾਠਾਂ ਨੂੰ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) 'ਤੇ Microsoft Learn 'ਤੇ ਲੈ ਸਕਦੇ ਹੋ!
ਇਸ ਤੋਂ ਇਲਾਵਾ, ਕਲਾਸ ਤੋਂ ਪਹਿਲਾਂ ਇੱਕ ਘੱਟ-ਦਬਾਅ ਵਾਲਾ ਕਵਿਜ਼ ਵਿਦਿਆਰਥੀ ਦੀ ਧਿਆਨਸ਼ੀਲਤਾ ਨੂੰ ਇੱਕ ਵਿਸ਼ੇ ਦੀ ਸਿੱਖਿਆ ਵੱਲ ਸਥਾਪਿਤ ਕਰਦਾ ਹੈ, ਜਦਕਿ ਕਲਾਸ ਤੋਂ ਬਾਅਦ ਦੂਜਾ ਕਵਿਜ਼ ਹੋਰ ਯਾਦਸ਼ਕਤੀ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ। ਇਹ ਕਰਿਕੁਲਮ ਲਚਕੀਲਾ ਅਤੇ ਮਜ਼ੇਦਾਰ ਬਣਾਇਆ ਗਿਆ ਸੀ ਅਤੇ ਪੂਰੇ ਜਾਂ ਅੰਸ਼ਿਕ ਤੌਰ 'ਤੇ ਲਿਆ ਜਾ ਸਕਦਾ ਹੈ। ਪ੍ਰੋਜੈਕਟ ਛੋਟੇ ਤੋਂ ਸ਼ੁਰੂ ਹੁੰਦੇ ਹਨ ਅਤੇ 12-ਹਫ਼ਤੇ ਦੇ ਚੱਕਰ ਦੇ ਅੰਤ ਤੱਕ ਵਧਦੇ ਹਨ। ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਸਮੱਗਰੀ ਨੂੰ ਅਨੁਕੂਲ ਬਣਾਉਣ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਦੁਆਰਾ, ਵਿਦਿਆਰਥੀਆਂ ਲਈ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਹੋਰ ਰੁਚਿਕਰ ਬਣਾਇਆ ਜਾਂਦਾ ਹੈ ਅਤੇ ਧਾਰਨਾਵਾਂ ਦੀ ਰਿਟੇਨਸ਼ਨ ਵਧਾਈ ਜਾਂਦੀ ਹੈ। ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੇਸਿਕਸ ਵਿੱਚ ਕਈ ਸ਼ੁਰੂਆਤੀ ਪਾਠ ਲਿਖੇ ਹਨ ਜੋ ਧਾਰਨਾਵਾਂ ਨੂੰ ਪੇਸ਼ ਕਰਦੇ ਹਨ, "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ਵੀਡੀਓ ਟਿਊਟੋਰਿਅਲਾਂ ਦੇ ਸੰਗ੍ਰਹਿ ਨਾਲ ਜੋੜੇ ਗਏ ਹਨ, ਜਿਨ੍ਹਾਂ ਦੇ ਕੁਝ ਲੇਖਕਾਂ ਨੇ ਇਸ ਕੋਰਸ ਵਿੱਚ ਯੋਗਦਾਨ ਪਾਇਆ ਹੈ।
ਜਦਕਿ ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਫਰੇਮਵਰਕਾਂ ਨੂੰ ਪੇਸ਼ ਕਰਨ ਤੋਂ ਜਾਨਬੂਝ ਕੇ ਬਚਿਆ ਹੈ ਤਾਂ ਕਿ ਫਰੇਮਵਰਕ ਨੂੰ ਅਪਨਾਉਣ ਤੋਂ ਪਹਿਲਾਂ ਵੈੱਬ ਡਿਵੈਲਪਰ ਦੇ ਤੌਰ 'ਤੇ ਲੋੜੀਂਦੇ ਮੂਲ ਹੁਨਰਾਂ 'ਤੇ ਧਿਆਨ ਦਿੱਤਾ ਜਾ ਸਕੇ, ਇਸ ਕਰਿਕੁਲਮ ਨੂੰ ਪੂਰਾ ਕਰਨ ਲਈ ਇੱਕ ਚੰਗਾ ਅਗਲਾ ਕਦਮ ਹੋਰ ਵੀਡੀਓਜ਼ ਦੇ ਸੰਗ੍ਰਹਿ ਦੁਆਰਾ Node.js ਬਾਰੇ ਸਿੱਖਣਾ ਹੋਵੇਗਾ: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)"। ਇਸ ਤੋਂ ਇਲਾਵਾ, ਕਲਾਸ ਤੋਂ ਪਹਿਲਾਂ ਇੱਕ ਘੱਟ-ਦਬਾਅ ਵਾਲਾ ਕਵਿਜ਼ ਵਿਦਿਆਰਥੀ ਦੀ ਧਿਆਨਸ਼ੀਲਤਾ ਨੂੰ ਕਿਸੇ ਵਿਸ਼ੇ ਨੂੰ ਸਿੱਖਣ ਵੱਲ ਸੈਟ ਕਰਦਾ ਹੈ, ਜਦਕਿ ਕਲਾਸ ਤੋਂ ਬਾਅਦ ਦੂਜਾ ਕਵਿਜ਼ ਹੋਰ ਰਿਟੇਨਸ਼ਨ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ। ਇਹ ਕੋਰਸ ਲਚਕਦਾਰ ਅਤੇ ਮਜ਼ੇਦਾਰ ਬਣਾਇਆ ਗਿਆ ਸੀ ਅਤੇ ਇਸਨੂੰ ਪੂਰੇ ਜਾਂ ਅੰਸ਼ਿਕ ਤੌਰ 'ਤੇ ਲਿਆ ਜਾ ਸਕਦਾ ਹੈ। ਪ੍ਰੋਜੈਕਟ ਛੋਟੇ ਸ਼ੁਰੂ ਹੁੰਦੇ ਹਨ ਅਤੇ 12-ਹਫ਼ਤੇ ਦੇ ਚੱਕਰ ਦੇ ਅੰਤ ਤੱਕ ਵਧਦੇ ਹਨ।
ਜਦਕਿ ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਫਰੇਮਵਰਕਸ ਨੂੰ ਪੇਸ਼ ਕਰਨ ਤੋਂ ਜਾਨਬੂਝ ਕੇ ਬਚਿਆ ਹੈ ਤਾਂ ਜੋ ਫਰੇਮਵਰਕ ਅਪਣਾਉਣ ਤੋਂ ਪਹਿਲਾਂ ਵੈੱਬ ਡਿਵੈਲਪਰ ਵਜੋਂ ਲੋੜੀਂਦੇ ਮੂਲ ਹੁਨਰਾਂ 'ਤੇ ਧਿਆਨ ਕੇਂਦ੍ਰਿਤ ਕੀਤਾ ਜਾ ਸਕੇ, ਇਸ ਕੋਰਸ ਨੂੰ ਪੂਰਾ ਕਰਨ ਲਈ ਇੱਕ ਚੰਗਾ ਅਗਲਾ ਕਦਮ ਹੋਵੇਗਾ Node.js ਬਾਰੇ ਸਿੱਖਣਾ। ਵੀਡੀਓਜ਼ ਦੇ ਹੋਰ ਸੰਗ੍ਰਹਿ ਦੁਆਰਾ: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)"।
> ਸਾਡੇ [Code of Conduct](CODE_OF_CONDUCT.md) ਅਤੇ [Contributing](CONTRIBUTING.md) ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ਾਂ 'ਤੇ ਜਾਓ। ਅਸੀਂ ਤੁਹਾਡੀ ਰਚਨਾਤਮਕ ਪ੍ਰਤੀਕ੍ਰਿਆ ਦਾ ਸਵਾਗਤ ਕਰਦੇ ਹਾਂ! > ਸਾਡੇ [Code of Conduct](CODE_OF_CONDUCT.md) ਅਤੇ [Contributing](CONTRIBUTING.md) ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ਾਂ 'ਤੇ ਜਾਓ। ਅਸੀਂ ਤੁਹਾਡੀ ਰਚਨਾਤਮਕ ਪ੍ਰਤੀਕ੍ਰਿਆ ਦਾ ਸਵਾਗਤ ਕਰਦੇ ਹਾਂ!
@ -196,9 +197,11 @@ CO_OP_TRANSLATOR_METADATA:
- [Mastering GitHub Copilot for C#/.NET Developers](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers) - [Mastering GitHub Copilot for C#/.NET Developers](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers)
- [Choose Your Own Copilot Adventure](https://github.com/microsoft/CopilotAdventures) - [Choose Your Own Copilot Adventure](https://github.com/microsoft/CopilotAdventures)
## ਲਾਇਸੰਸ ## ਲਾਇਸੈਂਸ
ਇਹ ਰਿਪੋਜ਼ਟਰੀ MIT ਲਾਇਸੈਂਸ ਅਧੀਨ ਹੈ। ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ [LICENSE](../../LICENSE) ਫਾਈਲ ਵੇਖੋ।
ਇਹ ਰਿਪੋਜ਼ਟਰੀ MIT ਲਾਇਸੰਸ ਅਧੀਨ ਹੈ। ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ [LICENSE](../../LICENSE) ਫਾਈਲ ਵੇਖੋ। ---
**ਅਸਵੀਕਾਰਨਾ**: **ਅਸਵੀਕਤੀ**:
ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀ ਹੋਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੁਚੀਤਤਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਇਸਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਪੈਦਾ ਹੋਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ। ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀਤਾ ਲਈ ਯਤਨਸ਼ੀਲ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੁਚਤਤਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਇਸਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਪੈਦਾ ਹੋਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।
Write Preview
Loading…
Cancel
Save