आपकी साइट को बढ़ाने के लिए 15 उपयोगी जावास्क्रिप्ट लाइब्रेरी

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

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

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

1. jQuery

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

2. प्रोटोटाइप

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

3. Modernizr

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

4. जूते का फीता

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

5. PDF.js

आप जान सकते हैं कि पीडीएफ प्रारूप कुछ कमजोरियों के अधीन है। इस समस्या को हल करने के लिए, PDF.js को HTML5 कैनवस में पीडीएफ सामग्री प्रदान करने के लिए बनाया गया था। जाहिर है इसका मतलब यह भी है कि यह केवल एक ब्राउज़र में काम करता है जो HTML5 और कैनवस का समर्थन करता है।

6. जेएस चार्ट

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

7. Chart.js

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

8. D3.js

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

9. bHive

एक महान ग्राफिक्स फ्रेमवर्क जो कि HTML5 कैनवस के लिए क्रांतिकारी है, जबकि रॅफेल HTML4 के लिए था। bHive आपको SVG ग्राफिक्स, एनिमेशन और यहां तक ​​कि अन्तरक्रियाशीलता को समाहित करने की अनुमति देता है, जिसका उपयोग कई अलग-अलग तरीकों से किया जा सकता है, जैसे कि सरल गेम और शिक्षा अनुप्रयोग।

10। उल्लू हिंडोला

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

11। Date.js

कभी-कभी आपको साइट संदर्भ देने के लिए विभिन्न तरीकों से तारीख की जानकारी व्यक्त करने में सक्षम होने की आवश्यकता होती है। Date.js की विशेषताएं आपको केवल बहुत ही सीधी बात करने की अनुमति देती हैं, एक बहुत ही सीधे-आगे के सिंटैक्स का उपयोग करना जो सीखना आसान नहीं हो सकता है।

13। Moment.js

एक और तारीख स्वरूपण और प्रसंस्करण पुस्तकालय। यह Date.js से थोड़ा अधिक जटिल है लेकिन आपको कुछ विशिष्ट गणना आसानी से करने की अनुमति देता है (isAfter, isBefore, isSameOrAfter, isSameOrBefore, isBetween, isLeapYear, isDate, और इसी तरह)। जब आपको इन अतिरिक्त सुविधाओं के साथ आने वाले सभी ओवरहेड की आवश्यकता नहीं होती है, तो इसके बजाय Date.js का उपयोग करें।

13। dateDropper

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

13। Numeral.js

तारीखों के लिए क्या करता है।

14। wForms

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

15। sortTable

सॉर्टेबल टेबल लगभग उतने लंबे समय से हैं जब तक टेबल (डेटा टेबल, वैसे भी) हैं। लेकिन इस हाथ से जावास्क्रिप्ट लाइब्रेरी, आप इसे बनाते समय किसी भी तालिका को तालिका में कक्षा जोड़कर आसानी से छांट सकते हैं, जो इस प्रकार है: <तालिका वर्ग = "सॉर्टेबल">

हेडर इमेज सौजन्य से Rogie

बोगदान रैंकी

बोगदान इंसपायर्ड मैग का एक संस्थापक सदस्य है, जिसके पास इस अवधि में लगभग 6 वर्षों का अनुभव है। अपने खाली समय में वह शास्त्रीय संगीत का अध्ययन करना और दृश्य कला का पता लगाना पसंद करते हैं। वह भी Fixies के साथ काफी जुनूनी है। वह पहले से ही 5 का मालिक है।