Web-Dev-For-Beginners/translations/hi

शुरुआती के लिए वेब विकास - एक पाठ्यक्रम

Microsoft Cloud Advocates द्वारा प्रदान किए गए हमारे 12 सप्ताह के व्यापक कोर्स के साथ वेब विकास की बुनियादी बातें सीखें। 24 पाठों में से प्रत्येक JavaScript, CSS, और HTML को व्यावहारिक प्रोजेक्ट्स जैसे टेरैरियम, ब्राउज़र एक्सटेंशन्स, और अंतरिक्ष खेलों के माध्यम से समझाता है। क्विज़, चर्चाओं, और व्यावहारिक असाइनमेंट्स में भाग लें। अपनी क्षमताओं को बढ़ाएं और हमारे प्रभावी प्रोजेक्ट-आधारित शिक्षण विधि के साथ अपनी ज्ञान धारणा को अनुकूलित करें। आज ही अपनी कोडिंग यात्रा शुरू करें!

Azure AI Foundry Discord समुदाय में शामिल हों

इन संसाधनों का उपयोग शुरू करने के लिए ये चरण अपनाएं:

1. रिपॉजिटरी फोर्क करें: क्लिक करें
2. रिपॉजिटरी क्लोन करें: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Azure AI Foundry Discord में शामिल हों और विशेषज्ञों तथा साथी डेवलपर्स से मिलें

🌐 मल्टी-लैंग्वेज समर्थन

GitHub Action के माध्यम से समर्थित (स्वचालित और हमेशा नवीनतम)

Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Kannada | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese

स्थानीय रूप से क्लोन करना पसंद है?

यह रिपॉजिटरी 50+ भाषा अनुवादों को शामिल करता है जो डाउनलोड आकार को काफी बढ़ा देता है। अनुवादों के बिना क्लोन करने के लिए, sparse checkout का उपयोग करें:

git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'

यह आपको कोर्स पूरा करने के लिए आवश्यक सभी चीजें बहुत तेज डाउनलोड के साथ देता है।

यदि आप अतिरिक्त अनुवाद भाषाएँ चाहते हैं तो वे यहाँ सूचीबद्ध हैं यहाँ

🧑‍🎓 क्या आप छात्र हैं?

Student Hub पेज पर जाएं जहां आपको शुरुआती संसाधन, छात्र पैक और यहां तक कि मुफ्त प्रमाणपत्र वाउचर पाने के तरीके मिलेंगे। यह वह पेज है जिसे आपको बुकमार्क करना चाहिए और समय-समय पर जांचना चाहिए क्योंकि हम मासिक रूप से सामग्री को बदलते रहते हैं।

📣 घोषणा - नए GitHub Copilot Agent मोड चुनौती पूरी करने के लिए!

नई चुनौती जोड़ी गई है, अधिकांश अध्यायों में "GitHub Copilot Agent Challenge 🚀" देखें। यह GitHub Copilot और Agent मोड का उपयोग करके पूरी करने के लिए एक नई चुनौती है। यदि आपने पहले Agent मोड का उपयोग नहीं किया है, तो यह केवल टेक्स्ट जनरेट करने में सक्षम नहीं है, बल्कि फाइलें बना और संपादित कर सकता है, कमांड चला सकता है और भी बहुत कुछ।

📣 घोषणा - नई परियोजना जनरेटिव AI का उपयोग करके बनाने के लिए

नई AI सहायक परियोजना अभी जोड़ी गई है, इसे देखें परियोजना

📣 घोषणा - नई पाठ्यक्रम JavaScript के लिए जनरेटिव AI पर अभी जारी किया गया

हमारा नया जनरेटिव AI पाठ्यक्रम न चूकें!

शुरू करने के लिए https://aka.ms/genai-js-course पर जाएं!

• सब कुछ कवर करता है बेसिक्स से लेकर RAG तक।
• GenAI और हमारे संगत ऐप के माध्यम से ऐतिहासिक पात्रों के साथ इंटरैक्ट करें।
• मजेदार और आकर्षक कथा, आप समय यात्रा करेंगे!

प्रत्येक पाठ में पूरा करने के लिए एक असाइनमेंट, ज्ञान जांच और एक चुनौती शामिल है जो निम्न विषयों की सीख में आपकी गाइड होगा:

• प्रॉम्प्टिंग और प्रॉम्प्ट इंजीनियरिंग
• टेक्स्ट और इमेज ऐप जनरेशन
• सर्च ऐप्स

शुरू करने के लिए https://aka.ms/genai-js-course पर जाएं!

🌱 शुरुआत करना

शिक्षक, हमने इस पाठ्यक्रम का उपयोग करने के लिए कुछ सुझाव for-teachers.md में शामिल किए हैं। हम आपकी प्रतिक्रिया हमारे चर्चा मंच में जानना पसंद करेंगे!

शिक्षार्थी, प्रत्येक पाठ के लिए, प्री-लेक्चर क्विज़ से शुरू करें और बाद में लेक्चर सामग्री पढ़ें, विभिन्न गतिविधियों को पूरा करें और पोस्ट-लेक्चर क्विज़ से अपनी समझ की जांच करें।

अपनी सीखने के अनुभव को बढ़ाने के लिए, अपनी सहपाठियों के साथ जुड़ें और प्रोजेक्ट्स पर एक साथ काम करें! चर्चा हमारी चर्चा मंच में प्रोत्साहित की जाती है जहां हमारे मोडरेटर टीम आपके प्रश्नों के उत्तर देने के लिए उपलब्ध होगी।

अपनी शिक्षा को आगे बढ़ाने के लिए, हम अत्यधिक अनुशंसा करते हैं कि आप अतिरिक्त अध्ययन सामग्री के लिए Microsoft Learn का पता लगाएं।

📋 अपना परिवेश सेटअप करना

इस पाठ्यक्रम का एक विकास परिवेश तैयार है! जब आप शुरू करेंगे तो आप इसे Codespace (एक ब्राउज़र-आधारित, बिना इंस्टॉल की आवश्यकता वाला परिवेश) में या अपने कंप्यूटर पर लोकल रूप से एक टेक्स्ट एडिटर जैसे Visual Studio Code का उपयोग करके चला सकते हैं।

अपनी रिपॉजिटरी बनाएं

अपने काम को आसानी से सहेजने के लिए, यह अनुशंसा की जाती है कि आप इस रिपॉजिटरी की अपनी कॉपी बनाएं। आप इस पेज के ऊपर "Use this template" बटन पर क्लिक करके ऐसा कर सकते हैं। इससे आपके GitHub अकाउंट में पाठ्यक्रम की एक कॉपी के साथ एक नई रिपॉजिटरी बन जाएगी।

इन चरणों का पालन करें:

1. रिपॉजिटरी फोर्क करें: इस पेज के ऊपर-दाएं कोने में "Fork" बटन पर क्लिक करें।
2. रिपॉजिटरी क्लोन करें: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Codespace में पाठ्यक्रम चलाना

अपनी बनाई गई इस रिपॉजिटरी की कॉपी में, Code बटन पर क्लिक करें और Open with Codespaces चुनें। यह आपके लिए काम करने के लिए एक नया Codespace बनाएगा।

अपने कंप्यूटर पर लोकल रूप से पाठ्यक्रम चलाना

अपने कंप्यूटर पर यह पाठ्यक्रम चलाने के लिए आपको एक टेक्स्ट एडिटर, एक ब्राउज़र और एक कमांड लाइन टूल की आवश्यकता होगी। हमारा पहला पाठ, प्रोग्रामिंग भाषाओं और ट्रेड टूल्स का परिचय, आपको इन उपकरणों के लिए विभिन्न विकल्पों से परिचित कराएगा ताकि आप जो आपके लिए सबसे अच्छा हो उसे चुन सकें।

हमारी सिफारिश Visual Studio Code को एडिटर के रूप में उपयोग करने की है, जिसमें एक अंतर्निर्मित टर्मिनल भी है। आप Visual Studio Code यहां से डाउनलोड कर सकते हैं यहाँ।

1. अपनी रिपॉजिटरी को अपने कंप्यूटर पर क्लोन करें। आप इसे Code बटन पर क्लिक करके और URL कॉपी करके कर सकते हैं:

   CodeSpace फिर, Visual Studio Code के भीतर Terminal खोलें और निम्नलिखित कमांड चलाएं, <your-repository-url> को उस URL से बदलते हुए जो आपने अभी कॉपी किया है:

   git clone <your-repository-url>
   

2. Visual Studio Code में फ़ोल्डर खोलें। आप इसे File > Open Folder पर क्लिक करके और उस फ़ोल्डर का चयन करके कर सकते हैं जिसे आपने अभी क्लोन किया है।

अनुशंसित Visual Studio Code एक्सटेंशन:

• Live Server - Visual Studio Code के भीतर HTML पृष्ठों का पूर्वावलोकन करने के लिए
• Copilot - कोड तेजी से लिखने में आपकी मदद करने के लिए

📂 प्रत्येक पाठ में शामिल हैं:

• वैकल्पिक स्केचनोट
• वैकल्पिक पूरक वीडियो
• पाठ से पहले वार्मअप क्विज़
• लिखित पाठ
• परियोजना आधारित पाठों के लिए, परियोजना बनाने के चरण-दर-चरण मार्गदर्शिकाएँ
• ज्ञान जांच
• एक चुनौती
• पूरक पठन सामग्री
• असाइनमेंट
• पाठ के बाद क्विज़

क्विज़ के बारे में एक नोट: सभी क्विज़ क्विज-ऐप फ़ोल्डर में संग्रहित हैं, कुल 48 क्विज़, प्रत्येक में तीन प्रश्न। ये यहाँ उपलब्ध हैं। क्विज ऐप स्थानीय रूप से चलाया जा सकता है या Azure पर तैनात किया जा सकता है; quiz-app फ़ोल्डर में दिए निर्देशों का पालन करें।

🗃️ पाठ

	परियोजना का नाम	सिखाए गए अवधारणाएँ	अधिगम उद्देश्य	लिंक किया गया पाठ	लेखक
01	प्रारंभ करना	प्रोग्रामिंग और ट्रेड के उपकरणों का परिचय	अधिकांश प्रोग्रामिंग भाषाओं के मूलभूत तत्वों को सीखना और उन सॉफ्टवेयरों के बारे में जानना जो पेशेवर डेवलपर्स अपने काम में इस्तेमाल करते हैं	प्रोग्रामिंग भाषाओं और ट्रेड के उपकरण का परिचय	Jasmine
02	प्रारंभ करना	GitHub के मूल, टीम के साथ काम करना	अपने प्रोजेक्ट में GitHub का उपयोग कैसे करें, कोड बेस पर दूसरों के साथ सहयोग कैसे करें	Github का परिचय	Floor
03	प्रारंभ करना	पहुँचनीयता	वेब पहुँचनीयता के मूल बातें सीखें	पहुंचनीयता आधारभूत बातें	Christopher
04	JS बेसिक्स	जावास्क्रिप्ट डेटा प्रकार	जावास्क्रिप्ट डेटा प्रकार के मूल बातें	डेटा प्रकार	Jasmine
05	JS बेसिक्स	कार्य और विधियाँ	किसी एप्लिकेशन के लॉजिक फ्लो को प्रबंधित करने के लिए कार्यों और विधियों के बारे में जानें	कार्य और विधियाँ	Jasmine और Christopher
06	JS बेसिक्स	JS के साथ निर्णय लेना	अपने कोड में निर्णय लेने की विधियों का उपयोग करके शर्तें बनाना सीखें	निर्णय लेना	Jasmine
07	JS बेसिक्स	सरणियाँ और लूप्स	जावास्क्रिप्ट में सरणियों और लूप्स का उपयोग करके डेटा के साथ काम करें	सरणियाँ और लूप्स	Jasmine
08	Terrarium	अभ्यास में HTML	एक ऑनलाइन टेरियम बनाने के लिए HTML बनाएं, लेआउट बनाने पर फोकस करें	HTML का परिचय	Jen
09	Terrarium	अभ्यास में CSS	ऑनलाइन टेरियम को स्टाइल करने के लिए CSS बनाएं, CSS के मूल बातें सीखें जिसमें पृष्ठ को उत्तरदायी बनाना शामिल है	CSS का परिचय	Jen
10	Terrarium	जावास्क्रिप्ट क्लोज़र, DOM हेरफेर	टेरियम को ड्रैग/ड्रॉप इंटरफ़ेस के रूप में काम करने के लिए जावास्क्रिप्ट बनाएं, क्लोज़र और DOM हेरफेर पर ध्यान केंद्रित करें	जावास्क्रिप्ट क्लोज़र, DOM हेरफेर	Jen
11	टाइपिंग गेम	टाइपिंग गेम बनाना	अपनी जावास्क्रिप्ट ऐप के लॉजिक को चलाने के लिए कीबोर्ड इवेंट्स का उपयोग कैसे करें	ईवेंट-ड्रिवन प्रोग्रामिंग	Christopher
12	ग्रीन ब्राउज़र एक्सटेंशन	ब्राउज़र्स के साथ काम	ब्राउज़र्स कैसे काम करते हैं, उनका इतिहास क्या है, और ब्राउज़र एक्सटेंशन के पहले तत्वों को स्कैफोल्ड कैसे करें	ब्राउज़र्स के बारे में	Jen
13	ग्रीन ब्राउज़र एक्सटेंशन	फ़ॉर्म बनाना, API कॉल करना और स्थानीय स्टोरेज में वेरिएबल्स स्टोर करना	अपनी ब्राउज़र एक्सटेंशन के जावास्क्रिप्ट तत्व बनाएँ जो स्थानीय संग्रहित वेरिएबल्स का उपयोग कर एक API कॉल करें	API, फ़ॉर्म, और स्थानीय भंडारण	Jen
14	ग्रीन ब्राउज़र एक्सटेंशन	ब्राउज़र में पृष्ठभूमि प्रक्रियाएं, वेब प्रदर्शन	एक्सटेंशन के आइकन प्रबंधन के लिए ब्राउज़र की पृष्ठभूमि प्रक्रियाओं का उपयोग करें; वेब प्रदर्शन और बेहतर बनाने के लिए कुछ अनुकूलन सीखें	पृष्ठभूमि कार्य और प्रदर्शन	Jen
15	स्पेस गेम	जावास्क्रिप्ट के साथ और उन्नत गेम विकास	उत्तराधिकार (Inheritance) दोनों Classes और Composition का उपयोग करके और Pub/Sub पैटर्न के बारे में जानें, गेम बनाने की तैयारी में	उन्नत गेम विकास का परिचय	Chris
16	स्पेस गेम	कैनवस पर चित्रण	स्क्रीन पर तत्वों को चित्रित करने के लिए उपयोग किए जाने वाले Canvas API के बारे में जानें	कैनवस पर चित्रण	Chris
17	स्पेस गेम	स्क्रीन के चारों ओर तत्वों को स्थानांतरित करना	कैसे तत्व कार्टेशियन निर्देशांक और Canvas API का उपयोग करके गति प्राप्त कर सकते हैं, यह खोजें	तत्वों को घूमाना	Chris
18	स्पेस गेम	टक्कर पहचान	कीप्रेस का उपयोग करके तत्वों को टकराना और एक-दूसरे पर प्रतिक्रिया देना और गेम के प्रदर्शन को सुनिश्चित करने के लिए एक शीतलन कार्य प्रदान करें	टक्कर पहचान	Chris
19	स्पेस गेम	स्कोर बनाये रखना	गेम की स्थिति और प्रदर्शन के आधार पर गणना करें	स्कोर बनाये रखना	Chris
20	स्पेस गेम	गेम को समाप्त करना और पुनः आरंभ करना	गेम समाप्त करने और पुनः आरंभ करने के बारे में जानें, जिसमें संसाधनों की सफाई और वेरिएबल मानों को रीसेट करना शामिल है	समाप्ति शर्त	Chris
21	बैंकिंग ऐप	एक वेब ऐप में HTML टेम्पलेट्स और रूट्स	रूटिंग और HTML टेम्पलेट्स का उपयोग करके एक बहुपृष्ठ वेबसाइट की संरचना बनाना सीखें	HTML टेम्पलेट्स और रूट्स	Yohan
22	बैंकिंग ऐप	लॉगिन और रजिस्ट्रेशन फ़ॉर्म बनाएं	फ़ॉर्म बनाने और वैधता प्रक्रियाओं को संभालने के बारे में जानें	फ़ॉर्म	Yohan
23	बैंकिंग ऐप	डेटा प्राप्त करने और उपयोग करने के तरीके	आपकी ऐप में डेटा कैसे आता और जाता है, इसे कैसे प्राप्त करें, स्टोर करें, और हटाएं	डेटा	Yohan
24	बैंकिंग ऐप	स्टेट प्रबंधन की अवधारणाएँ	आपकी ऐप स्टेट को कैसे बनाए रखती है और इसे प्रोग्रामिंग द्वारा कैसे प्रबंधित किया जाता है	स्टेट प्रबंधन	Yohan
25	ब्राउज़र/VSकोड कोड	VSकोड के साथ काम करना	कोड संपादक का उपयोग कैसे करें सीखें	VSकोड कोड संपादक का उपयोग	Chris
26	AI सहायक	AI के साथ काम करना	अपना खुद का AI सहायक कैसे बनाएं सीखें	AI सहायक परियोजना	Chris

🏫 शिक्षाशास्त्र

हमारा पाठ्यक्रम दो मुख्य शिक्षाशास्त्रीय सिद्धांतों के साथ डिजाइन किया गया है:

• परियोजना आधारित शिक्षण
• बार-बार क्विज़

यह कार्यक्रम जावास्क्रिप्ट, HTML, और CSS के मूल सिद्धांतों के साथ-साथ आज के वेब डेवलपर्स द्वारा उपयोग किए जाने वाले नवीनतम उपकरण और तकनीकों को सिखाता है। छात्र एक टाइपिंग गेम, वर्चुअल टेरियम, पर्यावरण अनुकूल ब्राउज़र एक्सटेंशन, स्पेस-इनवेडर शैली गेम, और व्यवसायों के लिए एक बैंकिंग ऐप बनाकर व्यावहारिक अनुभव प्राप्त करने का अवसर पाएंगे। सीरीज के अंत तक, छात्रों को वेब विकास की ठोस समझ हो जाएगी।

🎓 आप इस पाठ्यक्रम में पहली कुछ कक्षाएं Microsoft Learn पर एक Learn Path के रूप में ले सकते हैं!

परियोजनाओं के साथ सामग्री के संरेखण को सुनिश्चित करके, प्रक्रिया छात्रों के लिए और अधिक आकर्षक बनती है और अवधारणाओं के प्रतिधारण को बढ़ावा मिलेगा। हमने जावास्क्रिप्ट के मूल सिद्धांतों को परिचित कराने के लिए कई प्रारंभिक पाठ भी लिखे हैं, जिनके साथ "Beginners Series to: JavaScript" वीडियो ट्यूटोरियल संग्रह का एक वीडियो भी है, जिनमें से कुछ लेखक इस पाठ्यक्रम के योगदानकर्ताओं में हैं।

इसके अतिरिक्त, कक्षा से पहले एक कम जोखिम वाला क्विज़ छात्र की सीखने की इच्छा को स्थापित करता है, जबकि कक्षा के बाद दूसरा क्विज़ अवधारणाओं को और अधिक बनाए रखने में सहायता करता है। यह पाठ्यक्रम लचीला और मजेदार होने के लिए डिजाइन किया गया है और इसे पूरा या आंशिक रूप से लिया जा सकता है। परियोजनाएं छोटी शुरू होती हैं और 12 सप्ताह के अंत तक धीरे-धीरे अधिक जटिल हो जाती हैं।

जबकि हमने जावास्क्रिप्ट फ्रेमवर्क पेश करने से जानबूझकर बचा है ताकि वेब डेवलपर के रूप में आवश्यक मूल कौशल पर ध्यान केंद्रित किया जा सके, इस पाठ्यक्रम को पूरा करने का अगला अच्छा कदम Node.js के बारे में सीखना होगा, जो एक अन्य वीडियो संग्रह "Beginner Series to: Node.js" के माध्यम से है।

हमारे आचरण संहिता और योगदान दिशानिर्देश देखें। हम आपकी रचनात्मक प्रतिक्रिया का स्वागत करते हैं!

🧭 ऑफलाइन पहुँच

आप Docsify का उपयोग करके यह दस्तावेज़ ऑफलाइन चला सकते हैं। इस रिपो को फोर्क करें, अपनी लोकल मशीन पर Docsify स्थापित करें, और फिर इस रिपो के रूट फ़ोल्डर में docsify serve टाइप करें। वेबसाइट आपके लोकलहोस्ट पर पोर्ट 3000 पर सेवा करेगी: localhost:3000।

📘 पीडीएफ

सभी पाठों की एक पीडीएफ यहाँ उपलब्ध है।

🎒 अन्य पाठ्यक्रम

हमारी टीम अन्य कोर्स भी बनाती है! देखें:

LangChain

Azure / Edge / MCP / Agents

---

Generative AI Series

---

Core Learning

---

Copilot Series

मदद प्राप्त करना

यदि आप अटके हुए हैं या AI ऐप्स बनाने के संबंध में कोई प्रश्न है, तो MCP के बारे में चर्चा करने के लिए अन्य शिक्षार्थियों और अनुभवी डेवलपर्स के साथ जुड़ें। यह एक सहायक समुदाय है जहां प्रश्न स्वागत योग्य हैं और ज्ञान स्वतंत्र रूप से साझा किया जाता है।

यदि आपके पास उत्पाद प्रतिक्रिया है या निर्माण के दौरान कोई त्रुटि होती है तो जाएँ:

लाइसेंस

यह रिपॉजिटरी MIT लाइसेंस के तहत लाइसेंस प्राप्त है। अधिक जानकारी के लिए LICENSE फाइल देखें।

---

अस्वीकरण: यह दस्तावेज़ AI अनुवाद सेवा Co-op Translator का उपयोग करके अनूदित किया गया है। यद्यपि हम सटीकता के लिए प्रयासरत हैं, कृपया ध्यान दें कि स्वचालित अनुवादों में त्रुटियां या अशुद्धियां हो सकती हैं। मूल भाषा में दस्तावेज़ को प्राधिकृत स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए, पेशेवर मानव अनुवाद की सिफारिश की जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफ़हमी या गलत व्याख्या के लिए हम जिम्मेदार नहीं हैं।