Web-Dev-For-Beginners/translations/hi

शुरुआती लोगों के लिए वेब डेवलपमेंट - एक पाठ्यक्रम

माइक्रोसॉफ्ट क्लाउड एडवोकेट्स द्वारा हमारे 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 एक्शन के माध्यम से समर्थित (स्वचालित एवं हमेशा अपडेट रहता है)

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'

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

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

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

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

📣 घोषणा - नई GitHub Copilot एजेंट मोड चुनौतियाँ पूरी करें!

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

📣 घोषणा - जनरेटिव AI का उपयोग करते हुए नया प्रोजेक्ट बनाएं

नया AI असिस्टेंट प्रोजेक्ट हाल ही में जोड़ा गया है, इसे देखें project

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

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

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

• मूल बातें से लेकर RAG तक सब विषय को कवर करने वाले पाठ।
• GenAI और हमारे सहायक ऐप के माध्यम से ऐतिहासिक पात्रों के साथ बातचीत करें।
• मज़ेदार और आकर्षक कथा, आप समय यात्रा करेंगे!

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

• प्रॉम्प्टिंग और प्रॉम्प्ट इंजीनियरिंग
• टेक्स्ट और इमेज ऐप निर्माण
• खोज ऐप्स

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

🌱 शुरूआत

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

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

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

अपनी शिक्षा को आगे बढ़ाने के लिए, हम अतिरिक्त अध्ययन सामग्री के लिए 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 बनेगा जिसमें आप काम कर सकते हैं।

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

इस पाठ्यक्रम को अपने कंप्यूटर पर चलाने के लिए, आपको एक टेक्स्ट एडिटर, एक ब्राउज़र और एक कमांड लाइन टूल की आवश्यकता होगी। हमारा पहला पाठ, Introduction to Programming Languages and Tools of the Trade, आपको इन टूल्स के विभिन्न विकल्पों के बारे में मार्गदर्शन करेगा ताकि आप अपने लिए सबसे अच्छा चुन सकें।

हमारा सुझाव है कि आप Visual Studio Code का उपयोग करें, जो एक अंतर्निर्मित Terminal भी प्रदान करता है। आप 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 - कोड तेज़ी से लिखने में मदद करने के लिए

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

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

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

🗃️ पाठ

	प्रोजेक्ट का नाम	सिखाए गए विषय	सीखने के उद्देश्य	लिंक किया गया पाठ	लेखक
01	शुरुआत करना	प्रोग्रामिंग और उपयोगी उपकरणों का परिचय	अधिकांश प्रोग्रामिंग भाषाओं के मूल तत्व सीखें और उन सॉफ्टवेयर के बारे में जानें जो पेशेवर डेवलपर्स को उनके काम में मदद करते हैं	प्रोग्रामिंग भाषाओं और उपकरणों का परिचय	Jasmine
02	शुरुआत करना	GitHub का मूल स्वरूप, टीम के साथ काम करना	अपने प्रोजेक्ट में GitHub का उपयोग करना सीखें, एक कोड बेस पर दूसरों के साथ सहयोग कैसे करें	GitHub का परिचय	Floor
03	शुरुआत करना	पहुँच योग्यता	वेब पहुँच के मूल बातें सीखें	पहुँच योग्यता के मूल सिद्धांत	Christopher
04	JS बुनियादी बातें	JavaScript डेटा प्रकार	JavaScript डेटा प्रकारों का मूल ज्ञान	डेटा प्रकार	Jasmine
05	JS बुनियादी बातें	फ़ंक्शन और मेथड्स	एप्लिकेशन के लॉजिक फ्लो को प्रबंधित करने के लिए फ़ंक्शन और मेथड्स के बारे में सीखें	फ़ंक्शन और मेथड्स	Jasmine और Christopher
06	JS बुनियादी बातें	JS के साथ निर्णय लेना	निर्णय-लेने के तरीके उपयोग करके अपने कोड में शर्तें बनाना सीखें	निर्णय लेना	Jasmine
07	JS बुनियादी बातें	एरे और लूप	JavaScript में डेटा के साथ काम करने के लिए एरे और लूप का उपयोग करें	एरे और लूप	Jasmine
08	Terrarium	HTML का अभ्यास	एक ऑनलाइन टेरारीयम बनाने के लिए HTML बनाएं, लेआउट बनाने पर ध्यान केंद्रित करें	HTML का परिचय	Jen
09	Terrarium	CSS का अभ्यास	ऑनलाइन टेरारीयम को स्टाइल करने के लिए CSS बनाएं, CSS के मूल सिद्धांतों के साथ पेज को प्रतिक्रियाशील बनाएं	CSS का परिचय	Jen
10	Terrarium	JavaScript क्लोज़र, DOM मैनिपुलेशन	टेरारीयम को ड्रैग/ड्रॉप इंटरफेस के रूप में कार्य करने के लिए JavaScript बनाएं, क्लोज़र और DOM मैनिपुलेशन पर ध्यान केंद्रित करें	JavaScript क्लोज़र, DOM मैनिपुलेशन	Jen
11	टाइपिंग गेम	टाइपिंग गेम बनाना	अपने JavaScript ऐप की लॉजिक चलाने के लिए कीबोर्ड ईवेंट का उपयोग करना सीखें	ईवेंट-ड्रिवन प्रोग्रामिंग	Christopher
12	ग्रीन ब्राउज़र एक्सटेंशन	ब्राउज़र के साथ काम करना	ब्राउज़र कैसे काम करते हैं, उनका इतिहास और एक ब्राउज़र एक्सटेंशन के पहले तत्वों का आधार बनाना सीखें	ब्राउज़र के बारे में	Jen
13	ग्रीन ब्राउज़र एक्सटेंशन	फॉर्म बनाना, API कॉल करना और स्थानीय स्टोरेज में वेरिएबल्स स्टोर करना	API कॉल करने के लिए अपने ब्राउज़र एक्सटेंशन के JavaScript तत्व बनाएं, स्थानीय स्टोरेज में रखें गए वेरिएबल्स का उपयोग करें	API, फॉर्म, और स्थानीय स्टोरेज	Jen
14	ग्रीन ब्राउज़र एक्सटेंशन	ब्राउज़र में पृष्ठभूमि प्रक्रियाएं, वेब प्रदर्शन	एक्सटेंशन के आइकन को प्रबंधित करने के लिए ब्राउज़र की पृष्ठभूमि प्रक्रियाओं का उपयोग करें; वेब प्रदर्शन और कुछ अनुकूलन सीखें	पृष्ठभूमि कार्य और प्रदर्शन	Jen
15	स्पेस गेम	JavaScript के साथ अधिक उन्नत गेम विकास	क्लासेज और कम्पोजीशन दोनों का उपयोग करके इनहेरिटेंस और 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	Browser/VScode Code	VScode के साथ काम करना	कोड संपादक का उपयोग करना सीखें	VScode कोड संपादक का उपयोग	Chris
26	AI सहायक	AI के साथ काम करना	अपना AI सहायक बनाना सीखें	AI सहायक प्रोजेक्ट	Chris

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

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

• प्रोजेक्ट-आधारित सीखना
• नियमित क्विज़

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

🎓 आप माइक्रोसॉफ्ट लर्न पर इस पाठ्यक्रम की पहली कुछ कक्षाएँ Lear Path के रूप में ले सकते हैं!

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

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

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

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

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

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

📘 पीडीएफ

सभी पाठों का PDF यहाँ पाया जा सकता है।

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

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

LangChain

Azure / Edge / MCP / Agents

---

Generative AI Series

---

Core Learning

---

Copilot Series

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

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

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

लाइसेंस

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

---

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