[बुकमार्क] वेब डेवलपर उत्पादकता बढ़ाने वाले ९ उपकरण

इंटरनेट केवल एक जगह नहीं है जहाँ आप प्रोग्राम करना सीख सकते हैं। कई उपयोगी ऑनलाइन टूल हैं जो डेवलपर को परियोजना के विभिन्न चरणों में मदद कर सकते हैं और इस तरह थोड़ा समय बचा सकते हैं।



लेख के लेखक, जिसका अनुवाद हम आज प्रकाशित कर रहे हैं, ने 9 ऐसे उपकरणों का चयन किया।

1. मैं उपयोग कर सकते हैं?

यदि आपने कभी सोचा है कि कोई एपीआई (उदाहरण के लिए, localStorage ) एक निश्चित ब्राउज़र के साथ संगत है, तो इसका मतलब है कि कैन आई यूज़ साइट आपके लिए उपयोगी है। इसमें निरंतर अद्यतन जानकारी होती है कि कौन सी प्रौद्योगिकियाँ डेस्कटॉप और मोबाइल ब्राउज़र का समर्थन करती हैं।


विभिन्न ब्राउज़रों के लिए लोकलस्टोरेज सपोर्ट का परीक्षण

2. अनमना करना

Unminify.com संसाधन एक नि: शुल्क ऑनलाइन टूल है, जो अशुद्धि जाँच (unpacking, deobfuscating) जावास्क्रिप्ट, सीएसएस, और HTML कोड के लिए है। यह आपको एक पढ़ने योग्य कोड में एक छोटा कोड बदलने की अनुमति देता है। यह कोड को पठनीय बनाने के लिए सबसे व्यापक रूप से उपयोग किए जाने वाले संसाधनों में से एक है।

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


Unminify.com संसाधन

3. कंप्रेसर

वेब पेज लोड करते समय छवि फ़ाइल का आकार एक महत्वपूर्ण योगदान दे सकता है।

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


संसाधन कंप्रेसर .io

4. बादल

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


AWS का उपयोग करके क्लाउड आर्किटेक्चर के लिए योजना

5. प्रतिकृति

Repl.it पर, आप एक महान ऑनलाइन IDE पा सकते हैं। शायद - बस, जिसे आप ढूंढ रहे हैं। यहां, केवल कुछ सेकंड में, आप लगभग किसी भी प्रोग्रामिंग भाषा या प्रौद्योगिकी स्टैक के लिए डिज़ाइन किए गए विकास परिवेश तक पहुंच सकते हैं।

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

संसाधन आपको प्रोजेक्ट के कोड वाले काम के माहौल के लिंक साझा करने की अनुमति देता है।


Node.js पर्यावरण में अनुप्रयोग विकास को व्यक्त करें

6. बिनती

RequestBin प्रोजेक्ट, डेवलपर को HTTP एंडपॉइंट्स तक पहुंच प्रदान करता है जो उन्हें भेजे गए सभी अनुरोधों को एकत्र कर सकता है। यह आपको इस तरह के अनुरोधों का विश्लेषण करने, उन्हें जांचने और उन्हें हस्तांतरित डेटा की अनुमति देता है।

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


POST अनुरोध में समापन बिंदु द्वारा प्राप्त डेटा

7. वेब कोड

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

यह टूल उन वेब डेवलपर्स के लिए बहुत उपयोगी हो सकता है जो HTML और CSS के कुछ पहलुओं से विशेष रूप से परिचित नहीं हैं।


CSS कोड बनाना जो आपको किसी तत्व की सीमाओं को विभिन्न तरीकों से अनुकूलित करने की अनुमति देता है

8. बंडलफोबिया

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

बंडलफोबिया संसाधन को डेवलपर्स का विश्लेषण करने में मदद करने के लिए डिज़ाइन किया गया है कि एक एनपीएम पैकेज किसी एप्लिकेशन के बिल्ड आकार को कैसे बढ़ा सकता है।

आप इस साइट पर package.json फ़ाइल डाउनलोड कर सकते हैं और परियोजना में प्रयुक्त संकुल का सारांश प्राप्त कर सकते हैं। यहां आप एक अलग पैकेज के बारे में विवरण पा सकते हैं।


Pdfmake लाइब्रेरी आकार का चित्र

9. फ़िंगरप्रिंट.जेएस

इन दिनों आप आश्चर्यचकित होंगे कि किसी वेबसाइट के माध्यम से अद्वितीय ब्राउज़र पहचानकर्ताओं को इकट्ठा करना आसान काम नहीं है।

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

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


किसी ब्राउज़र से उपयोगकर्ता की जानकारी प्राप्त करना

प्रिय पाठकों! किसी वेब डेवलपर की उत्पादकता बढ़ाने के लिए आप इस सूची में क्या उपकरण जोड़ेंगे?