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.
213 lines
40 KiB
213 lines
40 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "efa251c5fc089367f0a81c572874afca",
|
|
"translation_date": "2025-08-28T11:05:50+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 को प्रोजेक्ट्स जैसे टेरारियम, ब्राउज़र एक्सटेंशन, और स्पेस गेम्स के माध्यम से समझाया गया है। क्विज़, चर्चाओं और व्यावहारिक असाइनमेंट्स के साथ जुड़ें। अपनी स्किल्स को बेहतर बनाएं और प्रोजेक्ट-आधारित शिक्षण पद्धति के साथ अपने ज्ञान को अधिकतम करें। आज ही अपनी कोडिंग यात्रा शुरू करें!
|
|
|
|
#### 🧑🎓 _क्या आप एक छात्र हैं?_
|
|
|
|
[**स्टूडेंट हब पेज**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) पर जाएं, जहां आपको शुरुआती संसाधन, स्टूडेंट पैक्स और यहां तक कि मुफ्त प्रमाणपत्र वाउचर प्राप्त करने के तरीके मिलेंगे। यह वह पेज है जिसे आप बुकमार्क करना चाहेंगे और समय-समय पर चेक करना चाहेंगे क्योंकि हम हर महीने सामग्री बदलते हैं।
|
|
|
|
### 📣 घोषणा - _नया पाठ्यक्रम_ JavaScript के लिए जनरेटिव AI पर जारी किया गया है
|
|
|
|
हमारे नए जनरेटिव AI पाठ्यक्रम को मिस न करें!
|
|
|
|
[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) पर जाएं और शुरुआत करें!
|
|
|
|
|
|
|
|
- पाठ जो मूल बातें से लेकर RAG तक सब कुछ कवर करते हैं।
|
|
- GenAI और हमारे साथी ऐप का उपयोग करके ऐतिहासिक पात्रों के साथ बातचीत करें।
|
|
- मजेदार और आकर्षक कहानी, आप समय यात्रा करेंगे!
|
|
|
|
|
|
|
|
प्रत्येक पाठ में शामिल हैं:
|
|
- असाइनमेंट पूरा करना
|
|
- ज्ञान जांच
|
|
- चुनौती
|
|
- विषयों को सीखने के लिए मार्गदर्शन जैसे:
|
|
- प्रॉम्प्टिंग और प्रॉम्प्ट इंजीनियरिंग
|
|
- टेक्स्ट और इमेज ऐप जनरेशन
|
|
- सर्च ऐप्स
|
|
|
|
[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) पर जाएं और शुरुआत करें!
|
|
|
|
## 🌱 शुरुआत करना
|
|
|
|
> **शिक्षकों**, हमने इस पाठ्यक्रम का उपयोग करने के लिए [कुछ सुझाव शामिल किए हैं](for-teachers.md)। हमें आपके फीडबैक की आवश्यकता है [हमारे चर्चा मंच में](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
|
|
|
|
**[सीखने वाले](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, प्रत्येक पाठ के लिए, प्री-लेक्चर क्विज़ से शुरुआत करें और लेक्चर सामग्री पढ़ने, विभिन्न गतिविधियों को पूरा करने और पोस्ट-लेक्चर क्विज़ के साथ अपनी समझ की जांच करें।
|
|
|
|
अपने सीखने के अनुभव को बेहतर बनाने के लिए, अपने साथियों के साथ प्रोजेक्ट्स पर काम करें! चर्चाओं को हमारे [चर्चा मंच](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) में प्रोत्साहित किया जाता है, जहां हमारे मॉडरेटर आपकी मदद के लिए उपलब्ध होंगे।
|
|
|
|
अपनी शिक्षा को आगे बढ़ाने के लिए, हम [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) का पता लगाने की अत्यधिक अनुशंसा करते हैं, जहां अतिरिक्त अध्ययन सामग्री उपलब्ध है।
|
|
|
|
### 📋 अपना वातावरण सेट करना
|
|
|
|
इस पाठ्यक्रम में एक तैयार विकास वातावरण है! शुरुआत करते समय, आप [Codespace](https://github.com/features/codespaces/) (_एक ब्राउज़र-आधारित, बिना इंस्टॉल की आवश्यकता वाला वातावरण_) या अपने कंप्यूटर पर स्थानीय रूप से [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) जैसे टेक्स्ट एडिटर का उपयोग करके इसे चला सकते हैं।
|
|
|
|
#### अपना रेपो बनाएं
|
|
अपने काम को आसानी से सहेजने के लिए, यह अनुशंसा की जाती है कि आप इस रेपो की अपनी कॉपी बनाएं। आप पेज के शीर्ष पर **Use this template** बटन पर क्लिक करके ऐसा कर सकते हैं। यह आपके GitHub खाते में पाठ्यक्रम की एक नई कॉपी बनाएगा।
|
|
|
|
इन चरणों का पालन करें:
|
|
1. **रेपो को फोर्क करें**: इस पेज के शीर्ष-दाएं कोने में "Fork" बटन पर क्लिक करें।
|
|
2. **रेपो को क्लोन करें**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
|
|
|
|
#### 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** > **Open Folder** पर क्लिक करके और उस फ़ोल्डर का चयन करके ऐसा कर सकते हैं जिसे आपने अभी क्लोन किया है।
|
|
|
|
> अनुशंसित Visual Studio Code एक्सटेंशन:
|
|
>
|
|
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML पेजों को Visual Studio Code के भीतर प्रीव्यू करने के लिए
|
|
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - कोड को तेजी से लिखने में मदद करने के लिए
|
|
|
|
## 📂 प्रत्येक पाठ में शामिल हैं:
|
|
|
|
- वैकल्पिक स्केच नोट
|
|
- वैकल्पिक पूरक वीडियो
|
|
- प्री-लेसन वार्मअप क्विज़
|
|
- लिखित पाठ
|
|
- प्रोजेक्ट-आधारित पाठों के लिए, प्रोजेक्ट बनाने के लिए चरण-दर-चरण गाइड
|
|
- ज्ञान जांच
|
|
- एक चुनौती
|
|
- पूरक पढ़ाई
|
|
- असाइनमेंट
|
|
- [पोस्ट-लेसन क्विज़](https://ff-quizzes.netlify.app/web/)
|
|
|
|
> **क्विज़ के बारे में एक नोट**: सभी क्विज़ Quiz-app फ़ोल्डर में हैं, कुल 48 क्विज़, प्रत्येक में तीन प्रश्न। वे [यहां](https://ff-quizzes.netlify.app/web/) उपलब्ध हैं। Quiz-app को स्थानीय रूप से चलाया जा सकता है या 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 की मूल बातें | Arrays और Loops | JavaScript में डेटा के साथ काम करने के लिए Arrays और Loops का उपयोग करें | [Arrays और Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
|
|
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML का अभ्यास | ऑनलाइन टेरारियम बनाने के लिए HTML बनाएं, लेआउट बनाने पर ध्यान केंद्रित करें | [HTML का परिचय](./3-terrarium/1-intro-to-html/README.md) | Jen |
|
|
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS का अभ्यास | ऑनलाइन टेरारियम को स्टाइल करने के लिए CSS बनाएं, CSS की मूल बातें सहित पेज को उत्तरदायी बनाने पर ध्यान केंद्रित करें | [CSS का परिचय](./3-terrarium/2-intro-to-css/README.md) | Jen |
|
|
| 10 | [Terrarium](./3-terrarium/solution/README.md) | जावास्क्रिप्ट क्लोज़र्स, DOM मैनिपुलेशन | जावास्क्रिप्ट को इस तरह से बनाएं कि टेरारियम ड्रैग/ड्रॉप इंटरफेस के रूप में काम करे, जिसमें क्लोज़र्स और DOM मैनिपुलेशन पर ध्यान केंद्रित हो | [जावास्क्रिप्ट क्लोज़र्स, DOM मैनिपुलेशन](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
|
|
| 11 | [Typing Game](./4-typing-game/solution/README.md) | टाइपिंग गेम बनाएं | जानें कि कीबोर्ड इवेंट्स का उपयोग करके अपने जावास्क्रिप्ट ऐप की लॉजिक को कैसे चलाएं | [इवेंट-ड्रिवन प्रोग्रामिंग](./4-typing-game/typing-game/README.md) | Christopher |
|
|
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउज़र के साथ काम करना | जानें कि ब्राउज़र कैसे काम करते हैं, उनका इतिहास, और ब्राउज़र एक्सटेंशन के पहले तत्वों को कैसे तैयार करें | [ब्राउज़र के बारे में](./5-browser-extension/1-about-browsers/README.md) | Jen |
|
|
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | फॉर्म बनाना, API कॉल करना और लोकल स्टोरेज में वेरिएबल्स स्टोर करना | अपने ब्राउज़र एक्सटेंशन के जावास्क्रिप्ट तत्वों को बनाएं ताकि लोकल स्टोरेज में स्टोर किए गए वेरिएबल्स का उपयोग करके API कॉल किया जा सके | [APIs, फॉर्म्स, और लोकल स्टोरेज](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
|
|
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ब्राउज़र में बैकग्राउंड प्रोसेस, वेब प्रदर्शन | ब्राउज़र के बैकग्राउंड प्रोसेस का उपयोग करके एक्सटेंशन के आइकन को प्रबंधित करें; वेब प्रदर्शन और कुछ ऑप्टिमाइजेशन के बारे में जानें | [बैकग्राउंड टास्क्स और प्रदर्शन](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
|
|
| 15 | [Space Game](./6-space-game/solution/README.md) | जावास्क्रिप्ट के साथ अधिक उन्नत गेम डेवलपमेंट | क्लासेस और कंपोज़िशन का उपयोग करके इनहेरिटेंस और पब/सब पैटर्न के बारे में जानें, गेम बनाने की तैयारी में | [उन्नत गेम डेवलपमेंट का परिचय](./6-space-game/1-introduction/README.md) | Chris |
|
|
| 16 | [Space Game](./6-space-game/solution/README.md) | कैनवास पर ड्रॉ करना | कैनवास API के बारे में जानें, जिसका उपयोग स्क्रीन पर तत्वों को ड्रॉ करने के लिए किया जाता है | [कैनवास पर ड्रॉ करना](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
|
|
| 17 | [Space Game](./6-space-game/solution/README.md) | स्क्रीन पर तत्वों को घुमाना | जानें कि कैसे तत्वों को कार्टेशियन कोऑर्डिनेट्स और कैनवास API का उपयोग करके गति दी जा सकती है | [तत्वों को स्क्रीन पर घुमाना](./6-space-game/3-moving-elements-around/README.md) | Chris |
|
|
| 18 | [Space Game](./6-space-game/solution/README.md) | टकराव का पता लगाना | तत्वों को एक-दूसरे से टकराने और प्रतिक्रिया देने के लिए बनाएं, कीप्रेस का उपयोग करें और गेम के प्रदर्शन को सुनिश्चित करने के लिए कूलडाउन फंक्शन प्रदान करें | [टकराव का पता लगाना](./6-space-game/4-collision-detection/README.md) | Chris |
|
|
| 19 | [Space Game](./6-space-game/solution/README.md) | स्कोर रखना | गेम की स्थिति और प्रदर्शन के आधार पर गणितीय गणना करें | [स्कोर रखना](./6-space-game/5-keeping-score/README.md) | Chris |
|
|
| 20 | [Space Game](./6-space-game/solution/README.md) | गेम को समाप्त करना और पुनः शुरू करना | गेम को समाप्त करने और पुनः शुरू करने के बारे में जानें, जिसमें एसेट्स को साफ करना और वेरिएबल्स के मानों को रीसेट करना शामिल है | [समाप्ति की स्थिति](./6-space-game/6-end-condition/README.md) | Chris |
|
|
| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML टेम्पलेट्स और वेब ऐप में रूट्स | जानें कि मल्टीपेज वेबसाइट की आर्किटेक्चर को रूटिंग और HTML टेम्पलेट्स का उपयोग करके कैसे तैयार करें | [HTML टेम्पलेट्स और रूट्स](./7-bank-project/1-template-route/README.md) | Yohan |
|
|
| 22 | [Banking App](./7-bank-project/solution/README.md) | लॉगिन और रजिस्ट्रेशन फॉर्म बनाएं | फॉर्म्स बनाने और वैलिडेशन रूटीन को संभालने के बारे में जानें | [फॉर्म्स](./7-bank-project/2-forms/README.md) | Yohan |
|
|
| 23 | [Banking App](./7-bank-project/solution/README.md) | डेटा को प्राप्त करने और उपयोग करने के तरीके | जानें कि आपका ऐप डेटा को कैसे प्रवाहित करता है, प्राप्त करता है, स्टोर करता है, और उसे डिस्पोज़ करता है | [डेटा](./7-bank-project/3-data/README.md) | Yohan |
|
|
| 24 | [Banking App](./7-bank-project/solution/README.md) | स्टेट मैनेजमेंट की अवधारणाएं | जानें कि आपका ऐप स्टेट को कैसे बनाए रखता है और इसे प्रोग्रामेटिक रूप से कैसे प्रबंधित करें | [स्टेट मैनेजमेंट](./7-bank-project/4-state-management/README.md) | Yohan |
|
|
|
|
|
|
## 🏫 शिक्षण पद्धति
|
|
|
|
हमारे पाठ्यक्रम को दो प्रमुख शिक्षण सिद्धांतों को ध्यान में रखकर डिज़ाइन किया गया है:
|
|
* प्रोजेक्ट-आधारित शिक्षा
|
|
* बार-बार क्विज़
|
|
|
|
यह कार्यक्रम जावास्क्रिप्ट, HTML, और CSS की मूलभूत बातें सिखाता है, साथ ही आज के वेब डेवलपर्स द्वारा उपयोग किए जाने वाले नवीनतम टूल और तकनीकों को भी। छात्रों को टाइपिंग गेम, वर्चुअल टेरारियम, पर्यावरण-अनुकूल ब्राउज़र एक्सटेंशन, स्पेस-इनवेडर-स्टाइल गेम, और व्यवसायों के लिए बैंकिंग ऐप बनाकर व्यावहारिक अनुभव प्राप्त करने का अवसर मिलेगा। श्रृंखला के अंत तक, छात्रों को वेब डेवलपमेंट की ठोस समझ प्राप्त हो जाएगी।
|
|
|
|
> 🎓 आप इस पाठ्यक्रम के पहले कुछ पाठ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) पर Microsoft Learn पर ले सकते हैं!
|
|
|
|
सुनिश्चित करके कि सामग्री प्रोजेक्ट्स के साथ मेल खाती है, प्रक्रिया छात्रों के लिए अधिक आकर्षक बन जाती है और अवधारणाओं की समझ को बढ़ाया जाता है। हमने जावास्क्रिप्ट की मूल बातें सिखाने के लिए कई प्रारंभिक पाठ भी लिखे हैं, जिन्हें "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" वीडियो ट्यूटोरियल संग्रह के साथ जोड़ा गया है, जिनमें से कुछ लेखकों ने इस पाठ्यक्रम में योगदान दिया है।
|
|
|
|
इसके अलावा, कक्षा से पहले एक कम दबाव वाला क्विज़ छात्र को विषय सीखने की ओर प्रेरित करता है, जबकि कक्षा के बाद दूसरा क्विज़ अवधारणाओं को और अधिक बनाए रखने में मदद करता है। यह पाठ्यक्रम लचीला और मजेदार बनाया गया है और इसे पूरे या आंशिक रूप से लिया जा सकता है। प्रोजेक्ट्स छोटे से शुरू होते हैं और 12-सप्ताह के चक्र के अंत तक धीरे-धीरे जटिल हो जाते हैं।
|
|
|
|
हालांकि हमने जानबूझकर जावास्क्रिप्ट फ्रेमवर्क को पेश करने से बचा है ताकि वेब डेवलपर के रूप में आवश्यक बुनियादी कौशल पर ध्यान केंद्रित किया जा सके, फ्रेमवर्क अपनाने से पहले, इस पाठ्यक्रम को पूरा करने के बाद एक अच्छा अगला कदम Node.js के बारे में सीखना होगा, जो एक अन्य वीडियो संग्रह में उपलब्ध है: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)"।
|
|
|
|
> हमारे [Code of Conduct](CODE_OF_CONDUCT.md) और [Contributing](CONTRIBUTING.md) दिशानिर्देश देखें। हम आपके रचनात्मक फीडबैक का स्वागत करते हैं!
|
|
|
|
|
|
## 🧭 ऑफलाइन एक्सेस
|
|
|
|
आप इस दस्तावेज़ को ऑफलाइन [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)
|
|
- [Data Science for Beginners](https://aka.ms/datascience-beginners)
|
|
- [ML for Beginners](https://aka.ms/ml-beginners)
|
|
- [Cybersecurity for Beginners](https://github.com/microsoft/Security-101)
|
|
- [Web Dev for Beginners](https://aka.ms/webdev-beginners)
|
|
- [IoT for Beginners](https://aka.ms/iot-beginners)
|
|
- [XR Development for Beginners](https://github.com/microsoft/xr-development-for-beginners)
|
|
- [Mastering GitHub Copilot for Agentic use](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming)
|
|
- [Mastering GitHub Copilot for C#/.NET Developers](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers)
|
|
- [Choose Your Own Copilot Adventure](https://github.com/microsoft/CopilotAdventures)
|
|
|
|
## लाइसेंस
|
|
|
|
यह रिपॉजिटरी MIT लाइसेंस के तहत लाइसेंस प्राप्त है। अधिक जानकारी के लिए [LICENSE](../../LICENSE) फ़ाइल देखें।
|
|
|
|
---
|
|
|
|
**अस्वीकरण**:
|
|
यह दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके अनुवादित किया गया है। जबकि हम सटीकता सुनिश्चित करने का प्रयास करते हैं, कृपया ध्यान दें कि स्वचालित अनुवाद में त्रुटियां या अशुद्धियां हो सकती हैं। मूल भाषा में उपलब्ध मूल दस्तावेज़ को प्रामाणिक स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए, पेशेवर मानव अनुवाद की सिफारिश की जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफहमी या गलत व्याख्या के लिए हम जिम्मेदार नहीं हैं। |