You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
222 lines
44 KiB
222 lines
44 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "687c62646ad5595f1ba733edc294cdae",
|
|
"translation_date": "2025-08-29T15:47:36+00:00",
|
|
"source_file": "README.md",
|
|
"language_code": "hi"
|
|
}
|
|
-->
|
|
[](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
|
|
[](http://makeapullrequest.com)
|
|
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
|
|
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
|
|
|
|
[](https://discord.gg/zxKYvhSnVp?WT.mc_id=academic-000002-leestott)
|
|
|
|
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
|
|
|
|
[](https://discord.com/invite/ByRwuEEgH4)
|
|
|
|
इन संसाधनों का उपयोग शुरू करने के लिए निम्नलिखित चरणों का पालन करें:
|
|
1. **रेपो को फोर्क करें**: क्लिक करें [](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
|
|
2. **रेपो को क्लोन करें**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
3. [**Azure AI Foundry Discord से जुड़ें और विशेषज्ञों और अन्य डेवलपर्स से मिलें**](https://discord.com/invite/ByRwuEEgH4)
|
|
|
|
# शुरुआती लोगों के लिए वेब डेवलपमेंट - एक पाठ्यक्रम
|
|
|
|
Microsoft Cloud Advocates द्वारा तैयार किए गए हमारे 12-सप्ताह के व्यापक पाठ्यक्रम के साथ वेब डेवलपमेंट के मूलभूत सिद्धांत सीखें। प्रत्येक 24 पाठों में JavaScript, CSS, और HTML को प्रोजेक्ट्स जैसे टेरारियम, ब्राउज़र एक्सटेंशन, और स्पेस गेम्स के माध्यम से सिखाया गया है। क्विज़, चर्चाओं और व्यावहारिक असाइनमेंट्स के साथ जुड़ें। अपनी कौशल को बढ़ाएं और हमारे प्रभावी प्रोजेक्ट-आधारित शिक्षण पद्धति के साथ अपने ज्ञान को बेहतर बनाएं। आज ही अपनी कोडिंग यात्रा शुरू करें!
|
|
|
|
### 🌐 बहुभाषी समर्थन
|
|
|
|
#### GitHub Action के माध्यम से समर्थित (स्वचालित और हमेशा अद्यतन)
|
|
|
|
[French](../fr/README.md) | [Spanish](../es/README.md) | [German](../de/README.md) | [Russian](../ru/README.md) | [Arabic](../ar/README.md) | [Persian (Farsi)](../fa/README.md) | [Urdu](../ur/README.md) | [Chinese (Simplified)](../zh/README.md) | [Chinese (Traditional, Macau)](../mo/README.md) | [Chinese (Traditional, Hong Kong)](../hk/README.md) | [Chinese (Traditional, Taiwan)](../tw/README.md) | [Japanese](../ja/README.md) | [Korean](../ko/README.md) | [Hindi](./README.md) | [Bengali](../bn/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Portuguese (Portugal)](../pt/README.md) | [Portuguese (Brazil)](../br/README.md) | [Italian](../it/README.md) | [Polish](../pl/README.md) | [Turkish](../tr/README.md) | [Greek](../el/README.md) | [Thai](../th/README.md) | [Swedish](../sv/README.md) | [Danish](../da/README.md) | [Norwegian](../no/README.md) | [Finnish](../fi/README.md) | [Dutch](../nl/README.md) | [Hebrew](../he/README.md) | [Vietnamese](../vi/README.md) | [Indonesian](../id/README.md) | [Malay](../ms/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Swahili](../sw/README.md) | [Hungarian](../hu/README.md) | [Czech](../cs/README.md) | [Slovak](../sk/README.md) | [Romanian](../ro/README.md) | [Bulgarian](../bg/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Croatian](../hr/README.md) | [Slovenian](../sl/README.md) | [Ukrainian](../uk/README.md) | [Burmese (Myanmar)](../my/README.md)
|
|
|
|
**यदि आप अतिरिक्त भाषाओं में अनुवाद चाहते हैं, तो समर्थित भाषाओं की सूची [यहां](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) दी गई है।**
|
|
|
|
#### 🧑🎓 _क्या आप छात्र हैं?_
|
|
|
|
[**Student Hub पेज**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) पर जाएं, जहां आपको शुरुआती संसाधन, छात्र पैक और यहां तक कि मुफ्त प्रमाणपत्र वाउचर प्राप्त करने के तरीके मिलेंगे। यह वह पेज है जिसे आप बुकमार्क करना चाहेंगे और समय-समय पर जांचना चाहेंगे क्योंकि हम मासिक रूप से सामग्री बदलते हैं।
|
|
|
|
### 📣 घोषणा - _जेनरेटिव AI का उपयोग करके नया प्रोजेक्ट बनाने के लिए_
|
|
|
|
नया AI सहायक प्रोजेक्ट अभी जोड़ा गया है, इसे देखें [project](./09-chat-project/README.md)
|
|
|
|
### 📣 घोषणा - _नया पाठ्यक्रम_ जेनरेटिव AI के लिए JavaScript में अभी जारी किया गया है
|
|
|
|
हमारे नए जेनरेटिव AI पाठ्यक्रम को मिस न करें!
|
|
|
|
शुरू करने के लिए [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) पर जाएं!
|
|
|
|
|
|
|
|
- पाठ जो मूलभूत से लेकर RAG तक सब कुछ कवर करते हैं।
|
|
- GenAI और हमारे साथी ऐप का उपयोग करके ऐतिहासिक पात्रों के साथ बातचीत करें।
|
|
- मजेदार और आकर्षक कथा, आप समय यात्रा करेंगे!
|
|
|
|
|
|
|
|
प्रत्येक पाठ में एक असाइनमेंट, ज्ञान जांच और एक चुनौती शामिल है जो आपको निम्नलिखित विषयों को सीखने में मार्गदर्शन करेगा:
|
|
- प्रॉम्प्टिंग और प्रॉम्प्ट इंजीनियरिंग
|
|
- टेक्स्ट और इमेज ऐप जनरेशन
|
|
- सर्च ऐप्स
|
|
|
|
शुरू करने के लिए [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) पर जाएं!
|
|
|
|
## 🌱 शुरुआत करना
|
|
|
|
> **शिक्षकों**, हमने इस पाठ्यक्रम का उपयोग करने के लिए [कुछ सुझाव](for-teachers.md) शामिल किए हैं। हमें आपके फीडबैक की आवश्यकता है [हमारे चर्चा मंच](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) में!
|
|
|
|
**[सीखने वाले](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, प्रत्येक पाठ के लिए, प्री-लेक्चर क्विज़ से शुरू करें और लेक्चर सामग्री पढ़ने, विभिन्न गतिविधियों को पूरा करने और पोस्ट-लेक्चर क्विज़ के साथ अपनी समझ की जांच करने के साथ आगे बढ़ें।
|
|
|
|
अपने सीखने के अनुभव को बढ़ाने के लिए, अपने साथियों के साथ प्रोजेक्ट्स पर काम करने के लिए जुड़ें! चर्चाओं को हमारे [चर्चा मंच](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) में प्रोत्साहित किया जाता है, जहां हमारे मॉडरेटर आपकी प्रश्नों का उत्तर देने के लिए उपलब्ध होंगे।
|
|
|
|
अपनी शिक्षा को आगे बढ़ाने के लिए, हम [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) का अन्वेषण करने की अत्यधिक अनुशंसा करते हैं, जहां अतिरिक्त अध्ययन सामग्री उपलब्ध है।
|
|
|
|
### 📋 अपने वातावरण को सेट करना
|
|
|
|
यह पाठ्यक्रम एक तैयार विकास वातावरण के साथ आता है! जब आप शुरू करते हैं, तो आप इस पाठ्यक्रम को [Codespace](https://github.com/features/codespaces/) (_एक ब्राउज़र-आधारित, बिना इंस्टॉल की आवश्यकता वाला वातावरण_) में या अपने कंप्यूटर पर स्थानीय रूप से एक टेक्स्ट एडिटर जैसे [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) का उपयोग करके चला सकते हैं।
|
|
|
|
#### अपना रेपो बनाएं
|
|
अपने काम को आसानी से सहेजने के लिए, यह अनुशंसा की जाती है कि आप इस रेपो की अपनी कॉपी बनाएं। आप पेज के शीर्ष पर **Use this template** बटन पर क्लिक करके ऐसा कर सकते हैं। यह आपके GitHub खाते में पाठ्यक्रम की एक नई कॉपी के साथ एक नया रेपो बनाएगा।
|
|
|
|
इन चरणों का पालन करें:
|
|
1. **रेपो को फोर्क करें**: इस पेज के शीर्ष-दाएं कोने में "Fork" बटन पर क्लिक करें।
|
|
2. **रेपो को क्लोन करें**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
|
|
#### Codespace में पाठ्यक्रम चलाना
|
|
|
|
इस रेपो की अपनी कॉपी में, जिसे आपने बनाया है, **Code** बटन पर क्लिक करें और **Open with Codespaces** चुनें। यह आपके काम करने के लिए एक नया Codespace बनाएगा।
|
|
|
|
[!Codespace](../..)./images/createcodespace.png)
|
|
|
|
#### अपने कंप्यूटर पर स्थानीय रूप से पाठ्यक्रम चलाना
|
|
|
|
अपने कंप्यूटर पर इस पाठ्यक्रम को स्थानीय रूप से चलाने के लिए, आपको एक टेक्स्ट एडिटर, एक ब्राउज़र और एक कमांड लाइन टूल की आवश्यकता होगी। हमारा पहला पाठ, [प्रोग्रामिंग भाषाओं और टूल्स का परिचय](../../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) भी है। आप [यहां](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) से Visual Studio Code डाउनलोड कर सकते हैं।
|
|
|
|
1. अपने रेपो को अपने कंप्यूटर पर क्लोन करें। आप **Code** बटन पर क्लिक करके और URL को कॉपी करके ऐसा कर सकते हैं:
|
|
|
|
[!CodeSpace](./images/createcodespace.png)
|
|
|
|
फिर, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) में [टर्मिनल](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) खोलें और निम्नलिखित कमांड चलाएं, `<your-repository-url>` को उस URL से बदलें जिसे आपने अभी कॉपी किया है:
|
|
|
|
```bash
|
|
git clone <your-repository-url>
|
|
```
|
|
|
|
2. Visual Studio Code में फ़ोल्डर खोलें। आप **File** पर क्लिक करके ऐसा कर सकते हैं।
|
|
> **फ़ोल्डर खोलें** और उस फ़ोल्डर को चुनें जिसे आपने अभी क्लोन किया है।
|
|
> अनुशंसित 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) - कोड को तेजी से लिखने में मदद करने के लिए
|
|
|
|
## 📂 प्रत्येक पाठ में शामिल हैं:
|
|
|
|
- वैकल्पिक स्केच नोट
|
|
- वैकल्पिक पूरक वीडियो
|
|
- पाठ से पहले वार्मअप क्विज़
|
|
- लिखित पाठ
|
|
- प्रोजेक्ट-आधारित पाठों के लिए, प्रोजेक्ट बनाने के चरण-दर-चरण गाइड
|
|
- ज्ञान जांच
|
|
- एक चुनौती
|
|
- पूरक पढ़ाई
|
|
- असाइनमेंट
|
|
- [पाठ के बाद क्विज़](https://ff-quizzes.netlify.app/web/)
|
|
|
|
> **क्विज़ के बारे में एक नोट**: सभी क्विज़ `Quiz-app` फ़ोल्डर में हैं, कुल 48 क्विज़, प्रत्येक में तीन प्रश्न। ये [यहां](https://ff-quizzes.netlify.app/web/) उपलब्ध हैं। क्विज़ ऐप को लोकल या Azure पर डिप्लॉय किया जा सकता है; `quiz-app` फ़ोल्डर में दिए गए निर्देशों का पालन करें।
|
|
|
|
## 🗃️ पाठ
|
|
|
|
| | प्रोजेक्ट का नाम | सिखाए गए अवधारणाएं | सीखने के उद्देश्य | लिंक किया गया पाठ | लेखक |
|
|
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
|
|
| 01 | शुरुआत करना | प्रोग्रामिंग का परिचय और उपयोग किए जाने वाले उपकरण | अधिकांश प्रोग्रामिंग भाषाओं के पीछे के मूल सिद्धांतों को जानें और उस सॉफ़्टवेयर के बारे में जानें जो पेशेवर डेवलपर्स की मदद करता है | [प्रोग्रामिंग भाषाओं और उपयोग किए जाने वाले उपकरणों का परिचय](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | जैस्मिन |
|
|
| 02 | शुरुआत करना | GitHub की मूल बातें, टीम के साथ काम करना | अपने प्रोजेक्ट में GitHub का उपयोग कैसे करें, कोड बेस पर दूसरों के साथ सहयोग कैसे करें | [GitHub का परिचय](./1-getting-started-lessons/2-github-basics/README.md) | फ्लोर |
|
|
| 03 | शुरुआत करना | एक्सेसिबिलिटी | वेब एक्सेसिबिलिटी की मूल बातें जानें | [एक्सेसिबिलिटी फंडामेंटल्स](./1-getting-started-lessons/3-accessibility/README.md) | क्रिस्टोफर |
|
|
| 04 | JS की मूल बातें | JavaScript डेटा प्रकार | JavaScript डेटा प्रकार की मूल बातें | [डेटा प्रकार](./2-js-basics/1-data-types/README.md) | जैस्मिन |
|
|
| 05 | JS की मूल बातें | फंक्शन और मेथड | एप्लिकेशन के लॉजिक फ्लो को प्रबंधित करने के लिए फंक्शन और मेथड के बारे में जानें | [फंक्शन और मेथड](./2-js-basics/2-functions-methods/README.md) | जैस्मिन और क्रिस्टोफर |
|
|
| 06 | JS की मूल बातें | JS के साथ निर्णय लेना | निर्णय लेने के तरीकों का उपयोग करके अपने कोड में शर्तें बनाने का तरीका जानें | [निर्णय लेना](./2-js-basics/3-making-decisions/README.md) | जैस्मिन |
|
|
| 07 | JS की मूल बातें | Arrays और Loops | JavaScript में डेटा के साथ काम करने के लिए Arrays और Loops का उपयोग करें | [Arrays और Loops](./2-js-basics/4-arrays-loops/README.md) | जैस्मिन |
|
|
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML का अभ्यास | ऑनलाइन टेरारियम बनाने के लिए HTML बनाएं, लेआउट बनाने पर ध्यान केंद्रित करें | [HTML का परिचय](./3-terrarium/1-intro-to-html/README.md) | जेन |
|
|
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS का अभ्यास | ऑनलाइन टेरारियम को स्टाइल करने के लिए CSS बनाएं, CSS की मूल बातें सहित पेज को रिस्पॉन्सिव बनाने पर ध्यान केंद्रित करें | [CSS का परिचय](./3-terrarium/2-intro-to-css/README.md) | जेन |
|
|
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript क्लोजर, DOM मैनिपुलेशन | टेरारियम को ड्रैग/ड्रॉप इंटरफेस के रूप में कार्य करने के लिए JavaScript बनाएं, क्लोजर और DOM मैनिपुलेशन पर ध्यान केंद्रित करें | [JavaScript क्लोजर, DOM मैनिपुलेशन](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | जेन |
|
|
| 11 | [टाइपिंग गेम](./4-typing-game/solution/README.md) | टाइपिंग गेम बनाएं | अपने JavaScript ऐप के लॉजिक को चलाने के लिए कीबोर्ड इवेंट्स का उपयोग करना सीखें | [इवेंट-ड्रिवन प्रोग्रामिंग](./4-typing-game/typing-game/README.md) | क्रिस्टोफर |
|
|
| 12 | [ग्रीन ब्राउज़र एक्सटेंशन](./5-browser-extension/solution/README.md) | ब्राउज़र के साथ काम करना | ब्राउज़र कैसे काम करते हैं, उनका इतिहास, और ब्राउज़र एक्सटेंशन के पहले तत्वों को स्कैफोल्ड करना सीखें | [ब्राउज़र के बारे में](./5-browser-extension/1-about-browsers/README.md) | जेन |
|
|
| 13 | [ग्रीन ब्राउज़र एक्सटेंशन](./5-browser-extension/solution/README.md) | फॉर्म बनाना, API कॉल करना और लोकल स्टोरेज में वेरिएबल्स स्टोर करना | लोकल स्टोरेज में स्टोर किए गए वेरिएबल्स का उपयोग करके API कॉल करने के लिए अपने ब्राउज़र एक्सटेंशन के JavaScript तत्व बनाएं | [APIs, फॉर्म और लोकल स्टोरेज](./5-browser-extension/2-forms-browsers-local-storage/README.md) | जेन |
|
|
| 14 | [ग्रीन ब्राउज़र एक्सटेंशन](./5-browser-extension/solution/README.md) | ब्राउज़र में बैकग्राउंड प्रोसेस, वेब प्रदर्शन | ब्राउज़र के बैकग्राउंड प्रोसेस का उपयोग करके एक्सटेंशन के आइकन को प्रबंधित करें; वेब प्रदर्शन और कुछ ऑप्टिमाइजेशन के बारे में जानें | [बैकग्राउंड टास्क और प्रदर्शन](./5-browser-extension/3-background-tasks-and-performance/README.md) | जेन |
|
|
| 15 | [स्पेस गेम](./6-space-game/solution/README.md) | JavaScript के साथ अधिक उन्नत गेम डेवलपमेंट | गेम बनाने की तैयारी में क्लास और कंपोजिशन का उपयोग करके इनहेरिटेंस और Pub/Sub पैटर्न के बारे में जानें | [उन्नत गेम डेवलपमेंट का परिचय](./6-space-game/1-introduction/README.md) | क्रिस |
|
|
| 16 | [स्पेस गेम](./6-space-game/solution/README.md) | कैनवास पर ड्रॉ करना | स्क्रीन पर तत्वों को ड्रॉ करने के लिए Canvas API के बारे में जानें | [कैनवास पर ड्रॉ करना](./6-space-game/2-drawing-to-canvas/README.md) | क्रिस |
|
|
| 17 | [स्पेस गेम](./6-space-game/solution/README.md) | स्क्रीन पर तत्वों को मूव करना | जानें कि कैसे तत्वों को गति दी जा सकती है, कार्टेशियन कोऑर्डिनेट्स और Canvas API का उपयोग करके | [तत्वों को मूव करना](./6-space-game/3-moving-elements-around/README.md) | क्रिस |
|
|
| 18 | [स्पेस गेम](./6-space-game/solution/README.md) | टकराव का पता लगाना | तत्वों को टकराने और एक-दूसरे पर प्रतिक्रिया देने के लिए कीप्रेस का उपयोग करें और गेम के प्रदर्शन को सुनिश्चित करने के लिए कूलडाउन फंक्शन प्रदान करें | [टकराव का पता लगाना](./6-space-game/4-collision-detection/README.md) | क्रिस |
|
|
| 19 | [स्पेस गेम](./6-space-game/solution/README.md) | स्कोर रखना | गेम की स्थिति और प्रदर्शन के आधार पर गणितीय गणना करें | [स्कोर रखना](./6-space-game/5-keeping-score/README.md) | क्रिस |
|
|
| 20 | [स्पेस गेम](./6-space-game/solution/README.md) | गेम को समाप्त करना और पुनः प्रारंभ करना | गेम को समाप्त करने और पुनः प्रारंभ करने के बारे में जानें, जिसमें एसेट्स को साफ करना और वेरिएबल्स के मानों को रीसेट करना शामिल है | [समाप्ति की स्थिति](./6-space-game/6-end-condition/README.md) | क्रिस |
|
|
| 21 | [बैंकिंग ऐप](./7-bank-project/solution/README.md) | वेब ऐप में HTML टेम्पलेट्स और रूट्स | रूटिंग और HTML टेम्पलेट्स का उपयोग करके मल्टीपेज वेबसाइट की आर्किटेक्चर का स्कैफोल्ड बनाना सीखें | [HTML टेम्पलेट्स और रूट्स](./7-bank-project/1-template-route/README.md) | योहान |
|
|
| 22 | [बैंकिंग ऐप](./7-bank-project/solution/README.md) | लॉगिन और रजिस्ट्रेशन फॉर्म बनाना | फॉर्म बनाना और वैलिडेशन रूटीन को संभालना सीखें | [फॉर्म](./7-bank-project/2-forms/README.md) | योहान |
|
|
| 23 | [बैंकिंग ऐप](./7-bank-project/solution/README.md) | डेटा को प्राप्त करना और उपयोग करना | डेटा आपके ऐप में कैसे प्रवाहित होता है, इसे कैसे प्राप्त करें, स्टोर करें और डिस्पोज करें | [डेटा](./7-bank-project/3-data/README.md) | योहान |
|
|
| 24 | [बैंकिंग ऐप](./7-bank-project/solution/README.md) | स्टेट मैनेजमेंट की अवधारणाएं | जानें कि आपका ऐप स्टेट को कैसे बनाए रखता है और इसे प्रोग्रामेटिक रूप से कैसे प्रबंधित करें | [स्टेट मैनेजमेंट](./7-bank-project/4-state-management/README.md) | योहान |
|
|
| 25 | [ब्राउज़र/VScode कोड](../../8-code-editor) | VScode के साथ काम करना | कोड एडिटर का उपयोग करना सीखें | [VScode कोड एडिटर का उपयोग करें](./8-code-editor/1-using-a-code-editor/README.md) | क्रिस |
|
|
| 26 | [AI असिस्टेंट](./9-chat-project/README.md) | AI के साथ काम करना | अपना AI असिस्टेंट बनाना सीखें | [AI असिस्टेंट प्रोजेक्ट](./9-chat-project/README.md) | क्रिस |
|
|
|
|
## 🏫 शिक्षाशास्त्र
|
|
|
|
हमारे पाठ्यक्रम को दो प्रमुख शिक्षाशास्त्रीय सिद्धांतों को ध्यान में रखकर डिज़ाइन किया गया है:
|
|
* प्रोजेक्ट-आधारित शिक्षा
|
|
* बार-बार क्विज़
|
|
|
|
यह कार्यक्रम JavaScript, HTML, और CSS की मूल बातें सिखाता है, साथ ही आज के वेब डेवलपर्स द्वारा उपयोग किए जाने वाले नवीनतम उपकरण और तकनीकें। छात्रों को टाइपिंग गेम, वर्चुअल टेरारियम, इको-फ्रेंडली ब्राउज़र एक्सटेंशन, स्पेस-इनवेडर-स्टाइल गेम, और व्यवसायों के लिए बैंकिंग ऐप बनाकर व्यावहारिक अनुभव प्राप्त करने का अवसर मिलेगा। श्रृंखला के अंत तक, छात्रों को वेब डेवलपमेंट की ठोस समझ प्राप्त हो जाएगी।
|
|
|
|
> 🎓 आप इस पाठ्यक्रम की शुरुआती कुछ पाठों को Microsoft Learn पर [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)" वीडियो ट्यूटोरियल संग्रह के वीडियो के साथ जोड़ा गया है, जिनमें से कुछ लेखकों ने इस पाठ्यक्रम में योगदान दिया है।
|
|
|
|
इसके अलावा, कक्षा से पहले एक कम दबाव वाला क्विज़ छात्र को किसी विषय को सीखने के इरादे की ओर सेट करता है, जबकि कक्षा के बाद दूसरा क्विज़ आगे की अवधारण सुनिश्चित करता है। यह पाठ्यक्रम लचीला और मजेदार बनाया गया है और इसे पूरे या आंशिक रूप से लिया जा सकता है। प्रोजेक्ट छोटे से शुरू होते हैं और 12-सप्ताह के चक्र के अंत तक धीरे-धीरे जटिल हो जाते हैं।
|
|
|
|
हालांकि हमने फ्रेमवर्क अपनाने से पहले एक वेब डेवलपर के रूप में आवश्यक बुनियादी कौशल पर ध्यान केंद्रित करने के लिए जानबूझकर 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) दिशानिर्देश देखें। हम आपकी रचनात्मक प्रतिक्रिया का स्वागत करते हैं!
|
|
|
|
|
|
## 🧭 ऑफलाइन एक्सेस
|
|
|
|
आप इस दस्तावेज़ को ऑफलाइन [Docsify](https://docsify.js.org/#/) का उपयोग करके चला सकते हैं। इस रिपॉजिटरी को फोर्क करें, [Docsify इंस्टॉल करें](https://docsify.js.org/#/quickstart) अपने लोकल मशीन पर, और फिर इस रिपॉजिटरी के रूट फ़ोल्डर में `docsify serve` टाइप करें। वेबसाइट आपके लोकलहोस्ट पर पोर्ट 3000 पर सर्व की जाएगी: `localhost:3000`।
|
|
|
|
## 📘 PDF
|
|
|
|
सभी पाठों का PDF [यहां](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) पाया जा सकता है।
|
|
|
|
|
|
## 🎒 अन्य पाठ्यक्रम
|
|
|
|
हमारी टीम अन्य पाठ्यक्रम भी बनाती है! देखें:
|
|
|
|
- [Generative AI for Beginners](https://aka.ms/genai-beginners)
|
|
- [Generative AI for Beginners .NET](https://github.com/microsoft/Generative-AI-for-beginners-dotnet)
|
|
- [Generative AI with JavaScript](https://github.com/microsoft/generative-ai-with-javascript)
|
|
- [Generative AI with Java](https://github.com/microsoft/Generative-AI-for-beginners-java)
|
|
- [AI for Beginners](https://aka.ms/ai-beginners)
|
|
- [शुरुआती लोगों के लिए डेटा साइंस](https://aka.ms/datascience-beginners)
|
|
- [शुरुआती लोगों के लिए मशीन लर्निंग](https://aka.ms/ml-beginners)
|
|
- [शुरुआती लोगों के लिए साइबर सुरक्षा](https://github.com/microsoft/Security-101)
|
|
- [शुरुआती लोगों के लिए वेब विकास](https://aka.ms/webdev-beginners)
|
|
- [शुरुआती लोगों के लिए IoT](https://aka.ms/iot-beginners)
|
|
- [शुरुआती लोगों के लिए XR विकास](https://github.com/microsoft/xr-development-for-beginners)
|
|
- [एजेंटिक उपयोग के लिए GitHub Copilot में महारत हासिल करना](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming)
|
|
- [C#/.NET डेवलपर्स के लिए GitHub Copilot में महारत हासिल करना](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers)
|
|
- [अपना खुद का Copilot एडवेंचर चुनें](https://github.com/microsoft/CopilotAdventures)
|
|
|
|
## लाइसेंस
|
|
|
|
यह रिपॉजिटरी MIT लाइसेंस के तहत लाइसेंस प्राप्त है। अधिक जानकारी के लिए [LICENSE](../../LICENSE) फ़ाइल देखें।
|
|
|
|
---
|
|
|
|
**अस्वीकरण**:
|
|
यह दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके अनुवादित किया गया है। जबकि हम सटीकता सुनिश्चित करने का प्रयास करते हैं, कृपया ध्यान दें कि स्वचालित अनुवाद में त्रुटियां या अशुद्धियां हो सकती हैं। मूल दस्तावेज़, जो इसकी मूल भाषा में है, को आधिकारिक स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए, पेशेवर मानव अनुवाद की सिफारिश की जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफहमी या गलत व्याख्या के लिए हम जिम्मेदार नहीं हैं। |