इस पोस्ट में, हमें Chrome एक्सटेंशन के शुरू करने के अनुभव में हुए कुछ ज़रूरी सुधारों के बारे में बताते हुए खुशी हो रही है. साथ ही, हम आपको इस सुविधा का हिस्सा बनने के कुछ तरीके बता रहे हैं.
पुरानी गाइड
पहले, Chrome एक्सटेंशन को शुरू करने का ट्यूटोरियल एक बेसिक एक्सटेंशन का उदाहरण था. इससे, उपयोगकर्ता के एक्सटेंशन पॉप-अप में मौजूद किसी बटन पर क्लिक करने पर, मौजूदा पेज के बैकग्राउंड का रंग बदल जाता था. इसमें एक विकल्प पेज भी शामिल है जहां से आप चार में से कोई एक रंग चुन सकते हैं.
इस सामान्य उदाहरण में, असल दुनिया के एक्सटेंशन में दिखने वाली लोकप्रिय सुविधाओं को जोड़ने का तरीका नहीं बताया गया था. अब समय है सुधार का.
नया तरीका
हम जानते हैं कि डेवलपर, Chrome एक्सटेंशन को सीखने के अपने सफ़र की शुरुआत करने के लिए, हमारे दस्तावेज़ों पर भरोसा करते हैं. हमारा लक्ष्य ऐसा पाथ उपलब्ध कराना है जो आसानी से उपलब्ध हो, नए उपयोगकर्ताओं के लिए आसान हो, और उनके काम का हो. ट्यूटोरियल के मौजूदा उदाहरण को बेहतर बनाने के बजाय, हमने नए सिरे से शुरुआत करने का फ़ैसला किया है.
पेश है नया और बेहतर 'शुरू करें' कलेक्शन:
- एक्सटेंशन 101
- Chrome एक्सटेंशन डेवलपमेंट से जुड़े कुछ बुनियादी सिद्धांतों के बारे में कम शब्दों में जानकारी देता है. जैसे, वेब टेक्नोलॉजी और आम तौर पर इस्तेमाल किए जाने वाले एक्सटेंशन कॉम्पोनेंट. इसके अलावा, इसमें यह भी शामिल है कि Chrome Web Store में किसी एक्सटेंशन को डिज़ाइन और डिस्ट्रिब्यूट करते समय आपको किन बातों का ध्यान रखना चाहिए.
- डेवलपमेंट की बुनियादी बातें
- नमस्ते, एक्सटेंशन का उदाहरण बनाकर, एक्सटेंशन डेवलपमेंट वर्कफ़्लो के बारे में बताता है. इसमें, डेवलपमेंट के दौरान एक्सटेंशन लोड करने, लॉग और गड़बड़ियों का पता लगाने, प्रोजेक्ट का स्ट्रक्चर चुनने, और टाइपस्क्रिप्ट का इस्तेमाल करने के बारे में बताया जाता है.
- पढ़ने के समय से जुड़ा ट्यूटोरियल
- यह जानना अच्छा है कि किसी लेख को पूरा पढ़ने में हमें कितना समय लगेगा. रीडिंग टाइम की मदद से, आपको हर एक्सटेंशन दस्तावेज़ पेज पर, पढ़ने में लगने वाले अनुमानित समय वाले एलिमेंट को शामिल करने का तरीका बताया जाता है.
- फ़ोकस मोड का ट्यूटोरियल
- पेज से ग़ैर-ज़रूरी चीज़ें हटाने से, हमारा दिमाग सबसे काम की जानकारी पर ज़्यादा ध्यान दे पाता है. फ़ोकस मोड से पता चलता है कि पेज की स्टाइल को कैसे बदला जा सकता है और ध्यान भटकाने वाले कुछ एलिमेंट को कैसे छिपाया जा सकता है.
- Tabs Manager का ट्यूटोरियल
- एक्सटेंशन डेवलपमेंट के दौरान, आपको एक से ज़्यादा विंडो में कई दस्तावेज़ टैब मिल सकते हैं. टैब मैनेजर, आपके Chrome एक्सटेंशन और Chrome वेब स्टोर के दस्तावेज़ टैब व्यवस्थित करता है.
इन ट्यूटोरियल से, आपको न सिर्फ़ असल दुनिया के एक्सटेंशन बनाने का तरीका सिखाया जाता है, बल्कि अपने ऐप्लिकेशन को डेवलप करने के बारे में सलाह और सबसे सही तरीके भी शेयर किए जाते हैं. इसके अलावा, इन एक्सटेंशन का इस्तेमाल करने से, एक्सटेंशन के दस्तावेज़ पढ़ते समय आपको बेहतर अनुभव मिलेगा.
इसके बाद क्या
हर ट्यूटोरियल में नीचे दिए गए सेक्शन शामिल होते हैं:
- वह टास्क जिसे एक्सटेंशन पूरा करेगा.
- जिन लेसन के बारे में बताया जाएगा.
- शुरू करने से पहले आपको क्या जानने की ज़रूरत है.
- एक्सटेंशन बनाने के लिए सिलसिलेवार निर्देश.
- एक्सटेंशन को लोड करने और उसकी जांच करने का तरीका.
अगर आपको चुनौती मिलनी है, तो हमने एक सेक्शन शामिल किया है. इस सेक्शन में, एक्सटेंशन को पसंद के मुताबिक बनाने या उसमें अन्य सुविधाओं को जोड़ने के तरीके से जुड़े कुछ आइडिया दिए गए हैं.
हमें आपकी मदद चाहिए
आपका जवाब पाकर हमें खुशी हुई! अगर आपको इन गाइड में कुछ गलत दिखता है या कुछ साफ़ नहीं दिखता है, तो कृपया GitHub के डेटा स्टोर करने की जगह पर गड़बड़ी की शिकायत करें.
हमें लगता है कि पुरानी गाइड की तुलना में यह नई गाइड काफ़ी बेहतर है. हालांकि, हम इस दिशा में काम करते रहेंगे, ताकि सभी एक्सटेंशन डेवलपर को बेहतर सेवा देने के लिए, हम अपने दस्तावेज़ को बेहतर बनाने और उसे ज़्यादा लोगों तक पहुंचाने के लिए लगातार काम करते रहेंगे.
Unsplash पर वर्दन पपिक्यान की फ़ोटो