Web-Dev-For-Beginners/translations/hi

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

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

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

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

📣 घोषणा - नया पाठ्यक्रम 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 बनाएगा।

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

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

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

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

   

   फिर, Visual Studio Code के भीतर टर्मिनल खोलें और निम्नलिखित कमांड चलाएं, <your-repository-url> को आपके द्वारा कॉपी किए गए URL से बदलें:

   git clone <your-repository-url>
   

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

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

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

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

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

क्विज़ के बारे में एक नोट: सभी क्विज़ Quiz-app फ़ोल्डर में हैं, कुल 48 क्विज़, प्रत्येक में तीन प्रश्न। वे पाठों के भीतर लिंक किए गए हैं। Quiz-app को स्थानीय रूप से चलाया जा सकता है या 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 की मूल बातें	Arrays और Loops	JavaScript में डेटा के साथ काम करने के लिए Arrays और Loops का उपयोग करें	Arrays और Loops	Jasmine
08	Terrarium	HTML का अभ्यास	ऑनलाइन टेरारियम बनाने के लिए HTML बनाएं, लेआउट बनाने पर ध्यान केंद्रित करें	HTML का परिचय	Jen
09	Terrarium	CSS का अभ्यास	ऑनलाइन टेरारियम को स्टाइल करने के लिए CSS बनाएं, CSS की मूल बातें सहित पेज को उत्तरदायी बनाने पर ध्यान केंद्रित करें	CSS का परिचय	Jen
10	Terrarium	JavaScript क्लोजर, DOM मैनिपुलेशन	टेरारियम को ड्रैग/ड्रॉप इंटरफेस के रूप में कार्य करने के लिए JavaScript बनाएं, क्लोजर और DOM मैनिपुलेशन पर ध्यान केंद्रित करें	JavaScript क्लोजर, DOM मैनिपुलेशन	Jen
11	Typing Game	टाइपिंग गेम बनाएं	अपने JavaScript ऐप के लॉजिक को चलाने के लिए कीबोर्ड इवेंट्स का उपयोग करना सीखें	इवेंट-ड्रिवन प्रोग्रामिंग	Christopher
12	Green Browser Extension	ब्राउज़र के साथ काम करना	जानें कि ब्राउज़र कैसे काम करते हैं, उनका इतिहास, और ब्राउज़र एक्सटेंशन के पहले तत्वों को कैसे तैयार करें	About Browsers	Jen
13	Green Browser Extension	फॉर्म बनाना, API कॉल करना और वेरिएबल्स को लोकल स्टोरेज में स्टोर करना	अपने ब्राउज़र एक्सटेंशन के जावास्क्रिप्ट तत्वों को बनाएं ताकि लोकल स्टोरेज में स्टोर वेरिएबल्स का उपयोग करके API कॉल कर सकें	APIs, Forms, and Local Storage	Jen
14	Green Browser Extension	ब्राउज़र में बैकग्राउंड प्रोसेस, वेब परफॉर्मेंस	ब्राउज़र के बैकग्राउंड प्रोसेस का उपयोग करके एक्सटेंशन के आइकन को प्रबंधित करें; वेब परफॉर्मेंस और कुछ ऑप्टिमाइज़ेशन के बारे में जानें	Background Tasks and Performance	Jen
15	Space Game	जावास्क्रिप्ट के साथ अधिक उन्नत गेम डेवलपमेंट	गेम बनाने की तैयारी में क्लास और कंपोज़िशन दोनों का उपयोग करके इनहेरिटेंस और पब/सब पैटर्न के बारे में जानें	Introduction to Advanced Game Development	Chris
16	Space Game	कैनवास पर ड्रॉ करना	Canvas API के बारे में जानें, जिसका उपयोग स्क्रीन पर तत्वों को ड्रॉ करने के लिए किया जाता है	Drawing to Canvas	Chris
17	Space Game	स्क्रीन पर तत्वों को मूव करना	जानें कि कैसे तत्वों को कार्टेशियन कोऑर्डिनेट्स और Canvas API का उपयोग करके गति दी जा सकती है	Moving Elements Around	Chris
18	Space Game	टकराव का पता लगाना	तत्वों को टकराने और एक-दूसरे पर प्रतिक्रिया देने के लिए बनाएं, कीप्रेस का उपयोग करें और गेम की परफॉर्मेंस सुनिश्चित करने के लिए कूलडाउन फंक्शन प्रदान करें	Collision Detection	Chris
19	Space Game	स्कोर रखना	गेम की स्थिति और परफॉर्मेंस के आधार पर गणितीय गणना करें	Keeping Score	Chris
20	Space Game	गेम को समाप्त करना और पुनः शुरू करना	गेम को समाप्त करने और पुनः शुरू करने के बारे में जानें, जिसमें एसेट्स को साफ करना और वेरिएबल्स के मानों को रीसेट करना शामिल है	The Ending Condition	Chris
21	Banking App	एक वेब ऐप में HTML टेम्पलेट्स और रूट्स	रूटिंग और HTML टेम्पलेट्स का उपयोग करके एक मल्टीपेज वेबसाइट की संरचना तैयार करना सीखें	HTML Templates and Routes	Yohan
22	Banking App	लॉगिन और रजिस्ट्रेशन फॉर्म बनाना	फॉर्म बनाने और वेलिडेशन रूटीन को संभालने के बारे में जानें	Forms	Yohan
23	Banking App	डेटा को प्राप्त करने और उपयोग करने के तरीके	जानें कि आपका ऐप डेटा को कैसे प्राप्त करता है, स्टोर करता है, और उसे डिस्पोज़ करता है	Data	Yohan
24	Banking App	स्टेट मैनेजमेंट की अवधारणाएं	जानें कि आपका ऐप स्टेट को कैसे बनाए रखता है और इसे प्रोग्रामेटिक रूप से कैसे प्रबंधित किया जा सकता है	State Management	Yohan

🏫 शिक्षण पद्धति

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

• प्रोजेक्ट-आधारित शिक्षा
• बार-बार क्विज़

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

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

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

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

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

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

🧭 ऑफ़लाइन एक्सेस

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

📘 पीडीएफ

सभी पाठों की एक पीडीएफ यहां पाई जा सकती है।

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

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

• Generative AI for Beginners
• Generative AI for Beginners .NET
• Generative AI with JavaScript
• Generative AI with Java
• AI for Beginners
• Data Science for Beginners
• ML for Beginners
• Cybersecurity for Beginners
• Web Dev for Beginners
• IoT for Beginners
• XR Development for Beginners
• Mastering GitHub Copilot for Agentic use
• Mastering GitHub Copilot for C#/.NET Developers
• Choose Your Own Copilot Adventure

लाइसेंस

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

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