हे नवशिक्यांना वेब विकासाच्या मूलभूत गोष्टी शिकवण्यासाठी शैक्षणिक अभ्यासक्रमाचे रिपॉझिटरी आहे. हा अभ्यासक्रम Microsoft Cloud Advocates द्वारे विकसित केलेला 12 आठवड्यांचा व्यापक कोर्स आहे, ज्यामध्ये JavaScript, CSS आणि HTML कव्हर करणारे 24 प्रॅक्टिकल धडे आहेत.
हा वेब विकासाच्या मूलभूत गोष्टी शिकवण्यासाठी तयार केलेला शैक्षणिक अभ्यासक्रमाचा संग्रह आहे. हा अभ्यासक्रम Microsoft Cloud Advocates यांनी विकसित केलेला १२ आठवड्यांचा सर्वसमावेशक कोर्स आहे, ज्यात JavaScript, CSS, आणि HTML या विषयांवर २४ हस्तांतरित धडे आहेत.
### मुख्य घटक
- **शैक्षणिक सामग्री**: प्रकल्प-आधारित मॉड्यूलमध्ये आयोजित केलेले 24 संरचित धडे
- **प्रॅक्टिकल प्रकल्प**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, आणि AI Chat Assistant
- **इंटरॅक्टिव्ह क्विझेस**: प्रत्येक धड्याच्या आधी/नंतर 3 प्रश्नांसह 48 क्विझेस
- `5-browser-extension/README.md` - ब्राउझर एक्स्टेंशन विकास
- `6-space-game/README.md` - कॅनव्हास-आधारित गेम विकास
- `9-chat-project/README.md` - AI चॅट असिस्टंट प्रकल्प
- `9-chat-project/README.md` - AI चॅट सहाय्यक प्रकल्प
### मोनोरिपो संरचना
### Monorepo रचना
पारंपरिक मोनोरिपो नसले तरी, या रिपॉझिटरीमध्ये अनेक स्वतंत्र प्रकल्प आहेत:
समांतर प्रकल्प असलेले पारंपारिक मोनोरिपो नसले तरी, या संग्रहात अनेक स्वतंत्र प्रकल्प आहेत:
- प्रत्येक धडा स्वतंत्र आहे
- प्रकल्प अवलंबित्व सामायिक करत नाहीत
- इतरांवर परिणाम न करता स्वतंत्र प्रकल्पांवर काम करा
- संपूर्ण अभ्यासक्रम अनुभवासाठी संपूर्ण रिपॉझिटरी क्लोन करा
- प्रकल्प एकमेकांशी dependency शेअर करत नाहीत
- इतरांवर परिणाम न होता वैयक्तिक प्रकल्पांवर काम करा
- पूर्ण अभ्यासक्रमाचा अनुभव घेण्यासाठी पूर्ण संग्रह क्लोन करा
---
**अस्वीकरण**:
हा दस्तऐवज AI भाषांतर सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी, कृपया लक्षात ठेवा की स्वयंचलित भाषांतरांमध्ये त्रुटी किंवा अचूकतेचा अभाव असू शकतो. मूळ भाषेतील दस्तऐवज हा अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी, व्यावसायिक मानवी भाषांतराची शिफारस केली जाते. या भाषांतराचा वापर करून उद्भवलेल्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थासाठी आम्ही जबाबदार राहणार नाही.
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**अस्वीकरण**:
हा दस्तऐवज AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून अनुवादित केला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी, कृपया लक्षात घ्या की स्वयंचलित अनुवादात चुका किंवा असमर्थने असू शकतात. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीकरिता व्यावसायिक मानवी अनुवाद करण्याची शिफारस केली जाते. या अनुवादाच्या वापरामुळे उद्भवलेल्या कोणत्याही गैरसमजुती किंवा चुकीच्या अर्थालाबाबत आम्ही जबाबदार नाही.
Microsoft क्लाउड अॅडव्होकेट्सद्वारे दिलेला 12 आठवड्यांचा व्यापक अभ्यासक्रम घेऊन वेब विकासाच्या मूलतत्त्वांचा अभ्यास करा. 24 धड्यांपैकी प्रत्येक धडा JavaScript, CSS आणि HTML मध्ये तंत्रज्ञानी प्रकल्पांद्वारे उदाहरणार्थ टेरारियम्स, ब्राउझर एक्सटेंशन्स, आणि स्पेस गेम्स यामधून समजावून घेतो. क्विझ, चर्चा, आणि व्यावहारिक असाइनमेंट्समध्ये सहभाग घ्या. आमच्या प्रभावी प्रकल्पाधारित शिकवणीच्या माध्यमातून आपले कौशल्य वाढवा आणि ज्ञान टिकवून ठेवा. आजच आपली कोडिंग यात्रा सुरू करा!
Microsoft Cloud Advocates कडून दिलेल्या 12 आठवड्यांच्या सखोल अभ्यासक्रमाद्वारे वेब विकासाच्या मूलभूत गोष्टी शिकण्यासाठी. 24 धड्यांपैकी प्रत्येकात JavaScript, CSS आणि HTML यांचा अभ्यास प्रॅक्टिकल प्रोजेक्ट्स जसे की टेरारियम, ब्राऊझर एक्सटेंशन्स आणि स्पेस गेम्स यांच्यामार्फत केला जातो. क्विझ, चर्चा आणि व्यावहारिक असाइनमेंट्समध्ये सहभागी व्हा. आमच्या प्रभावी प्रोजेक्ट-आधारित शिक्षण पद्धतीने तुमच्या कौशल्यांना वाढवा आणि ज्ञान अधिक चांगल्या प्रकारे ठेवण्यास मदत करा. आजच तुमची कोडींग यात्रा सुरू करा!
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
> हे तुम्हाला या अभ्यासक्रमासाठी आवश्यक सर्व काही लवकर डाउनलोड करण्यास मदत करते.
> हे तुम्हाला कोर्स पूर्ण करण्यासाठी आवश्यक असलेली सर्वकाही अधिक जलद डाउनलोड करण्यास मदत करेल.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**जर तुम्हाला अतिरिक्त भाषांच्या अनुवादांची गरज असल्यास, त्या इथे [यादीबद्ध केलेल्या](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) आहेत**
**जर तुम्हाला अतिरिक्त भाषांमध्ये समर्थन हवे असल्यास, ते [इथे](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) यादी रूपात दिले आहे**
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑🎓 _तू विद्यार्थी आहेस का?_
#### 🧑🎓 _तुम्ही विद्यार्थी आहात का?_
[**सुटंट हब पेजला भेट द्या**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) जिथे तुम्हाला नवशिक्यांसाठी साधने, विद्यार्थी पॅक आणि अगदी मोफत प्रमाणपत्र कूपन मिळण्याचे मार्गही सापडतील. हा पृष्ठ तुम्हाला आवडल्यास त्याला बुकमार्क करा आणि वेळोवेळी तपासा कारण आम्ही दरमहा संसाधने बदलतो.
[**विद्यार्थी हब पृष्ठ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) भेट द्या जिथे तुम्हाला सुरुवातीसाठी साधने, विद्यार्थी पॅक आणि अगदी मोफत सर्टिफिकेट व्हाउचर मिळवण्याचे मार्ग देखील सापडतील. हा पृष्ठ तुम्हाला आवर्जून बुकमार्क करायचा आणि वेळोवेळी तपासायचा आहे कारण आम्ही दर महिन्याला सामग्री बदलतो.
### 📣 घोषणा - नवीन GitHub Copilot Agent मोड आव्हाने पूर्ण करा!
नवीन आव्हान जोडले आहे, बहुतेक अध्यायांमध्ये "GitHub Copilot Agent Challenge 🚀" पहा. हे तुम्हाला GitHub Copilot आणि Agent मोड वापरून पूर्ण करण्यासाठी नविन आव्हान आहे. जर तुम्ही Agent मोड कधी वापरला नसेल, तर हा फक्त मजकूर निर्माण करत नाही तर फायली तयार करणं, संपादित करणं, कमांड चालवणं आणि बरेच काही करू शकतो.
नवीन आव्हान जोडा, "GitHub Copilot Agent Challenge 🚀" हा बहुसंख्य अध्यायांमध्ये शोधा. हा नवीन आव्हान तुम्हाला GitHub Copilot आणि Agent मोड वापरून पूर्ण करायचा आहे. जर तुम्ही कधीही Agent मोड वापरला नसेल तर तो फक्त मजकूर तयार करणे नव्हे तर फायली तयार करणे, संपादित करणे, कमांड्स चालवणे आणि आणखी बरेच काही करू शकतो.
### 📣 घोषणा - _मराठीमध्ये Generative AI वापरून नवीन प्रकल्प_
### 📣 घोषणा - _Generative AI वापरून नवीन प्रोजेक्ट तयार करा_
नवीन AI सहाय्यक प्रकल्प नुकताच जोडले आहे, येथे पहा [प्रकल्प](./9-chat-project/README.md)
नवीन AI सहायक प्रोजेक्ट नुकताच जोडला गेला आहे, तपासा [प्रोजेक्ट](./9-chat-project/README.md)
### 📣 घोषणा - _Generative AI साठी नवीन अभ्यासक्रम_ JavaScript वर नुकताच प्रदर्शित
### 📣 घोषणा - _Generative AI साठी नवीन अभ्यासक्रम_ JavaScript साठी नुकताच रिलीज झाला आहे
आमचा नवीन 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)!
प्रत्येक धड्यात एक असाइनमेंट पूर्ण करण्यासाठी, ज्ञान तपासणी आणि आव्हान दिलेले आहे जे तुम्हाला खालील विषय शिकण्यास मार्गदर्शन करते:
- प्रॉम्प्टिंग आणि प्रॉम्प्ट इंजिनिअरिंग
- मजकूर व प्रतिमा अॅप जनरेशन
- शोध अॅप्स
प्रत्येक धड्यात पूर्ण करण्यासाठी असाइनमेंट, ज्ञान तपासणी व आव्हान यांचा समावेश आहे ज्यामध्ये पुढील विषय शिकवले जातात:
- प्रॉम्प्टिंग आणि प्रॉम्प्ट अभियांत्रिकी
- मजकूर आणि प्रतिमा अॅप निर्मिती
- शोध अॅप्स
सुरू करण्यासाठी भेट द्या [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) वाचायला आवडतील!
## 🌱 सुरुवात करणे
**[शिकणारे](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, प्रत्येक धड्यासाठी, प्राक्तन व्याख्यानाच्या क्विझने सुरू करा आणि मग व्याख्यानाची सामग्री वाचा, विविध उपक्रम पूर्ण करा आणि नंतरच्या क्विझद्वारे तुमचे समजून घेणे तपासा.
> **शिक्षकांनो**, आम्ही या अभ्यासक्रमाचा वापर कसे करावा यासाठी [काही सूचना](for-teachers.md) समाविष्ट केल्या आहेत. तुमचे अभिप्राय आमच्या [चर्चा फोरममध्ये](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) द्या!
तुमच्या शिकण्याच्या अनुभवास वृद्धिंगत करण्यासाठी, सहकाऱ्यांसोबत प्रकल्पांवर एकत्र काम करा! चर्चा आमच्या [चर्चा मंचावर](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) प्रोत्साहित केली जाते जिथे आमच्या टीमचे मॉडरेटर तुमच्या प्रश्नांची उत्तरे देतील.
**[शिकणारे](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, प्रत्येक धड्यासाठी प्रि-लेक्चर क्विझ पासून सुरू करा आणि नंतर व्याख्यान सामग्री वाचा, विविध क्रियाकलाप पूर्ण करा आणि पोस्ट-लेक्चर क्विझद्वारे तुमचे समज तपासा.
अधिक शिक्षणासाठी, आम्ही तुम्हाला [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) मध्ये अतिरिक्त अभ्यास साहित्य पाहण्याचा सल्ला देतो.
तुमच्या शिक्षण अनुभवाला सुधारण्यासाठी, तुमच्या सहाध्यायांसोबत प्रोजेक्ट्सवर एकत्र काम करा! चर्चांना आमच्या [चर्चा फोरममध्ये](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) प्रोत्साहन दिले जाते जिथे आमच्या मॉडरेटर टीम तुमच्या प्रश्नांची उत्तरे देण्यासाठी उपलब्ध असेल.
### 📋 तुमचे वातावरण सेट करा
तुमची अधिक शिक्षणासाठी, आम्ही [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) वापरण्याची जोरदार शिफारस करतो.
हा अभ्यासक्रम एक विकसन वातावरण तयार करून दिला आहे! सुरुवात करताना तुम्ही [Codespace](https://github.com/features/codespaces/) मध्ये हे चालवू शकता (_ब्राउझर-आधारित, कोणतेही इंस्टॉलेशन नको असलेले वातावरण_), किंवा तुमच्या संगणकावर स्थानिकरीत्या [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) सारखा टेक्स्ट एडिटर वापरून चालवू शकता.
### 📋 तुमचे पर्यावरण सेट करा
#### तुमची रेकॉजिटरी तयार करा
तुमचे काम सहज जतन करण्यासाठी, स्वतःची रेकॉजिटरी तयार करणे शिफारसीय आहे. हे करण्यासाठी या पृष्ठावरील **Use this template** बटणावर क्लिक करा. हे तुमच्या GitHub खात्यात नवीन रेकॉजिटरी तयार करेल ज्यात अभ्यासक्रमाची प्रत असेल.
हा अभ्यासक्रम वापरण्यास तयार विकास वातावरणासह आहे! तुम्ही सुरू करताना, तुम्ही हा अभ्यासक्रम [Codespace](https://github.com/features/codespaces/) मध्ये चालवण्याचे निवडू शकता (_ब्राउझर-आधारित, कोणत्याही इन्स्टॉलेशन आवश्यक नाही अशा वातावरण_) किंवा तुमच्या संगणकावर स्थानिकरित्या [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) सारख्या टेक्स्ट एडिटर वापरून चालवू शकता.
हे टप्पे पार पडा:
1. **रेकॉजिटरी फोर्क करा**: या पृष्ठाच्या उजव्या वरच्या कोपऱ्यातील "Fork" बटणावर क्लिक करा.
तुमच्या कामाचे सहज जतन करण्यासाठी, तुमच्या स्वतःच्या कॉपीची निर्मिती करण्यासाठी शिफारस केली जाते. हे करण्यासाठी या पृष्ठावरील **Use this template** बटणावर क्लिक करा. यामुळे तुमच्या GitHub खात्यात या अभ्यासक्रमाची नक्कल असलेला नवीन रिपॉजिटरी तयार होईल.
#### एक Codespace मध्ये अभ्यासक्रम चालवा
हे चरणांचे अनुसरण करा:
1. **रिपॉजिटरी फोर्क करा**: या पृष्ठाच्या वरच्या उजव्या कोपर्यात असलेल्या "Fork" बटणावर क्लिक करा.
तुमच्या तयार केलेल्या रेकॉजिटरी मध्ये, **Code** बटणावर क्लिक करा आणि **Open with Codespaces** निवडा. हे तुमच्यासाठी नवीन Codespace तयार करेल.
#### Codespace मध्ये अभ्यासक्रम चालवणे
तुमच्या तयार केलेल्या कॉपी मध्ये, **Code** बटणावर क्लिक करा आणि **Open with Codespaces** निवडा. यामुळे तुम्हाला काम करण्यासाठी नवीन Codespace तयार होईल.
#### तुमच्या संगणकावर स्थानिकरीत्या अभ्यासक्रम कसा चालवायचा
#### तुमच्या संगणकावर स्थानिकरित्या अभ्यासक्रम चालवणे
या अभ्यासक्रमाला स्थानिकरित्या चालवण्यासाठी, तुम्हाला टेक्स्ट एडिटर, ब्राउझर आणि कमांड लाइन टूलची आवश्यकता आहे. आमचा पहिला धडा, [Introduction to Programming Languages and Tools of the Trade](../../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) तुमचा एडिटर म्हणून वापरा ज्यामध्ये अंगभूत [टर्मिनल](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) डाउनलोड करू शकता.
आमचा सल्ला आहे की तुम्ही [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 कॉपी करा:
[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
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 पृष्ठांचे पूर्वावलोकन करण्यासाठी
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - कोड पटकन लिहिण्यास मदत करण्यासाठी
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code मध्ये HTML पृष्ठांचे प्रीव्ह्यू करण्यासाठी
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - कोड जलद लिहिण्यास मदत करण्यासाठी
## 📂 प्रत्येक धडा यामध्ये समाविष्ट आहे:
## 📂 प्रत्येक धड्यात समाविष्ट आहे:
- ऐच्छिक स्केचनोट
- ऐच्छिक पूरक व्हिडिओ
- धड्यापूर्वी गरम करणारा क्विझ
- लेखी धडा
- प्रकल्पाधारित धड्यांसाठी, प्रकल्प कसा तयार करायचा याबाबत टप्प्याटप्प्याने मार्गदर्शक
- ज्ञान तपासणी
- धड्यापूर्वी गरमावा क्विझ
- लिखित धडा
- प्रकल्प-आधारित धड्यांसाठी, प्रकल्प कसा तयार करायचा यावरील टप्प्याटप्प्याने मार्गदर्शक
> **क्विझबद्दल एक नोंद**: सर्व क्विझ "Quiz-app" फोल्डरमध्ये आहेत, प्रत्येकात तीन प्रश्नांसह एकूण 48 क्विझ. ते [येथे](https://ff-quizzes.netlify.app/web/) उपलब्ध आहेत; क्विझ अॅप स्थानिक पद्धतीने चालवू शकता किंवा Azure वर तैनात करू शकता; `quiz-app` फोल्डरमधील सूचनांचे पालन करा.
> **क्विझ संबंधित टीप**: सर्व क्विझेस Quiz-app फोल्डरमध्ये आहेत, एकूण ४८ क्विझ, प्रत्येकी तीन प्रश्नांसह. ते [येथे](https://ff-quizzes.netlify.app/web/) उपलब्ध आहेत. क्विझ अॅप स्थानिकपणे चालवू शकता किंवा Azure वर तैनात करू शकता; `quiz-app` फोल्डरमधील सूचना फॉलो करा.
## 🗃️ धडे
| | प्रकल्पाचे नाव | शिकवले जाणारे संकल्पना | शिक्षण उद्दिष्टे | लिंक केलेला धडा | लेखक |
| | प्रकल्पाचे नाव | शिकवलेली संकल्पना | शैक्षणिक उद्दिष्टे | लिंक केलेला धडा | लेखक |
| 01 | सुरुवात करणे | प्रोग्रामिंग परिचय आणि व्यापारातील साधने | बहुतेक प्रोग्रामिंग भाषांमागील मूलभूत तत्त्वे आणि व्यावसायिक विकसक त्यांच्या कामासाठी वापरतात अशा सॉफ्टवेअरबद्दल जाणून घ्या | [प्रोग्रामिंग भाषांचे आणि व्यापारातील साधनांचे परिचय](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | सुरुवात करणे | GitHub चे मूलभूत तत्त्वे, संघासह काम करणे | तुमच्या प्रकल्पात GitHub कसा वापरायचा, कोड बेसवर इतरांसोबत कसा सहकार्य करायचा | [GitHub परिचय](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | सुरुवात करणे | प्रवेशयोग्यता | वेब प्रवेशयोग्यतेच्या मूलभूत गोष्टी शिका | [प्रवेशयोग्यता मूलतत्त्वे](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS मूलभूत | JavaScript डेटा प्रकार | JavaScript डेटा प्रकारांची मूलभूत माहिती | [डेटा प्रकार](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS मूलभूत | फंक्शन्स आणि मेथड्स | अॅप्लिकेशनच्या लॉजिक फ्लोचे व्यवस्थापन करण्यासाठी फंक्शन्स आणि मेथड्स शिका | [फंक्शन्स आणि मेथड्स](./2-js-basics/2-functions-methods/README.md) | Jasmine आणि Christopher |
| 06 | JS मूलभूत | JS सह निर्णय कसे घ्यायचे | निर्णय घेण्याच्या पद्धती वापरून तुमच्या कोडमध्ये अटी कसे तयार करायच्या हे शिका | [निर्णय घेणे](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS मूलभूत | अॅरे आणि लूप्स | JavaScript मध्ये अॅरे आणि लूप्स वापरून डेटा कसा हाताळायचा | [अॅरे आणि लूप्स](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML प्रत्यक्षात | ऑनलाइन टेरारियम तयार करण्यासाठी HTML तयार करा, लेआउट तयार करण्यावर लक्ष केंद्रित करा | [HTML परिचय](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS प्रत्यक्षात | ऑनलाइन टेरारियमसाठी CSS तयार करा, CSS च्या मूलभूत गोष्टी आणि पृष्ठ प्रतिसादक्षम पद्धतीवर लक्ष केंद्रित करा | [CSS परिचय](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript क्लोजर्स, DOM व्यवस्थापन | ड्रॅग/ड्रॉप इंटरफेस कार्य करण्यासाठी JavaScript तयार करा, क्लोजर्स आणि DOM व्यवस्थापनावर लक्ष केंद्रित करा | [JavaScript क्लोजर्स, DOM व्यवस्थापन](./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 |
| 12 | [ग्रीन ब्राउझर विस्तार](./5-browser-extension/solution/README.md) | ब्राउझर सह काम करणे | ब्राउझर कसे कार्य करतात, त्यांचा इतिहास, आणि ब्राउझर विस्ताराचे पहिले घटक तयार करण्याविषयी शिका | [ब्राउझर बद्दल](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [ग्रीन ब्राउझर विस्तार](./5-browser-extension/solution/README.md) | फॉर्म तयार करणे, API कॉल करणे आणि स्थानिक संग्रहात चलन जतन करणे | JavaScript चा वापर करून ब्राउझर विस्ताराचा API कॉल करा आणि स्थानिक संग्रहातील चलनांचा वापर करा | [API, फॉर्म्स आणि स्थानिक संग्रह](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [ग्रीन ब्राउझर विस्तार](./5-browser-extension/solution/README.md) | ब्राउझरमधील पार्श्वभूमी प्रक्रिया, वेब कार्यक्षमता | विस्ताराच्या चिन्हाचे व्यवस्थापन करण्यासाठी ब्राउझरच्या पार्श्वभूमी प्रक्रिया वापरा; वेब कार्यक्षमता आणि काही ऑप्टिमायझेशन्स बद्दल शिका | [पार्श्वभूमी कार्य आणि कार्यक्षमता](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [स्पेस गेम](./6-space-game/solution/README.md) | JavaScript सह अधिक प्रगत गेम विकास | क्लासेस आणि कंपोझिशन वापरून वारसा घेणे आणि Pub/Sub पॅटर्नबद्दल शिका, गेम तयार करण्यासाठी तयारी करा | [प्रगत गेम विकास परिचय](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [स्पेस गेम](./6-space-game/solution/README.md) | कॅनव्हासवर रेखांकन | स्क्रीनवर घटक रेखाटण्यासाठी वापरल्या जाणार्या Canvas API बद्दल शिका | [कॅनव्हासवर रेखाटन](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [स्पेस गेम](./6-space-game/solution/README.md) | स्क्रीनवर घटक हलविणे | कर्टिझियन समन्वय आणि Canvas API वापरून घटकांना हालचाल कशी मिळते हे शोधा | [घटक हलविणे](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [स्पेस गेम](./6-space-game/solution/README.md) | टक्कर शोधणे | की प्रेस वापरून घटकांमध्ये टक्कर येणे आणि प्रतिसाद देणे तसेच गेमच्या कार्यक्षमतेसाठी कूलडाउन फंक्शन प्रदान करणे | [टक्कर शोधणे](./6-space-game/4-collision-detection/README.md) | Chris |
| 01 | सुरुवात | प्रोग्रामिंगचे परिचय आणि औजारांची ओळख | बहुतेक प्रोग्रामिंग भाषांचे मूलभूत तत्त्वे आणि व्यावसायिक विकसकांना मदत करणाऱ्या सॉफ्टवेअरबद्दल शिका | [प्रोग्रामिंग भाषा आणि औजारांचे परिचय](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | सुरुवात | GitHub ची मूलभूत माहिती, टीमसोबत काम करण्याचा समावेश | आपल्या प्रकल्पात GitHub कसा वापरायचा, कोड बेसवर इतरांसोबत कसे सहकार्य करायचे | [GitHub परिचय](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | सुरुवात | प्रवेशयोग्यता | वेब प्रवेशयोग्यतेचे मूलतत्त्वे शिका | [प्रवेशयोग्यता मूलभूत](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS मूलभूत | JavaScript डेटा प्रकार | JavaScript डेटा प्रकारांचे मूलभूत ज्ञान | [डेटा प्रकार](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS मूलभूत | फंक्शन्स आणि मेथड्स | अॅप्लिकेशनच्या लॉजिक फ्लोसाठी फंक्शन्स आणि मेथड्सबद्दल शिका | [फंक्शन्स आणि मेथड्स](./2-js-basics/2-functions-methods/README.md) | Jasmine आणि Christopher |
| 06 | JS मूलभूत | JS सह निर्णय घेणे | आपल्या कोडमध्ये निर्णय-निर्मिती पद्धती वापरून स्थिती कशी तयार करायची हे शिका | [निर्णय घेणे](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS मूलभूत | अॅरे आणि लूप्स | JavaScript मध्ये अॅरे आणि लूप्स वापरून डेटा कसा हाताळायचा हे शिका | [अॅरे आणि लूप्स](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML चा वापर | ऑनलाइन टेररियम तयार करण्यासाठी HTML तयार करा, लेआउट तयार करण्यावर लक्ष केंद्रित करा | [HTML परिचय](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS चा वापर | ऑनलाइन टेररियमला स्टाइल करण्यासाठी CSS तयार करा, मूलभूत CSS सह पृष्ठ प्रतिसादक बनवण्यावर लक्ष केंद्रित करा | [CSS परिचय](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript क्लोजर, DOM संशोधन | ड्रॅग/ड्रॉप इंटरफेससाठी JavaScript तयार करा, क्लोजर आणि DOM संशोधनावर लक्ष केंद्रित करा | [JS क्लोजर, DOM संशोधन](./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 |
| 12 | [ग्रीन ब्राउझर विस्तार](./5-browser-extension/solution/README.md) | ब्राउझर सोबत काम करणं | ब्राउझर्स कसे काम करतात, त्यांचा इतिहास आणि ब्राउझर विस्तारांची पहिले घटक तयार करण्याची पद्धत शिका | [ब्राउझर बद्दल](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [ग्रीन ब्राउझर विस्तार](./5-browser-extension/solution/README.md) | फॉर्म तयार करणे, API कॉल करणे आणि स्थानीय संचयात व्हेरिएबल्स साठवणे | API कॉल करण्यासाठी ब्राउझर एक्सटेंशनचे JavaScript तयार करा, स्थानीय संचयातील व्हेरिएबल्स वापरून | [API, फॉर्म, आणि लोकल स्टोरेज](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [ग्रीन ब्राउझर विस्तार](./5-browser-extension/solution/README.md) | ब्राउझरमधील पृष्ठभूमी प्रक्रिये, वेब कार्यक्षमता | विस्तार आयकॉन व्यवस्थापित करण्यासाठी ब्राउझरच्या पृष्ठभूमी प्रक्रियांचा वापर करा; वेब कार्यक्षमता आणि काही ऑप्टिमायझेशन शिका | [पृष्ठभूमी कार्ये आणि कार्यक्षमता](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [स्पेस गेम](./6-space-game/solution/README.md) | JavaScript सह अजून प्रगत गेम डेव्हलपमेंट | वर्ग आणि संयोजन वापरून वारसा, आणि Pub/Sub पद्धत बद्दल शिका, गेम तयार करण्यासाठी तयारी | [प्रगत गेम डेव्हलपमेंट परिचय](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [स्पेस गेम](./6-space-game/solution/README.md) | कॅनव्हासवर ड्रॉइंग | स्क्रीनवर घटक रेखाटण्यासाठी कॅनव्हास API बद्दल शिका | [कॅनव्हास वर ड्रॉइंग](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [स्पेस गेम](./6-space-game/solution/README.md) | स्क्रीनवर घटक हलविणे | घटकांना गती मिळवून देण्यासाठी Cartesian Coordinates आणि कॅनव्हास API कसा वापरायचा हे शोधा | [घटक हलविणे](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [स्पेस गेम](./6-space-game/solution/README.md) | संग撞 तपासणी | घटकांना एकमेकांशी टकराव करून कसे प्रतिक्रिया द्यायची आणि कार्यप्रदर्शनासाठी कूलडाउन फंक्शन कशी द्यायची ते शिका | [संघर्ष तपासणी](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [स्पेस गेम](./6-space-game/solution/README.md) | गुणांक ठेवणे | गेमच्या स्थिती आणि कार्यक्षमतेवर आधारित गणिती गणना करा | [गुणांक ठेवणे](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [स्पेस गेम](./6-space-game/solution/README.md) | गेम संपविणे आणि पुन्हा सुरू करणे | गेम संपविणे आणि पुन्हा सुरू करण्याबाबत शिका, ज्यामध्ये संसाधने स्वच्छ करणे आणि चलन रीसेट करणे समाविष्ट आहे | [समाप्ती अट](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [बँकिंग अॅप](./7-bank-project/solution/README.md) | वेब अॅपमधील HTML टेम्पलेट्स आणि मार्गदर्शन | राऊटिंग आणि HTML टेम्पलेट्सचा वापर करून बहुपृष्ठ वेबसाइटचे वास्तुकला कसे तयार करायची हे शिका | [HTML टेम्पलेट्स आणि मार्ग](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [बँकिंग अॅप](./7-bank-project/solution/README.md) | लॉगिन आणि नोंदणी फॉर्म तयार करणे | फॉर्म तयार करणे आणि व्हॅलिडेशन रूटिन हाताळण्याबद्दल शिका | [फॉर्म्स](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [बँकिंग अॅप](./7-bank-project/solution/README.md) | डेटा आणण्याचे आणि वापरण्याचे पद्धती | तुमच्या अॅपमध्ये डेटा कसा येतो आणि जातो, कसा आणायचा, संग्रहित करायचा, आणि कसा दूर करायचा याबद्दल शिका | [डेटा](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [बँकिंग अॅप](./7-bank-project/solution/README.md) | राज्य व्यवस्थापन संकल्पना | तुमचा अॅप कसा राज्य धारण करतो आणि प्रोग्रामरद्वारे कसा व्यवस्थापित करायचा हे शिका | [राज्य व्यवस्थापन](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [ब्राउझर/VScode कोड](../../8-code-editor) | VScode सोबत काम करणे | कोड एडिटर कसा वापरायचा शिका| [VScode कोड एडिटर वापरा](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI सहाय्यक](./9-chat-project/README.md) | AI सह काम करणे | तुमचा स्वतःचा AI सहाय्यक कसा तयार करायचा शिका | [AI सहाय्यक प्रकल्प](./9-chat-project/README.md) | Chris |
| 20 | [स्पेस गेम](./6-space-game/solution/README.md) | गेम संपवणे आणि पुन्हा सुरू करणे | गेम संपवण्यास आणि पुनःप्रारंभ करण्यासंबंधी, संसाधने स्वच्छ करणे आणि व्हेरिएबल मूल्ये रीसेट करणे शिका | [अंतिम स्थिती](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [बँकिंग अॅप](./7-bank-project/solution/README.md) | वेब अॅपमध्ये HTML साचा आणि मार्ग | राउटिंग आणि HTML साच्यांचा वापर करून बहुपृष्ठी वेबसाइटचे आराखडा कसा तयार करायचा हे शिका | [HTML साच्य आणि मार्ग](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [बँकिंग अॅप](./7-bank-project/solution/README.md) | लॉगिन आणि नोंदणी फॉर्म तयार करा | फॉर्म तयार करणे आणि प्रमाणीकरण प्रथांची हाताळणी कशी करायची शिका | [फॉर्म](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [बँकिंग अॅप](./7-bank-project/solution/README.md) | डेटा मिळवण्याच्या आणि वापरण्याच्या पद्धती | आपल्या अॅपमध्ये डेटा कसा प्रवाहित होतो, कसा मिळवायचा, साठवायचा आणि नष्ट करण्याचा मार्ग | [डेटा](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [बँकिंग अॅप](./7-bank-project/solution/README.md) | राज्य व्यवस्थापन संकल्पना | आपल्या अॅपमध्ये स्थिती कशी टिकवली जाते आणि प्रोग्रामॅटिकली कशी व्यवस्थापित केली जाते हे शिका | [राज्य व्यवस्थापन](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode सोबत काम | कोड एडिटर कसा वापरायचा शिका| [VScode कोड एडिटर वापरा](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI सहायक](./9-chat-project/README.md) | AI सह काम करणे | आपला स्वतःचा AI सहाय्यक कसा तयार करायचा शिका | [AI सहाय्यक प्रोजेक्ट](./9-chat-project/README.md) | Chris |
## 🏫 अध्यापनशास्त्र
## 🏫 शिक्षणशास्त्र
आमचा अभ्यासक्रम दोन मुख्य अध्यापनशास्त्रीय तत्त्वे लक्षात घेऊन तयार केला आहे:
* प्रकल्पाधारित शिक्षण
* वारंवार क्विझ
आमच्या अभ्यासक्रमाला दोन मुख्य अध्यापन तत्त्वे लक्षात घेऊन डिझाईन केले आहे:
* प्रकल्प-आधारित शिक्षण
* वारंवार क्विझेस
हा कार्यक्रम JavaScript, HTML, आणि CSS च्या मूलभूत गोष्टी तसेच आजच्या वेब विकसकांनी वापरल्या जाणार्या नवीनतम साधने आणि तंत्र शिकवतो. विद्यार्थ्यांना टायपिंग गेम, आभासी टेररियम, पर्यावरणपूरक ब्राउझर विस्तार, स्पेस-इनवेडर-शैलीचा गेम, आणि व्यवसायिकांसाठी बँकिंग अॅप तयार करून प्रत्यक्ष अनुभव मिळविण्याची संधी मिळेल. या मालिकेच्या शेवटी, विद्यार्थ्यांना वेब विकासाचे मजबूत समज प्राप्त होईल.
हा प्रोग्राम JavaScript, HTML, आणि CSS चे मूलभूत तत्त्वे तसेच आजच्या वेब डेव्हलपर्सद्वारे वापरल्या जाणार्या नवीनतम साधने आणि तंत्रे शिकवतो. विद्यार्थी टायपिंग गेम, व्हर्च्युअल टेररियम, पर्यावरणपूरक ब्राउझर विस्तार, स्पेस-इन्व्हेडर-शैलीचा गेम, आणि व्यवसायांसाठी बँकिंग अॅप तयार करून प्रत्यक्ष अनुभव मिळवतील. मालिकेच्या शेवटी, विद्यार्थ्यांना वेब डेव्हलपमेंटची मजबूत समज प्राप्त होईल.
> 🎓 तुम्ही या अभ्यासक्रमातील पहिले काही धडे Microsoft Learn वर [Learn Path](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) म्हणून 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 आठवड्यांच्या चक्राच्या शेवटी हळूहळू जास्त गुंतागुंतीचे होतात.
त्याचप्रमाणे, वर्गापूर्वीचा क्विझ विद्यार्थ्याच्या अभ्यासासाठी तीव्र संकेत देतो, तर वर्गानंतरचा क्विझ अधिक टिकून राहिल्याची खात्री करतो. हा अभ्यासक्रम लवचिक आणि मजेदार ठेवण्यासाठी तयार केला आहे आणि पूर्ण किंवा भागांमध्ये घेता येऊ शकतो. प्रकल्प लहान प्रमाणात सुरू होतात आणि १२ आठवड्यांच्या कालावधीमध्ये हळूहळू जटील होतात.
आम्ही जाणूनबुजून JavaScript फ्रेमवर्क परिचय टाळल्याने वेब विकसक म्हणून मूलभूत कौशल्यांवर लक्ष केंद्रित केले आहे, फ्रेमवर्क स्वीकारण्यापूर्वी; या अभ्यासक्रमाला पूर्ण करण्याचा चांगला पुढील टप्पा म्हणजे Node.js बद्दल दुसऱ्या व्हिडिओ संचाद्वारे शिकणे: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
आम्ही उद्दिष्टपूर्वक JavaScript फ्रेमवर्क परिचय देणे टाळले आहे जेणेकरून वेब डेव्हलपर म्हणून आवश्यक मूलभूत कौशल्यांवर लक्ष केंद्रित करता येईल आणि फ्रेमवर्क स्वीकारण्यापूर्वी त्याचा अभ्यास करता येईल, पुढील चांगला टप्पा 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.md) आणि [योगदान](CONTRIBUTING.md) मार्गदर्शक तत्वे पाहा. तुमचे रचनात्मक अभिप्राय स्वागतार्ह आहे!
> आमचे [कोड ऑफ कंडक्ट](CODE_OF_CONDUCT.md) आणि [योगदान देणे](CONTRIBUTING.md) मार्गदर्शक पान पहा. आम्ही आपले रचनात्मक अभिप्राय स्वागत करतो!
## 🧭 ऑफलाइन प्रवेश
तुम्ही या दस्तऐवजाला ऑफलाइन [Docsify](https://docsify.js.org/#/) वापरून चालवू शकता. हा रेपो फोर्क करा, तुमच्या स्थानिक मशीनवर [Docsify स्थापित करा](https://docsify.js.org/#/quickstart), नंतर या रेपोच्या मूळ फोल्डरमध्ये `docsify serve` टाकून चालवा. वेबसाईट तुमच्या लोकलहोस्टवर पोर्ट 3000 वर सेवा देईल: `localhost:3000`.
आपण हा दस्तऐवज ऑफलाइन [Docsify](https://docsify.js.org/#/) वापरून चालवू शकता. हा रेपो Fork करा, आपल्या स्थानिक संगणकावर [Docsify इंस्टॉल](https://docsify.js.org/#/quickstart) करा, आणि मग या रेपोच्या मुख्य फोल्डरमध्ये `docsify serve` लिहा. वेबसाइट पोर्ट 3000 वर आपल्या लोकलहोस्टवर चालेल: `localhost:3000`.
## 📘 PDF
@ -204,13 +206,13 @@ Azure AI Foundry Discord समुदायात सहभागी व्ह
## 🎒 इतर कोर्सेस
आमचे टीम इतर अभ्यासक्रम देखील तयार करते! येथे पाहा:
आमची टीम इतर कोर्स तयार करते! तपासा:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
[](https://aka.ms/langchain4j-for-beginners)
[](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
### Azure / Edge / MCP / Agents
@ -248,21 +250,21 @@ Azure AI Foundry Discord समुदायात सहभागी व्ह
## मदत मिळवा
जर तुम्हाला अडचण आल्यास किंवा AI अॅप्स विकसित करताना काही प्रश्न असतील. तर MCP बद्दलचे चर्चांमध्ये शिका आणि अनुभवी विकासकांसोबत सहभागी व्हा. ही एक सहायक समुदाय आहे जिथे प्रश्न विचारले जातात आणि ज्ञान मोकळेपणाने वाटले जाते.
जर तुम्हाला अडचण येत असेल किंवा AI ऍप्स तयार करताना काही प्रश्न असतील तर. इतर शिकणाऱ्यांसह आणि अनुभवी विकसकांसह MCP बाबत चर्चेमध्ये सहभागी व्हा. ही एक सहकार्यशील समुदाय आहे जिथे प्रश्न विचारले जातात आणि ज्ञान मुक्तपणे वाटले जाते.
हा रेपॉझिटरी MIT परवान्याअंतर्गत परवाना आहे. अधिक माहितीसाठी [LICENSE](../../LICENSE) फाइल पाहा.
हे रेपॉझिटरी MIT परवान्याखाली परवानगी दिले गेले आहे. अधिक माहितीसाठी [LICENSE](../../LICENSE) फाइल पहा.
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**अस्वीकरण**:
हा दस्तऐवज AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून अनुवादित केलेला आहे. आम्ही नेहमीच अचूकतेसाठी प्रयत्न करतो, तरी कृपया लक्षात घ्या की स्वयंचलित अनुवादांमध्ये चुका किंवा असत्यता असू शकते. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत मानावा. महत्त्वाच्या माहितीसाठी व्यावसायिक मानवी अनुवादाची शिफारस केली जाते. या अनुवादाच्या वापरातून उद्भवणाऱ्या कोणत्याही गैरसमजुतीसाठी किंवा चुकीच्या अर्थनिर्देशासाठी आम्ही जबाबदार नाही.
हा दस्तऐवज AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) चा उपयोग करून अनुवादित केलेला आहे. आम्ही अचूकतेसाठी प्रयत्न करतो, परंतु कृपया लक्षात घ्या की स्वयंचलित अनुवादांमध्ये चुका किंवा अचूकतेचा अभाव असू शकतो. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत मानला जावा. महत्त्वपूर्ण माहितीकरिता व्यावसायिक मानवी अनुवाद शिफारसीय आहे. या अनुवादाच्या वापरामुळे होणाऱ्या कुठल्याही गैरसमजुतीक किंवा चुकीच्या अर्थ लावण्याबाबत आम्ही जबाबदार नाही.
# Microsoft च्या Web-Dev-For-Beginners रिपॉझिटरीसाठी रोडमॅप
**ही रिपॉझिटरी JavaScript, HTML आणि CSS यावर लक्ष केंद्रित करून वेब विकास मूलतत्त्वे शिकण्यासाठी रोडमॅप प्रदान करते. अभ्यासक्रम लवचीक आहे आणि तो संपूर्ण किंवा भागांमध्ये घेतला जाऊ शकतो, ज्यामध्ये १२ आठवड्यांत २४ धडे वितरित केलेले आहेत.**
## मुख्य टप्पे
* **आठवडे १-३:**
* प्रोग्रॅमिंग भाषा आणि कामाच्या साधनांची ओळख
* GitHub ची मूलतत्त्वे
* प्रवेशयोग्यता
* JS मूलतत्त्वे: डेटा प्रकार, फंक्शन्स आणि मेथड्स
* JS सह निर्णय घेणे
* **आठवडे ४-६:**
* अॅरे आणि लूप्स
* टेरीरियम: HTML चा वापर करून
* CSS चा वापर करून
* JavaScript क्लोजर्स
* DOM चे हावभाव
* **आठवडे ७-९:**
* टायपिंग गेम: इव्हेंट-चालित प्रोग्रॅमिंग
* ग्रीन ब्राउझर एक्सटेंशन: ब्राउझर सोबत काम करणे
* फॉर्म बनवणे, API कॉल करणे आणि स्थानिक स्टोरेजमध्ये व्हेरिएबल्स साठवणे
* ब्राउझर मधील बॅकग्राउंड प्रक्रिया
* वेब कार्यक्षमता
* **आठवडे १०-१२:**
* स्पेस गेम: JavaScript सह अधिक प्रगत गेम विकास
* कॅनव्हासवर रेखाटन
* स्क्रीनवर घटक हलविणे
* कोलब्हिजन शोधणे
* स्कोअर ठेवणे, गेम संपविणे आणि पुनः सुरू करणे
* बँकिंग अॅप: वेब अॅपमधील HTML टेम्पलेट्स आणि राउट्स
* लॉगिन आणि नोंदणी फॉर्म तयार करणे
* डेटा मिळवण्याचे आणि वापरण्याचे पद्धती
* स्टेट मॅनेजमेंट संकल्पना
## शिकण्याचे परिणाम
**हा रोडमॅप पूर्ण करून, विद्यार्थ्यांना टायपिंग गेम, आभासी टेरीरियम, पर्यावरणपूरक ब्राउझर एक्सटेंशन, स्पेस-इनवेडर-शैलीचा गेम आणि व्यवसायांसाठी बँकिंग अॅप तयार करण्याचा व्यावहारिक अनुभव मिळेल. तसेच, त्यांना वेब विकास मूलतत्त्वांची मजबूत समज प्राप्त होईल.**
## अतिरिक्त साधने
* ही रिपॉझिटरी पुढील शिक्षणासाठी ट्यूटोरियल्स, कोड उदाहरणे आणि आव्हाने यांसह भरपूर साधने प्रदान करते.
* Microsoft Learn प्लॅटफॉर्म वेब विकास कोर्सेस आणि शिक्षण मार्गांची विविधता ऑफर करतो.
* Stack Overflow आणि MDN Web Docs सारख्या ऑनलाइन समुदायांनी वेब डेव्हलपर्ससाठी मौल्यवान समर्थन आणि साधने उपलब्ध करून दिली आहेत.
**मला आशा आहे की हा रोडमॅप तुमच्या वेब विकास प्रवासात मदत करेल!**
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**अस्वीकरण**:
हा दस्तऐवज AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून अनुवादित केला आहे. आम्ही अचुकतेसाठी प्रयत्न करतो, तरी कृपया लक्षात घ्या की स्वयंचलित अनुवादांमध्ये चुका किंवा अचूकता नसलेली माहिती असू शकते. मूळ दस्तऐवज त्याच्या मूळ भाषेत अधिकृत स्रोत मानला पाहिजे. महत्त्वपूर्ण माहितीसाठी व्यावसायिक मानव अनुवादाचा सल्ला दिला जातो. या अनुवादाच्या वापरामुळे उगम पावलेल्या गैरसमज किंवा चुकीच्या अर्थ लावण्याबद्दल आम्ही जबाबदार नाही.
यो वेब विकासको आधारभूत ज्ञान सिकाउनका लागि तयार गरिएको शैक्षिक पाठ्यक्रमको भण्डार हो। पाठ्यक्रम माइक्रोसफ्ट क्लाउड एड्भोकेट्सद्वारा विकसित गरिएको १२ हप्ताको व्यापक कोर्स हो, जसमा जाभास्क्रिप्ट, CSS, र HTML समेटिएका २४ व्यावहारिक पाठहरू छन्।
यो शुरुआतीहरूलाई वेब विकासका आधारहरू सिकाउनको लागि शैक्षिक पाठ्यक्रम भण्डार हो। पाठ्यक्रम माइक्रोसफ्ट क्लाउड एड्भोकेट्सद्वारा विकास गरिएको एक व्यापक १२ हप्ते कोर्स हो, जसमा जाभास्क्रिप्ट, CSS, र HTML समेटिएका २४ वटा व्यावहारिक पाठहरू समावेश छन्।
### मुख्य घटकहरू
### मुख्य कम्पोनेन्टहरू
- **शैक्षिक सामग्री**: परियोजनामा आधारित मोड्युलहरूमा व्यवस्थित २४ संरचित पाठहरू
- **व्यावहारिक परियोजनाहरू**: टेरारियम, टाइपिङ गेम, ब्राउजर एक्सटेन्सन, स्पेस गेम, बैंकिङ एप, कोड एडिटर, र AI च्याट सहायक
- **इन्टरएक्टिभ क्विजहरू**: प्रत्येक पाठको लागि ३ प्रश्नसहित ४८ क्विजहरू (पाठ अघि/पछिको मूल्याङ्कन)
- **बहुभाषा समर्थन**: GitHub Actions मार्फत ५०+ भाषाहरूमा स्वचालित अनुवाद
- `5-browser-extension/README.md` - ब्राउजर एक्सटेन्सन विकास
- `6-space-game/README.md` - क्यानभास-आधारित गेम विकास
- `9-chat-project/README.md` - AI च्याट सहायक परियोजना
- `6-space-game/README.md` - क्यानभास-आधारित खेल विकास
- `9-chat-project/README.md` - AI चैट सहायक परियोजना
### मोनोरिपो संरचना
### मोनोरेपो संरचना
यद्यपि यो परम्परागत मोनोरिपो होइन, यो भण्डारमा धेरै स्वतन्त्र परियोजनाहरू समावेश छन्:
- प्रत्येक पाठ आत्म-निहित छ
पारम्परिक मोनोरेपो नभए पनि, यो भण्डारमा धेरै स्वतन्त्र परियोजनाहरू छन्:
- प्रत्येक पाठ स्वतन्त्र रूपमा व्यवस्थित
- परियोजनाहरूले निर्भरता साझा गर्दैनन्
- व्यक्तिगत परियोजनाहरूमा काम गर्दा अरूमा असर गर्दैन
- व्यक्तिगत परियोजनामा काम गर्दा अरूलाई असर नगर्ने
- पूर्ण पाठ्यक्रम अनुभवका लागि सम्पूर्ण भण्डार क्लोन गर्नुहोस्
---
**अस्वीकरण**:
यो दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरी अनुवाद गरिएको हो। हामी यथासम्भव सटीकता सुनिश्चित गर्न प्रयास गर्छौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादहरूमा त्रुटिहरू वा अशुद्धताहरू हुन सक्छन्। यसको मूल भाषामा रहेको मूल दस्तावेज़लाई आधिकारिक स्रोत मानिनुपर्छ। महत्वपूर्ण जानकारीका लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलतफहमी वा गलत व्याख्याको लागि हामी जिम्मेवार हुने छैनौं।
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**अस्वीकरण**:
यो दस्तावेज़लाई AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरेर अनुवाद गरिएको हो। हामी सही अनुवादका लागि प्रयासरत छौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादमा त्रुटि वा असत्यताहरू हुन सक्छन्। मूल दस्तावेज़लाई यसको मूल भाषामा आधिकारिक स्रोत मान्नु पर्नेछ। महत्वपूर्ण जानकारीका लागि पेशेवर मानवीय अनुवाद सिफारिस गरिन्छ। यस अनुवाद प्रयोगबाट हुने कुनै गलतफहमी वा अर्थ निरूपणका लागि हामी जिम्मेवार छैनौं।
माइक्रोसफ्ट क्लाउड एड्भोकेट्स द्वारा प्रदान गरिएको हाम्रो १२ हप्ताको समग्र पाठ्यक्रमसँग वेब विकासका आधारभूत कुरा सिक्नुहोस्। २४ वटा पाठहरू प्रत्येकमा जाभास्क्रिप्ट, CSS, र HTML लाई प्रायोगात्मक परियोजनाहरू जस्तै टेरारियम, ब्राउजर एक्सटेन्शन, र अन्तरिक्ष खेलहरू मार्फत गहिराइमा अध्ययन गरिएको छ। क्विजहरू, छलफलहरू, र व्यावहारिक कार्यहरूमा संलग्न हुनुहोस्। हाम्रो प्रभावकारी परियोजना-आधारित शिक्षण विधिसँग तपाईंको सीप सुधार गर्नुहोस् र ज्ञानको अवधारणालाई अप्टिमाइज गर्नुहोस्। आजै आफ्नो कोडिङ यात्रा सुरु गर्नुहोस्!
Microsoft क्लाउड एड्भोकेट्स द्वारा तयार पारिएको हाम्रो १२ हप्ता लामो सम्पूर्ण कोर्ससँग वेब विकासका आधारहरू सिक्नुहोस्। २४ पाठहरू प्रत्येकले JavaScript, CSS, र HTML मा टेरारियम, ब्राउजर एक्सटेन्सनहरू, र अन्तरिक्ष खेलजस्ता व्यावहारिक परियोजनाहरू मार्फत गहिराइमा जान्छन्। क्विजहरू, छलफलहरू, र व्यावहारिक कार्यहरूमा सहभागिता जनाउनुहोस्। हाम्रो प्रभावकारी परियोजना-आधारित शिक्षाशैलीसँग तपाईंका सीपहरू बढाउनुहोस् र ज्ञानलाई प्रभावकारी रूपमा सम्झन सक्नुहोस्। आजै आफ्नो कोडिङ यात्रा सुरु गर्नुहोस्!
एज्योर AI फाउन्ड्री डिस्कोर्ड समुदायमा सामेल हुनुहोस्
> यस रेपोजिटरीमा ५० भन्दा बढी भाषा अनुवादहरू समावेश छन् जसले डाउनलोड आकार धेरै बढाउँछ। अनुवाद विना क्लोन गर्न, sparse checkout प्रयोग गर्नुहोस्:
> यो रेपोजिटोरीमा ५०+ भाषाका अनुवादहरू समावेश गरिएको छ जसले डाउनलोड आकार उल्लेखनीय रूपमा बढाउँछ। अनुवादहरू बिना क्लोन गर्न, sparse checkout प्रयोग गर्नुहोस्:
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
> यसले तपाईंलाई कोर्स पूरा गर्न आवश्यक सबै कुरा दिन्छ र छिटो डाउनलोड गरिन्छ।
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
> यसले तपाईंलाई कोर्स पूरा गर्न आवश्यक सबै सामग्री छिटो डाउनलोड गर्ने सुविधा दिन्छ।
**यदि तपाईं थप अनुवाद भाषाहरू समर्थन गर्न चाहनुहुन्छ भने ती [यहाँ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) सूचीबद्ध छन्**
**यदि थप अनुवाद भाषाहरू समर्थन चाहनुहुन्छ भने, ती [यहाँ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) सूचीबद्ध छन्**
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑🎓 _के तपाईं विद्यार्थी हुनुहुन्छ?_
[**स्टुडेन्ट हब पृष्ठमा जानुहोस्**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) जहाँ तपाईंले आरम्भकर्ताका लागि स्रोतहरू, विद्यार्थी प्याकहरू र निःशुल्क प्रमाणपत्र भाउचर प्राप्त गर्ने तरिकाहरू पाउनुहुनेछ। यो पृष्ठ तपाईंले पोस्ट गर्नुपर्ने र समय-समयमा जाँच गर्नु पर्ने पृष्ठ हो किनभने हामी हरेक महिनामा सामग्री परिवर्तन गर्दैछौं।
[**विद्यार्थी हब पृष्ठ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) भ्रमण गर्नुहोस् जहाँ तपाईंले शुरुवाती स्रोतहरू, विद्यार्थी प्याकहरू र निशुल्क प्रमाणपत्र भौचर प्राप्त गर्ने तरिकाहरू पाउनुहुनेछ। यो पृष्ठ तपाईंले समय-समयमा हेर्दै जानुपर्ने हो किनकि हामी प्रत्येक महिना सामग्री अद्यावधिक गर्छौं।
### 📣 घोषणा - नयाँ GitHub Copilot Agent मोड चुनौतीहरू पूरा गर्न!
नयाँ चुनौती थपिएको छ, धेरै अध्यायहरूमा "GitHub Copilot Agent चुनौती 🚀" हेर्नुहोस्। यो GitHub Copilot र Agent मोड प्रयोग गरेर तपाईंले पूरा गर्नुपर्ने नयाँ चुनौती हो। यदि तपाईंले पहिला Agent मोड प्रयोग गर्नुभएन भने यसको क्षमता केवल पाठ मात्र उत्पन्न गर्नु छैन, यसले फाइलहरू बनाउन र सम्पादन गर्न, कमाण्डहरू चलाउन र अन्य धेरै गर्न सक्छ।
नयाँ चुनौती थपिएको छ, धेरै अध्यायहरूमा "GitHub Copilot Agent Challenge 🚀" खोज्नुहोस्। यो तपाईंलाई GitHub Copilot र Agent मोड प्रयोग गरेर पूरा गर्न नयाँ चुनौती हो। यदि अहिलेसम्म Agent मोड प्रयोग गर्नुभएको छैन भने, यसले मात्र टेक्स्ट सिर्जना गर्ने होइन, फाइलहरू सिर्जना र सम्पादन गर्ने, कमाण्डहरू चलाउने लगायतका कामहरू गर्न सक्छ।
### 📣 घोषणा - _नयाँ परियोजना जनरेटिभ AI प्रयोग गरी निर्माण गर्ने_
### 📣 घोषणा - _Generative AI प्रयोग गरेर नयाँ परियोजना निर्माण_
नयाँ AI सहायक परियोजना भर्खरै थपिएको छ, यो परियोजना [यहाँ](./9-chat-project/README.md) जाँच गर्नुहोस्।
नयाँ AI सहायक परियोजना थपिएको छ, जाँच गर्नुहोस् [परियोजना](./9-chat-project/README.md)
### 📣 घोषणा - _नयाँ पाठ्यक्रम_ जनरेटिभ AI को लागि जाभास्क्रिप्टमा भर्खरै जारी गरिएको
### 📣 घोषणा - _Generative AI का लागि नयाँ पाठ्यक्रम_ हालै रिलिज गरिएको छ
हाम्रो नयाँ जनरेटिभ AI पाठ्यक्रम नछुट्नुहोस्!
हामीले नयाँ Generative AI पाठ्यक्रम जारी गरेका छौं!
शुरू गर्न यहाँ जानुहोस् [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
सुरु गर्न [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) भ्रमण गर्नुहोस्!
प्रत्येक पाठमा पूरा गर्नुपर्ने एउटा असाइनमेन्ट, ज्ञान जाँच, र चुनौती समावेश छ, जसले तपाईंलाई यी विषयहरू सिक्न गाइड गर्छ:
- प्रॉम्प्टिङ र प्रॉम्प्ट ईन्जिनियरिङ
- पाठ र छवि एप उत्पादन
प्रत्येक पाठमा पूरा गर्नको लागि कार्य, ज्ञान जाँच र चुनौती समावेश छ जसले तपाईंलाई यी विषयहरूमा मार्गदर्शन गर्दछ:
- प्रॉम्प्टिङ र प्रॉम्प्ट इन्जिनियरिङ
- टेक्स्ट र छवि एप निर्माण
- खोज एपहरू
शुरु गर्न यहाँ जानुहोस् [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 खातामा पाठ्यक्रमको एक प्रतिलिपि सहित नयाँ रेपोजिटरी सिर्जना गर्नेछ।
#### आफ्नो रेपोजिटोरी सिर्जना गर्नुहोस्
आफ्नो काम सजिलै सुरक्षित गर्नको लागि, आफ्नो GitHub खातामा यो रेपोजिटोरीको एउटा प्रतिलिपि बनाउनु सिफारिस गरिन्छ। तपाईँले पृष्ठको माथि रहेको **Use this template** बटन थिचेर यो गर्न सक्नुहुन्छ। यसले सहपाठ्यक्रमको प्रतिलिपि सहित नयाँ रेपोजिटोरी बनाउनेछ।
यी कदमहरू पालना गर्नुहोस्:
1. **रेपोजिटरी फरक गर्नुहोस्**: यो पृष्ठको माथि-दायाँ कुनामा रहेको "Fork" बटनमा क्लिक गर्नुहोस्।
तपाईंले सिर्जना गरेको यस रेपोजिटरीको प्रतिलिपिमा, **Code** बटन क्लिक गरी**Open with Codespaces** चयन गर्नुहोस्। यसले तपाईंको लागि नयाँ Codespace सिर्जना गर्नेछ।
तपाईंले सिर्जना गरेको आफ्नो रेपोजिटोरीमा **Code** बटन थिच्नुहोस् र**Open with Codespaces** चयन गर्नुहोस्। यसले तपाईंको लागि नयाँ Codespace सिर्जना गर्नेछ।
#### आफ्नै कम्प्युटरमा पाठ्यक्रम स्थानीय रूपमा चलाउने
#### आफ्नै कम्प्युटरमा पाठ्यक्रम चलाउने तरिका
तपाईंको कम्प्युटरमा स्थानीय रूपमा यो पाठ्यक्रम चलाउन, तपाईंलाई टेक्स्ट एडिटर, ब्राउजर र कमाण्ड लाइन उपकरण आवश्यक पर्छ। हाम्रो पहिलो पाठ, [प्रोग्रामिङ भाषा र उपकरणहरूको परिचय](../../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) पनि छ। तपाईंले Visual Studio Code यहाँबाट डाउनलोड गर्न सक्नुहुन्छ: [यहाँ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)।
हामी सिफारिस गर्छौं कि तपाईं [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) प्रयोग गर्नुहोस्, जसमा इनबिल्ट [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) पनि छ। तपाईं Visual Studio Code यहाँबाट डाउनलोड गर्न सक्नुहुन्छ: [यहाँ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)।
1. आफ्नो रेपोजिटरी आफ्नो कम्प्युटरमा क्लोन गर्नुहोस्। तपाईं यो गर्न सक्नुहुन्छ **Code** बटन क्लिक गरी URL प्रतिलिपि गरेर:
1. आफ्नो रेपोजिटोरीलाई आफ्नै कम्प्युटरमा क्लोन गर्नुहोस्। यो गर्नको लागि **Code** बटन थिचेर URL कपी गर्नुहोस्:
[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 द्वारा प्रतिस्थापन गर्नुहोस्:
त्यसपछि, भित्र [टर्मिनल](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) खोल्नुहोस् [भिजुअल स्टुडियो कोड](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) र तलको आदेश चलाउनुहोस्, `<your-repository-url>` सँग तपाईले भर्खरै कपी गर्नुभयो URL प्रतिस्थापन गर्दै:
```bash
git clone <your-repository-url>
```
2. Visual Studio Code मा फोल्डर खोल्नुहोस्। तपाईं यसो गर्न सक्नुहुन्छ **File** > **Open Folder** क्लिक गरेर र भर्खर क्लोन गरिएको फोल्डर चयन गरेर।
2. भिजुअल स्टुडियो कोडमा फोल्डर खोल्नुहोस्। तपाईं यो **File** > **Open Folder** क्लिक गरेर र भर्खरै क्लोन गरेको फोल्डर चयन गरेर गर्न सक्नुहुन्छ।
> सिफारिस गरिएको Visual Studio Code एक्सटेन्सनहरू:
> सिफारिस गरिएको भिजुअल स्टुडियो कोड विस्तारहरू:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code भित्र HTML पृष्ठहरूको पूर्वावलोकन गर्न
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - कोड छिटो लेख्न सहयोग गर्न
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - भिजुअल स्टुडियो कोड भित्र HTML पृष्ठहरूको पूर्वावलोकन गर्न
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - तपाईंलाई छिटो कोड लेख्न मद्दत गर्न
## 📂 प्रत्येक पाठमा समावेश छन्:
- वैकल्पिक स्केचनोट
- वैकल्पिक स्केचनोट
- वैकल्पिक पूरक भिडियो
- पाठअघि वार्मअप क्विज
- पूर्वपाठ वार्मअप क्विज
- लिखित पाठ
- प्रोजेक्ट-आधारित पाठहरूमा, प्रोजेक्ट कसरी निर्माण गर्ने भनेर कदम-दर-कदम गाइडहरू
- परियोजना-आधारित पाठहरूका लागि, परियोजना बनाउन चरण-द्वारा-चरण मार्गदर्शकहरू
> **क्विजहरू सम्बन्धी एउटा नोट**: सबै क्विजहरू Quiz-app फोल्डरमा राखिएका छन्, कुल ४८ क्विजहरू छन्, प्रत्येकमा तीन प्रश्नहरू छन्। तिनीहरू यहाँ उपलब्ध छन् [यहाँ](https://ff-quizzes.netlify.app/web/) क्विज एप्लिकेशनलाई स्थानीय रूपमा चलाउन सकिन्छ वा Azure मा तैनाथ गर्न सकिन्छ; `quiz-app` फोल्डरमा निर्देशनहरू पालना गर्नुहोस्।
> **क्विजहरू बारे नोट**: सबै क्विजहरू Quiz-app फोल्डरमा छन्, ४८ कुल क्विजहरू प्रत्येक तीन प्रश्नका साथ। तपाई यहाँबाट उपलब्ध छन् [यहाँ](https://ff-quizzes.netlify.app/web/); क्विज एप स्थानीय रूपमा चलाउन सकिन्छ वा Azure मा परिनियोजन गर्न सकिन्छ; `quiz-app` फोल्डरमा निर्देशनहरू पालन गर्नुहोस्।
## 🗃️ पाठहरू
| | प्रोजेक्ट नाम | सिकाइ अवधारणाहरू | सिकाइ उद्देश्यहरू | लिंक गरिएको पाठ | लेखक |
| 01 | सुरूवात गर्दै | प्रोग्रामिङ र उपकरणहरूको परिचय | प्रायः प्रोग्रामिङ भाषाहरूको आधारभूत अवधारणाहरू सिक्नुहोस् र पेशेवर विकासकर्ताहरूलाई सहयोग गर्ने सफ्टवेयरहरूको बारेमा जान्नुहोस् | [प्रोग्रामिङ भाषाहरू र उपकरणहरूको परिचय](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | सुरूवात गर्दै | GitHub का आधारभूत कुरा, टिमसँग काम गर्ने प्रक्रिया | तपाईंको प्रोजेक्टमा GitHub कसरी प्रयोग गर्ने, कसरी सहयोग गर्ने सिक्नुहोस् | [GitHub परिचय](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | सुरूवात गर्दै | पहुँचयोग्यता | वेब पहुँचयोग्यताको आधारभूत कुरा सिक्नुहोस् | [पहुँचयोग्यता आधारभूत कुरा](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 05 | JS आधारभूत | क्रियाहरू र मेथडहरू | एप्लिकेशनको लॉजिक फ्लो व्यवस्थापन गर्न क्रियाहरू र मेथडहरूको बारेमा जान्नुहोस् | [क्रियाहरू र मेथडहरू](./2-js-basics/2-functions-methods/README.md) | Jasmine र Christopher |
| 06 | JS आधारभूत | JS सँग निर्णय लिनु | आफ्नो कोडमा निर्णय-निर्माण विधिहरू प्रयोग गरेर सर्तहरू कसरी बनाउने जान्नुहोस् | [निर्णय लिनु](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS आधारभूत | एरेहरू र लूपहरू | JavaScript मा एरेहरू र लूपहरूको माध्यमबाट डाटा प्रशोधन गर्नुहोस् | [एरेहरू र लूपहरू](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML अभ्यासमा | अनलाइन टेरारियम सिर्जना गर्न HTML बनाउनुस्, लेआउट बनाउनेमा केन्द्रित | [HTML परिचय](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS अभ्यासमा | अनलाइन टेरारियमको शैली निर्धारण गर्न CSS बनाउनुहोस्, CSS का आधारभूत कुरा र पृष्ठ प्रतिक्रियाशील बनाउन केन्द्रित | [CSS परिचय](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript क्लोजरहरू, DOM ह्यान्डलिङ | ड्र्याग/ड्रप इन्टरफेसका लागि टेरारियम काम गर्ने JavaScript बनाउनुहोस्, क्लोजर र DOM ह्यान्डलिङमा केन्द्रित | [JavaScript क्लोजरहरू, DOM ह्यान्डलिङ](./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 |
| 12 | [हरियो ब्राउजर एक्सटेन्सन](./5-browser-extension/solution/README.md) | ब्राउजरसँग काम गर्दै | ब्राउजरहरू कसरी काम गर्छन्, तिनीहरूको इतिहास र पहिलो एक्सटेन्सन तत्वहरू कसरी तयार गर्ने जान्नुहोस् | [ब्राउजरहरूबारे](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [हरियो ब्राउजर एक्सटेन्सन](./5-browser-extension/solution/README.md) | फारम बनाउने, API कल गर्ने र स्थानीय स्टोरेजमा भेरिएबलहरू भण्डारण गर्ने | API कल गर्न स्थानीय स्टोरेजमा भण्डारण गरिएको भेरिएबलहरू प्रयोग गरेर तपाईंको ब्राउजर एक्सटेन्सनका JavaScript तत्वहरू बनाउनुहोस् | [API, फारम, र स्थानीय स्टोरेज](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [हरियो ब्राउजर एक्सटेन्सन](./5-browser-extension/solution/README.md) | ब्राउजरको पृष्ठभूमि प्रक्रियाहरू, वेब प्रदर्शन | एक्सटेन्सनको आइकन व्यवस्थापन गर्न ब्राउजरको पृष्ठभूमि प्रक्रियाहरू प्रयोग गर्नुहोस्; वेब प्रदर्शन र केही अनुकूलनहरूबारे जान्नुहोस् | [पृष्ठभूमि कार्यहरू र प्रदर्शन](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [स्पेस खेल](./6-space-game/solution/README.md) | JavaScript सँग थप उन्नत खेल विकास | कक्षाहरू र संयोजन दुवै प्रयोग गरेर इनहेरिटेन्स र Pub/Sub ढाँचाका बारेमा जान्नुहोस्, खेल विकासको तयारीमा | [उन्नत खेल विकासको परिचय](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [स्पेस खेल](./6-space-game/solution/README.md) | क्यानभासमा रेखाचित्र खिच्ने | स्क्रिनमा तत्वहरू खिच्न क्यानभास API का बारेमा जान्नुहोस् | [क्यानभासमा रेखाचित्र](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [स्पेस खेल](./6-space-game/solution/README.md) | स्क्रिन वरिपरि तत्वहरू सराउने | कसरि तत्वहरू कर्टेसियन निर्देशांक र क्यानभास API प्रयोग गरेर चलाउन सकिन्छ पत्ता लगाउनुहोस् | [तत्वहरू सराउने](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [स्पेस खेल](./6-space-game/solution/README.md) | ठक्कर पत्ता लगाउने | तत्वहरूलाई ठक्कर लाग्ने र एक अर्कामा प्रतिक्रिया जनाउने बनाउनुहोस् कि बटन थिचेपछि र खेलको प्रदर्शन सुनिश्चित गर्न कूलडाउन क्षमता दिनुहोस् | [ठक्कर पत्ता लगाउने](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [स्पेस खेल](./6-space-game/solution/README.md) | स्कोर राख्ने | खेलको स्थिति र प्रदर्शन आधारमा गणितीय गणना प्रदर्शन गर्नुहोस् | [स्कोर राख्ने](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [स्पेस खेल](./6-space-game/solution/README.md) | खेल समाप्त र पुनः सुरु गर्ने | खेल समाप्त गर्ने र पुनः सुरु गर्ने बारे जान्नुहोस्, जसमा स्रोतहरू सफा पार्ने र भेरिएबल मानहरू रिसेट गर्ने समावेश छ | [अन्त्य सर्त](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [बैंकिङ एप](./7-bank-project/solution/README.md) | वेब एपमा HTML टेम्प्लेट र रूटहरू | बहुपृष्ठ वेबसाइटको रचना गर्न राउटिङ र HTML टेम्प्लेटहरू कसरी बनाउने सिक्नुहोस् | [HTML टेम्प्लेट र रूटहरू](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [बैंकिङ एप](./7-bank-project/solution/README.md) | लगइन र दर्ता फारम बनाउने | फारम बनाउने र प्रमाणीकरण प्रक्रिया ह्यान्डल गर्ने सिक्नुहोस् | [फारमहरू](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [बैंकिङ एप](./7-bank-project/solution/README.md) | डाटा ल्याउने र प्रयोग गर्ने तरिका | तपाईंको एपमा डाटा कसरी आउँछ र जान्छ, कसरी ल्याउने, भण्डारण गर्ने र नष्ट गर्ने जान्नुहोस् | [डाटा](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [बैंकिङ एप](./7-bank-project/solution/README.md) | राज्य व्यवस्थापनका अवधारणाहरू | तपाईंको एपले राज्यलाई कसरी राख्छ र यसलाई प्रोग्रामिङ्गमार्फत कसरी व्यवस्थापन गर्ने जान्नुहोस् | [राज्य व्यवस्थापन](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [ब्राउजर/VScode कोड](../../8-code-editor) | VScode सँग काम गर्दै | कोड सम्पादक प्रयोग गर्ने विधि सिक्नुहोस्| [VScode कोड सम्पादक उपयोग](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI सहायकहरू](./9-chat-project/README.md) | AI सँग काम गर्दै | आफ्नो AI सहायक कसरी बनाउने सिक्नुहोस् | [AI सहायक प्रोजेक्ट](./9-chat-project/README.md) | Chris |
## 🏫 पिडागोजी
हाम्रो पाठ्यक्रम दुई प्रमुख शिक्षाशास्त्रीय सिद्धान्तहरूसँग डिजाइन गरिएको छ:
| | परियोजनाको नाम | सिकाइ जाने अवधारणाहरू | सिकाइ उद्देश्यहरू | सम्बद्ध पाठ | लेखक |
| 01 | सुरु गर्दै | प्रोग्रामिङ परिचय र व्यापारका उपकरणहरू | प्रायः प्रोग्रामिङ भाषाहरूको आधारभूत सिद्धान्तहरू र पेशेवर विकासकर्ताहरूलाई मद्दत गर्ने सफ्टवेयर बारे जान्नुहोस् | [प्रोग्रामिङ भाषाहरू र उपकरणहरूको परिचय](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | सुरु गर्दै | GitHub का आधार, टिमसँग काम गर्ने समावेश | तपाईंको परियोजनामा GitHub कसरी प्रयोग गर्ने, कोड बेसमा अरूसँग कसरी सहकार्य गर्ने | [GitHub परिचय](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | सुरु गर्दै | पहुँचयोग्यता | वेब पहुँचयोग्यताको आधारभूत कुरा सिक्नुहोस् | [पहुँचयोग्यता आधारभूत कुरा](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 05 | JS आधारहरू | फङ्सनहरू र मेथडहरू | अनुप्रयोगको लॉजिक प्रवाह व्यवस्थापन गर्न फङ्सन र मेथडहरूबारे जान्नुहोस् | [फङ्सनहरू र मेथडहरू](./2-js-basics/2-functions-methods/README.md) | Jasmine र Christopher |
| 06 | JS आधारहरू | JS संग निर्णयहरू गर्ने | निर्णय-निर्माण विधिहरू प्रयोग गरी तपाईंको कोडमा शर्तहरू कसरी सिर्जना गर्ने जान्नुहोस् | [निर्णय लिनु](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS आधारहरू | एरेहरू र लूपहरू | Javascript मा एरेहरू र लूपमार्फत डाटासँग काम गर्नुहोस् | [एरेहरू र लूपहरू](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML अभ्यासमा | अनलाइन टेरारियम बनाउन HTML निर्माण गर्नुहोस्, लेआउट निर्माणमा ध्यान दिँदै | [HTML परिचय](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS अभ्यासमा | अनलाइन टेरारियमको शैली बनाउन CSS निर्माण गर्नुहोस्, CSS का आधारभूत कुरा समावेश गर्दै पृष्ठलाई प्रतिक्रिया दिने बनाउने | [CSS परिचय](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | Javascript क्लोजरहरू, DOM हेरफेर | टेरारियमलाई ड्र्याग/ड्रप इन्टरफेस बनाउन Javascript तयार पार्नुहोस्, क्लोजर र DOM हेरफेरमा ध्यान केन्द्रित गर्दै | [Javascript क्लोजरहरू, DOM हेरफेर](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | टाइपिंग खेल बनाउनुहोस् | तपाईंको Javascript अनुप्रयोगको लॉजिक चलाउन किबोर्ड इभेन्टहरू प्रयोग कसरी गर्ने जान्नुहोस् | [इभेन्ट-चलित प्रोग्रामिङ](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउजरहरूसँग काम गर्दै | ब्राउजरले कसरी काम गर्छ, यसको इतिहास, र ब्राउजर एक्सटेन्सनका पहिलो तत्वहरू कसरी तयार गर्ने जान्नुहोस् | [ब्राउजरहरूबारे](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फारम बनाउने, API कल गर्ने र स्थानीय भण्डारणमा चरहरू भण्डारण गर्ने | तपाईंको ब्राउजर एक्सटेन्सनका Javascript तत्वहरू निर्माण गर्नुहोस्, स्थानीय भण्डारणमा राखिएका चरहरू प्रयोग गरी API कल गर्न | [API, फारमहरू, र स्थानीय भण्डारण](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउजरमा ब्याकग्राउण्ड प्रक्रियाहरू, वेब प्रदर्शन | एक्सटेन्सनको आइकन व्यवस्थापन गर्न ब्राउजरको ब्याकग्राउण्ड प्रक्रियाहरू प्रयोग गर्नुहोस्; वेब प्रदर्शन र केही अनुकूलनहरूबारे जान्नुहोस् | [ब्याकग्राउण्ड कार्य र प्रदर्शन](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | Javascript सँग अझ उन्नत खेल विकास | वर्गहरू र सङ्गठन दुवै प्रयोग गरेर इनहेरिटेन्स र पब/सब् ढाँचाबारे जान्नुहोस्, खेल निर्माणको तयारीका लागि | [उन्नत खेल विकास परिचय](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | क्यानभासमा चित्रण | स्क्रिनमा तत्वहरू तान्न प्रयोग हुने क्यानभास एपीआईबारे जान्नुहोस् | [क्यानभासमा चित्रण](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | स्क्रिनमा तत्वहरू सर्नु | कार्टेसियन निर्देशांक र क्यानभास एपीआई प्रयोग गरी तत्वहरू कसरी गति लिन सक्छन् पत्ता लगाउनुहोस् | [तत्वहरू सार्न](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | टक्कर पत्ता लगाउने | प्रमुख थिच्ने प्रयोग गरी तत्वहरूलाई टक्कर गराउने र एकअर्कामा प्रतिक्रिया दिने बनाउनुहोस् र खेलको प्रदर्शन सुनिश्चित गर्न कूलडाउन फङ्सन प्रदान गर्नुहोस् | [टक्कर पत्ता लगाउने](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | स्कोर राख्ने | खेलको स्थिति र प्रदर्शनमा आधारित गणितीय गणना गर्नुहोस् | [स्कोर राख्ने](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | खेल अन्त्य र पुनः सुरु गर्ने | खेल अन्त्य र पुनः सुरु गर्ने, संसाधनहरू सफा गर्ने र चर मानहरू रिसेट गर्ने बारे जान्नुहोस् | [अन्त्य सर्त](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | वेब अनुप्रयोगमा HTML टेम्प्लेट र मार्गहरू | मल्टिपेज वेबसाइटको वास्तुकला तयार गर्न मार्गनिर्देशन र HTML टेम्प्लेटहरू कसरी सिर्जना गर्ने जान्नुहोस् | [HTML टेम्प्लेट र मार्गहरू](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | लगइन र दर्ता फारम बनाउने | फारमहरू बनाउन र प्रमाणिकरण प्रक्रिया कसरी गर्ने जान्नुहोस् | [फारमहरू](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | डाटा प्राप्त र प्रयोग गर्ने तरिकाहरू | तपाईंको अनुप्रयोगमा डाटा कसरी आउँछ र जान्छ, कसरि प्राप्त गर्ने, भण्डारण गर्ने, र नष्ट गर्ने जान्नुहोस् | [डाटा](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | राज्य व्यवस्थापनका सिद्धान्तहरू | तपाईंको अनुप्रयोगले कसरी राज्य राख्छ र यसलाई प्रोग्रामिङमार्फत कसरी व्यवस्थापन गर्ने जान्नुहोस् | [राज्य व्यवस्थापन](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode सँग काम गर्दै | कोड सम्पादक प्रयोग कसरी गर्ने जान्नुहोस् | [VScode कोड सम्पादक प्रयोग](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI सँग काम गर्दै | आफ्नै AI सहायक कसरी बनाउने जान्नुहोस् | [AI सहायक परियोजना](./9-chat-project/README.md) | Chris |
## 🏫 शिक्षाशास्त्र
हाम्रो पाठ्यक्रम दुई प्रमुख शिक्षाशास्त्रीय सिद्वान्तहरूलाई ध्यानमा राखेर डिजाइन गरिएको छ:
* परियोजना-आधारित सिकाइ
* बारम्बार क्विजहरू
कार्यक्रमले JavaScript, HTML, र CSS का आधारभूत कुरा सिकाउँछ, साथै आजका वेब विकासकर्ताहरूले प्रयोग गर्ने नवीनतम उपकरण र प्रविधिहरू पनि। विद्यार्थीहरूलाई टाइपिङ खेल, भर्चुअल टेरारियम, वातावरणमैत्री ब्राउजर एक्सटेन्सन, अन्तरिक्ष-आक्रमण शैलीको खेल, र व्यवसायका लागि बैंकिङ एप निर्माण गरेर व्यावहारिक अनुभव विकसित गर्ने अवसर प्राप्त हुन्छ। श्रृंखलाको अन्त्यसम्म, विद्यार्थीहरूले वेब विकासको गहिरो समझ प्राप्त गर्नेछन्।
कार्यक्रमले Javascript, HTML, र CSS का आधारभूत कुरा सिकाउँछ, साथै आजका वेब विकासकर्ताहरूले उपयोग गर्ने नवीनतम उपकरण र प्रविधिहरू पनि। विद्यार्थीहरूले टाइपिंग खेल, भर्चुअल टेरारियम, वातावरणमैत्री ब्राउजर एक्सटेन्सन, स्पेस-इनभेडर-शैलीको खेल, र व्यवसायहरूको लागि बैंकिङ्ग अनुप्रयोग बनाएर व्यावहारिक अनुभव गर्न पाउनेछन्। सिरीजको अन्त्यसम्म, विद्यार्थीहरूले वेब विकासको एक दृढ समझ पाउनेछन्।
> 🎓 तपाईं Microsoft Learn मा [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) को रूपमा लिन सक्नुहुन्छ!
सामग्री परियोजनासँग सुसंगत हुनाले प्रक्रिया विद्यार्थीहरूको लागि रमाईलो र अवधारणाहरूको सम्झना अझ मजबुत बनाउने हुन्छ। हामीले JavaScript आधारभूत कुराहरू सिकाउने प्रारम्भिक पाठहरू पनि लेखेका छौं, जसमा "[Beginner 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)" भिडियो शृंखलाबाट एक भिडियोसँग जोडिएको छ, जसका केही लेखकहरूले यस पाठ्यक्रममा योगदान दिएका छन्।
थप रूपमा, कक्षाबाट अघि सक्ने एक क्विजले विद्यार्थीलाई सिकाइ दिशामा तयार पार्छ, भने कक्षापछि दोस्रो क्विजले अवधारणाको थप सम्झना सुनिश्चित गर्छ। यो पाठ्यक्रम लचिलो र रमाईलो रूपमा डिजाइन गरिएको छ र यो पूरै वा अंशमा लिन सकिन्छ। परियोजनाहरू सानोबाट सुरु भएर १२ हप्ते अवधिसम्म जटिल बन्दै जान्छन्।
थप रूपमा, कक्षाको लागि पहिले एक कम जोखिम क्विजले विद्यार्थीहरूको विषय सिकाइमा चाहना सेट गर्दछ, जबकि कक्षापछि दोस्रो क्विजले थप सम्झना सुनिश्चित गर्दछ। यो पाठ्यक्रम लचिलो र रमाइलो बनाउन डिजाइन गरिएको छ र पूरै वा भागमा लिन सकिन्छ। परियोजनाहरू सानाबाट सुरु हुन्छन् र १२ हप्ता चक्रको अन्त्यमा क्रमशः जटिल हुँदै जान्छन्।
हामीले जानबूजेर JavaScript फ्रेमवर्कहरू नसमेटी वेब विकासकर्ता बन्नका लागि आवश्यक आधारभूत सीपहरूमा केन्द्रित छौँ, फ्रेमवर्क सिक्नुअघि। राम्रो अर्को कदम यस पाठ्यक्रम पूरा गर्न Node.js सिक्नु हो, भिडियोहरूको अर्को संग्रहको माध्यमबाट: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
हामीले सचेत रूपमा Javascript फ्रेमवर्कहरू प्रस्तुत नगरेका छौं किनकि फ्रेमवर्क स्वीकार्नुभन्दा पहिले वेब विकासकर्ताका लागि आवश्यक आधारभूत सीपहरूमा ध्यान केन्द्रित गर्नको लागि, यस पाठ्यक्रम पूरा गर्नको राम्रो अर्को चरण भनेको अर्को भिडियो संग्रहबाट 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.md) र [योगदान गर्ने तरिका](CONTRIBUTING.md) दिशानिर्देशहरू भेट्नुहोस्। हामी तपाईंको रचनात्मक प्रतिक्रिया स्वागत गर्दछौं!
## 🧭 अफलाइन पहुँच
तपाईं [Docsify](https://docsify.js.org/#/) प्रयोग गरेर यो दस्तावेजलाई अफलाइन पनि चलाउन सक्नुहुन्छ। यस रिपोजिटोरीलाई फोर्क गर्नुहोस्, आफ्नो स्थानीय मेसिनमा [Docsify स्थापना गर्नुहोस्](https://docsify.js.org/#/quickstart), र त्यसपछि यस रिपोजिटोरीको मूल फोल्डरमा `docsify serve` टाइप गर्नुहोस्। वेबसाइट स्थानीयहोस्ट: `localhost:3000` को पोर्ट ३००० मा सेवा हुनेछ।
तपाईं यो कागजातलाई अफलाइनमा [Docsify](https://docsify.js.org/#/) प्रयोग गरेर चलाउन सक्नुहुन्छ। यो भण्डार फोर्क गर्नुहोस्, तपाईंको स्थानीय मेसिनमा [Docsify स्थापना](https://docsify.js.org/#/quickstart) गर्नुहोस्, र त्यसपछि यस भण्डारको मूल फोल्डरमा `docsify serve` टाइप गर्नुहोस्। वेबसाइट तपाईंको लोकलहोस्टमा पोर्ट ३००० मा सेवा हुनेछ: `localhost:3000`।
## 📘 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) फेला पार्न सकिन्छ।
## 🎒 अन्य कोर्सहरू
हाम्रो टोलीले अन्य कोर्सहरू उत्पादन गर्दछ! जाँच गर्नुहोस्:
हाम्रो टोलीले अन्य कोर्सहरू पनि उत्पादन गर्दछ! जाँच गर्नुहोस्:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
[](https://aka.ms/langchain4j-for-beginners)
[](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
यदि तपाईं अड्कनुहुन्छ वा AI अनुप्रयोगहरू निर्माण गर्दा कुनै प्रश्नहरू छन् भने, MCP सम्बन्धी छलफलहरूमा साथी सिक्नेहरू र अनुभवी विकासकर्ताहरूसँग जडान हुनुहोस्। यो एक सहयोगात्मक समुदाय हो जहाँ प्रश्नहरू स्वागत छन् र ज्ञान स्वतन्त्र रूपमा साझा गरिन्छ।
यदि तपाइँ अल्झनु हुन्छ वा AI अनुप्रयोगहरू निर्माण गर्दा केहि प्रश्नहरू छन् भने। MCP सम्बन्धी छलफलहरूमा साथी सिक्नेहरू र अनुभवी विकासकर्ताहरू सामेल हुनुहोस्। यो एक सहयोगी समुदाय हो जहाँ प्रश्नहरू स्वागतयोग्य छन् र ज्ञान स्वतन्त्र रूपमा साझा गरिन्छ।
यो रिपोजिटोरी MIT अनुमति अन्तर्गत लाइसेन्स प्राप्त छ। थप जानकारीका लागि [LICENSE](../../LICENSE) फाइल हेर्नुहोस्।
यो रिपोजिटरी MIT अनुमति अन्तर्गत लाइसेन्स गरिएको छ। थप जानकारीको लागि [LICENSE](../../LICENSE) फाइल हेर्नुहोस्।
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**अपवाद**:
यो दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) को प्रयोग गरी अनुवाद गरिएको हो। हामी शुद्धताको प्रयास गर्दछौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादहरूमा त्रुटिहरू वा असत्यताहरू हुन सक्छन्। मूल दस्तावेज़ यसको मूल भाषामा आधिकारिक स्रोतको रूपमा मानिनु पर्छ। महत्वपूर्ण जानकारीका लागि व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न कुनै पनि गलतफहमी वा गलत व्याख्याका लागि हामी जिम्मेवार छैनौं।
**अस्वीकरण**:
यस दस्तावेजलाई AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) द्वारा अनुवाद गरिएको हो। हामी सही अनुवाद गर्न प्रयास गरिरहेका छौँ भने पनि, कृपया ध्यान दिनुहोस् कि स्वत: अनुवादमा त्रुटि वा अशुद्धता हुन सक्छ। मूल दस्तावेज यसको मूल भाषामा नै प्रामाणिक स्रोत मानिनु पर्छ। महत्वपूर्ण जानकारीको लागि व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न भएका कुनै पनि गलतफहमी वा गलत व्याख्याको लागि हामी जिम्मेवार छैनौं।
**यस रिपोजिटरीले जाभास्क्रिप्ट, HTML र CSS मा केन्द्रित वेब विकासका आधारहरु सिक्नको लागि रोडमैप प्रदान गर्दछ। पाठ्यक्रम लचिलो छ र पूर्ण वा आंशिक रूपमा लिन सकिन्छ, १२ हप्तामा २४ पाठहरु फैलिएका छन्।**
## मुख्य माइलस्टोनहरू
* **हप्ता १-३:**
* प्रोग्रामिङ भाषाहरू र उपकरणहरूको परिचय
* GitHub का आधारहरु
* पहुँचयोग्यता
* JS आधारहरू: डेटा प्रकारहरू, फंक्शन्स र मेथडहरू
* JS सँग निर्णय लिनु
* **हप्ता ४-६:**
* एरेहरू र लूपहरू
* टेरारियम: HTML अभ्यासमा
* CSS अभ्यासमा
* जाभास्क्रिप्ट क्लोजरहरू
* DOM म्यानिपुलेसन
* **हप्ता ७-९:**
* टाइपिङ खेल: इभेन्ट-ड्राइभेन प्रोग्रामिङ
* ग्रीन ब्राउजर एक्सटेन्सन: ब्राउजरहरू सँग काम
* फारम बनाउने, API कल गर्ने र स्थानीय स्टोरेजमा भेरिएबलहरू संग्रह गर्ने
* ब्राउजरमा ब्याकग्राउन्ड प्रक्रियाहरू
* वेब प्रदर्शन
* **हप्ता १०-१२:**
* स्पेस गेम: जाभास्क्रिप्टसँग थप उन्नत खेल विकास
* क्यानभासमा ड्रोइङ
* स्क्रिनमा तत्वहरू सार्ने
* कोलिज़न डिटेक्शन
* स्कोर राख्ने, खेल समाप्त गर्न र पुनः सुरु गर्ने
* बैंकिंग एप: वेब एपमा HTML टेम्प्लेटहरू र रुटहरू
* लगइन र रजिस्ट्रेसन फारम बनाउने
* डाटा प्राप्त गर्ने र प्रयोग गर्ने मेथडहरू
* अवस्था व्यवस्थापनका अवधारणाहरू
## सिकाइ परिणामहरू
**यस रोडमैप पूरा गरेपछि, विद्यार्थीहरूले एक टाइपिङ खेल, भर्चुअल टेरारियम, ईको-मैत्री ब्राउजर एक्सटेन्सन, स्पेस-इनभेडर शैलीको खेल, र व्यापारका लागि बैंकिंग एप निर्माण गर्ने व्यावहारिक अनुभव प्राप्त गर्नेछन्। उनीहरूले वेब विकासका आधारहरूमा दृढ समझ पनि विकास गर्नेछन्।**
## थप स्रोतहरू
* यस रिपोजिटरीले थप सिकाइका लागि ट्युटोरियलहरू, कोड उदाहरणहरू र चुनौतीहरू सहित स्रोतहरूको विशाल संग्रह प्रदान गर्दछ।
* माइक्रोसफ्ट लर्न प्लेटफर्मले वेब विकासको विभिन्न पाठ्यक्रम र सिकाइ मार्गहरू प्रस्ताव गर्दछ।
* Stack Overflow र MDN Web Docs जस्ता अनलाइन समुदायहरूले वेब विकासकर्ताहरूका लागि महत्वपुर्ण सहायता र स्रोतहरू प्रदान गर्छन्।
**आशा छ यो रोडमैपले तपाईंलाई वेब विकास यात्रामा सहायता पुर्याओस!**
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**अस्वीकरण**:
यस दस्तावेजलाई AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) को प्रयोग गरेर अनुवाद गरिएको हो। हामी शुद्धताका लागि प्रयासरत छौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादमा त्रुटि वा अशुद्धता हुन सक्नेछ। मूल दस्तावेज यसको मूल भाषामा अधिकारिक स्रोत मानिनु पर्छ। महत्वपूर्ण जानकारीको लागि व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट हुने कुनै पनि गलत बुझाइ वा गलत अर्थ लगाउने कुराहरूका लागि हामी जिम्मेवार छैनौं।
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
ਸਭ ਪਾਠਾਂ ਦੀ PDF [ਇੱਥੇ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ਮਿਲ ਸਕਦੀ ਹੈ।
ਸਾਰੇ ਸਬਕਾਂ ਦੀ ਇੱਕ PDF [ਇਥੇ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ਮਿਲ ਸਕਦੀ ਹੈ।
## 🎒 ਹੋਰ ਕੋਰਸ
ਸਾਡੀ ਟੀਮ ਹੋਰ ਕੋਰਸ ਬਣਾਉਂਦੀ ਹੈ! ਦੇਖੋ:
## 🎒 ਹੋਰ ਕੋਰਸز
ਸਾਡੀ ਟੀਮ ਹੋਰ ਕੋਰਸ ਵੀ ਤਿਆਰ ਕਰਦੀ ਹੈ! ਵੇਖੋ:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
[](https://aka.ms/langchain4j-for-beginners)
[](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
localizeflow[bot]
2 days ago