मोज़िला डेवलपर नेटवर्क (MDN): बेस्ट टूल्स और गाइड्स के साथ शुरुआत करें

प्रकटीकरण: आपका समर्थन साइट को चालू रखने में मदद करता है! हम इस पृष्ठ पर हमारे द्वारा सुझाई गई कुछ सेवाओं के लिए एक रेफरल शुल्क कमाते हैं.


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

इसके अलावा, मोज़िला डेवलपर नेटवर्क में एक ब्लॉग और एक आईआरसी चैनल सहित कई सामाजिक और सहयोगी सेवाएं हैं। सदस्यों को जुड़ने, शामिल होने और मोज़िला की कई ओपन सोर्स परियोजनाओं में योगदान करने के लिए आमंत्रित किया जाता है.

क्या है मोज़िला?

मोज़िला एक गैर-लाभकारी संगठन है जो अपने ओपन सोर्स ब्राउज़र, फ़ायरफ़ॉक्स के लिए जाना जाता है। संगठन ने 1990 के दशक के उत्तरार्ध में जीवन शुरू किया, जब नेटस्केप ने अपना वेब ब्राउज़र, नेटस्केप कम्युनिकेटर मुक्त किया। सबसे पहले, मोज़िला ऑर्गेनाइज़ेशन सिर्फ एक छोटी सी टीम थी, जिसमें ज्यादातर नेटस्केप के अंदर थे, इस नए ओपन सोर्स ब्राउज़र के विकास के प्रबंधन का काम। 2003 में, गैर-लाभकारी मोज़िला फाउंडेशन का गठन किया गया था। एओएल (नेटस्केप की मूल कंपनी) ने प्रासंगिक बौद्धिक संपदा को नींव में स्थानांतरित कर दिया, कर्मचारी समय के लिए भुगतान किया और $ 2 मिलियन का दान दिया.

मोज़िला ने फ़ायरफ़ॉक्स ब्राउज़र का विकास और सुधार जारी रखा है, लेकिन साथ ही इसके दायरे का भी विस्तार किया है। उनका मिशन “सभी के लिए इंटरनेट की स्वतंत्रता की रक्षा करना” है। वे कई तरह के प्लेटफ़ॉर्म के लिए ओपन सोर्स ब्राउज़र प्रदान करने, सार्वजनिक नीति के लिए स्वतंत्र और खुले इंटरनेट के साथ संगत होने, पूरे उद्योग में खुले वेब मानकों को बढ़ावा देने और अपने मोज़िला डेवलपर नेटवर्क के माध्यम से डेवलपर्स को शिक्षित करने सहित कई तरीकों से ऐसा करते हैं।.

प्रलेखन और ट्यूटोरियल

एमडीएन के काम का एक बड़ा हिस्सा वेब प्रौद्योगिकियों पर व्यापक प्रलेखन प्रदान कर रहा है। उनके पास एचटीएमएल पर उपलब्ध सबसे संपूर्ण संदर्भ है जो एचटीएमएल तत्वों, ब्राउज़र एपीआई, वेब सॉकेट, ऑफलाइन स्टोरेज, और आधुनिक वेब के हर दूसरे विवरण का विवरण देने वाले सैकड़ों पृष्ठों के साथ उपलब्ध है।.

जावास्क्रिप्ट और सीएसएस जैसी अन्य मूलभूत वेब तकनीकों के लिए डेवलपर प्रलेखन और ट्यूटोरियल भी हैं, साथ ही एक्सेसबिलिटी, वेब सुरक्षा, वेब ऐप विकास और कई अन्य विषयों के लिए डेवलपर गाइड भी हैं।.

ये सभी प्रलेखन और ट्यूटोरियल परियोजनाएं – स्वयं की परियोजनाओं के लिए उनके प्रलेखन सहित – का उद्देश्य विकास के लिए खुले वेब मानकों के उपयोग को बढ़ावा देना है। उनकी सामग्री सभी स्तरों के डेवलपर्स के उद्देश्य से है; HTML5 में गेम बनाने के लिए ट्यूटोरियल के लिए HTML के लिए एक अत्यंत बुनियादी परिचय से। इसके अतिरिक्त, साइट के अधिकांश पृष्ठों को कई अलग-अलग भाषाओं में अनुवादित किया जाता है, जिससे एमडीएन को दुनिया भर में खुले वेब विकास प्रथाओं को पढ़ाने की अनूठी क्षमता मिलती है।.

डेवलपर उपकरण

वेब प्रौद्योगिकियों पर गहराई से प्रलेखन प्रदान करने के अलावा, एमडीएन कई उच्च गुणवत्ता वाले, मुफ्त और खुले विकास विकास उपकरणों के विकास के माध्यम से वेब श्रमिकों की मदद करता है। ये उपकरण फ़ायरफ़ॉक्स ब्राउज़र प्रोजेक्ट का हिस्सा हैं, और ज्यादातर फ़ायरफ़ॉक्स ब्राउज़र में निर्मित (या इसके साथ उपयोग किए जाते हैं) हैं.

फ़ायरफ़ॉक्स डेवलपर उपकरण बहुत सारे हैं। यहां कुछ हाईलाइट्स हैं:

  • स्क्रैचपैड आपको जावास्क्रिप्ट के साथ प्रयोग करने देता है, एक छोटा जेएस कोड संपादक प्रदान करता है। स्क्रैडपैड में लिखे कोड को वर्तमान वेब पेज में निष्पादित किया जाता है.
  • स्टाइल एडिटर समान है, जो आपको किसी वेब साइट पर किसी भी सीएसएस को जोड़ने, संपादित करने या हटाने की अनुमति देता है.
  • शेडर संपादक आपको वेबलॉग जावास्क्रिप्ट ग्राफिक्स रेंडरिंग लाइब्रेरी द्वारा उपयोग किए गए वर्टेक्स और टुकड़ा शेड्स को संपादित करने देता है.
  • पेज इंस्पेक्टर आपको किसी पृष्ठ के स्रोत HTML को आसानी से संपादित और संशोधित करने की अनुमति देता है.
  • वेब कंसोल पेज रेंडरिंग के दौरान प्रदर्शन और त्रुटि लॉग तक पहुंच प्रदान करता है, और उपयोगकर्ताओं को जावास्क्रिप्ट की मनमानी लाइनों को निष्पादित करने की अनुमति देता है; इसी तरह, ब्राउज़र कंसोल केवल एक वेब पेज के बजाय ब्राउज़र के लिए पूरी जानकारी प्रदान करता है.
  • डीबगर आपको एक समय में जावास्क्रिप्ट के माध्यम से एक कदम रखने देता है, जिससे आपको पता चलता है कि बग्स कहां हैं.
  • नेटवर्क मॉनिटर ब्राउज़र द्वारा किए गए सभी अनुरोधों, प्रतिक्रिया, त्रुटि और प्रदर्शन की जानकारी दिखा रहा है.
  • स्टोरेज इंस्पेक्टर कई प्रकार के ब्राउज़र स्टोरेज को एक्सेस और मैनिपुलेट करने का एक तरीका प्रदान करता है, जैसे कैश, कुकीज, लोकल स्टोरेज, सेशन स्टोरेज और इंडेक्सडीडीबी.
  • DOM प्रॉपर्टी व्यूअर आपको डॉक्यूमेंट ऑब्जेक्ट मॉडल (सक्रिय मेमोरी में वेब पेज के ब्राउज़र का आंतरिक प्रतिनिधित्व) को एक विस्तार योग्य पेड़ संरचना के रूप में देखने की अनुमति देता है, और प्रत्येक DOM तत्व के गुणों का पता लगाता है.
  • आईड्रॉपर फ़ोटोशॉप और अन्य ग्राफिक्स कार्यक्रमों में आईड्रॉपर टूल की तरह काम करता है, जिससे आपको ब्राउज़र में किसी भी पिक्सेल का सटीक रंग मिल सकता है.
  • स्रोत देखें आप वर्तमान पृष्ठ के कच्चे HTML स्रोत को देख सकते हैं.
  • उत्तरदायी डिजाइन मोड स्वचालित रूप से छोटे स्क्रीन आकार जैसे कि फोन, टैबलेट और अन्य उपकरणों पर पाए जाने के लिए व्यूपोर्ट को कई पूर्व-निर्धारित या कस्टम आकारों में बदल देता है।.
  • पेंट फ्लैशिंग टूल व्यू पोर्ट के उन हिस्सों को हाइलाइट करता है, जो किसी इनपुट के जवाब में रिपिट (री-रेंडर) होने होते हैं.
  • ब्राउज़र टूलबॉक्स वेब पेजों के लिए डिज़ाइन किए गए डेवलपर टूल को ब्राउज़र और संपूर्ण ब्राउज़र प्लग-इन और ऐड-ऑन के रूप में लागू करना संभव बनाता है.
  • प्रदर्शन टूल साइट की जवाबदेही और गति के बारे में विस्तृत जानकारी प्रदान करता है। इसमें वेबसाइट प्रदर्शन के विभिन्न पहलुओं को देखने के लिए कई सबटूल शामिल हैं:
    • जलप्रपात लोड और रेंडरिंग समय पर आपके ब्राउज़र की गतिविधि का एक दृश्य दिखाता है.
    • कॉल ट्री सांख्यिकीय विश्लेषण का उपयोग करता है यह निर्धारित करने के लिए कि कौन से जावास्क्रिप्ट कार्यों ने सबसे अधिक कंप्यूटिंग समय का उपभोग किया.
    • फ्लेम चार्ट कॉल ट्री के रूप में उसी डेटासेट का उपयोग करता है जो कालानुक्रमिक रूप से ऑर्डर किए गए रीडआउट प्रदान करने के लिए होता है, जब जावास्क्रिप्ट फ़ंक्शन निष्पादित किए जा रहे थे.
    • आवंटन से पता चलता है कि निष्पादन के दौरान प्रत्येक जावास्क्रिप्ट फ़ंक्शन को कितनी मेमोरी आवंटित की जा रही है.
  • वेबाइड फ़ायरफ़ॉक्स ओएस के लिए निर्मित मोबाइल एप्लिकेशन के निर्माण, परीक्षण और डीबगिंग के लिए एक एकीकृत विकास वातावरण है। इसके अतिरिक्त, WebIDE मोबाइल वेब ब्राउज़रों के साथ अन्य फ़ायरफ़ॉक्स विकास साधनों का उपयोग करना संभव बनाता है.

इन विकास साधनों को बढ़ाया जा सकता है, और एमडीएन विस्तार विकास के लिए एक ऐड-ऑन एसडीके प्रदान करता है। एक्सटेंशन को वेब भाषाओं (HTML, CSS, जावास्क्रिप्ट) में लिखा जा सकता है। एसडीके ब्राउज़र के लगभग हर पहलू के लिए जावास्क्रिप्ट एपीआई प्रदान करता है.

फ़ायरफ़ॉक्स डेवलपर संस्करण

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

एमडीएन समुदाय के साथ जुड़ना

मोज़िला डेवलपर नेटवर्क संसाधनों का एक समूह नहीं है, और मोज़िला फाउंडेशन केवल एक गैर-लाभकारी संगठन नहीं है। मोज़िला एक विश्व-व्यापी समुदाय है, जिसमें फाउंडेशन द्वारा नियोजित कोर डेवलपर्स से, पृष्ठों का अनुवाद करने वाले या टाइप करने वाले स्वयंसेवकों की एक विस्तृत श्रृंखला शामिल है।.

कनेक्ट करने और शामिल करने के बहुत सारे तरीके हैं:

  • मोज़िला समुदाय के सदस्यों के साथ चैट करने के लिए मोज़िला आईआरसी सर्वर सबसे सक्रिय स्थानों में से एक है। वे विभिन्न विषयों के लिए कई चैनल चलाते हैं। यदि आप अपना रास्ता ढूंढ रहे हैं, तो आप #newbies को आज़माना चाहते हैं.
  • मोज़िला विकी एक समुदाय द्वारा बनाई गई साइट है जिसमें मोज़िला से संबंधित सभी चीजों की जानकारी है.
  • मोज़िला डेवलपर नेटवर्क साइट पर लगभग हर पृष्ठ समुदाय-संपादित है। यदि आपको एक टाइपो, या एक जगह दिखाई देती है जिसे बेहतर बनाया जा सकता है, तो आप एक खाते के लिए साइन अप कर सकते हैं और चीजों को ठीक करने में सही हो सकते हैं। हालांकि, संपादकीय समीक्षा पहले कैसे करें, इस पर ज़रूर पढ़ें.
  • यदि आप मोज़िला के किसी भी उपकरण के लिए एक डेवलपर के रूप में योगदान करना चाहते हैं, तो आप उपयुक्त गिटहब पृष्ठ पा सकते हैं और आरंभ कर सकते हैं.
  • आप मोज़िला के साथ नौकरी भी देख सकते हैं या स्वयंसेवक बन सकते हैं.

सारांश

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

आगे पढ़ना और संसाधन

हमारे पास कोडिंग और विकास से संबंधित अधिक गाइड, ट्यूटोरियल और इन्फोग्राफिक्स हैं:

  • अच्छा HTML और मान्यताओं की रचना: वेब पर जानकारी प्रस्तुत करने की मूल बातें.
  • जावास्क्रिप्ट का एक परिचय: दुनिया में सबसे लोकप्रिय प्रोग्रामिंग भाषा, अब सर्वर साइड पर भी उपयोग की जाती है.
  • CSS3 – इंट्रो, मार्गदर्शिकाएँ, और संसाधन: सभी आधुनिक वेबपृष्ठ कैसे प्रदर्शित किए जाते हैं.

आपको क्या कोड सीखना चाहिए?

किस प्रोग्रामिंग भाषा में आपको कोड करना सीखना चाहिए? हमारे इन्फोग्राफिक की जाँच करें, आपको क्या कोड सीखना चाहिए? यह न केवल भाषाओं के विभिन्न पहलुओं पर चर्चा करता है, यह महत्वपूर्ण सवालों के जवाब देता है जैसे, “मैं एक जीवन के लिए प्रोग्रामिंग जावा को कितने पैसे कमाऊंगा?”

आपको क्या कोड सीखना चाहिए?
आपको क्या कोड सीखना चाहिए?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me