वेब डिजाइनर और डेवलपर्स के लिए नए संसाधन (फरवरी 2018)

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

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

Kutt

एक अनुप्रयोग जो आपके स्वयं के डोमेन नाम के साथ URL को छोटा करता है. यह शीर्ष आधुनिक ढेर जैसे Node.js, React और Redux पर एक मुट्ठी भर में बनाया गया है पासवर्ड-प्रोटेक्ट URL, RESTful API सहित अंतर्निहित सुविधाएँ, और आपके URL की निगरानी करने के लिए फैंसी विस्तृत आँकड़े। सबसे अच्छी बात यह मुफ़्त है और आप इसे अपने सर्वर पर होस्ट कर सकते हैं.

WordHat

वर्डहाट एक है उपकरण WordPress के लिए Behat को एकीकृत करने के लिए. Behat PHP के लिए एक खुला-स्रोत व्यवहार-संचालित विकास (BDD) ढांचा है जहाँ आप अपने PHP एप्लिकेशन को अधिक अभिव्यंजक तरीकों से जांच सकते हैं.

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

WP ब्राउज़र

WordHat के समान, WP-Browser एक अपवाद का कोड है विशेष रूप से वर्डप्रेस एप्लिकेशन, थीम और प्लगइन्स के लिए डिज़ाइन किया गया है. संहिता प्रदर्शन करने का एक उपकरण है परिक्षण अपने आवेदन पर, PHPUnit और Behat के समान, लेकिन यह अधिक के साथ बंडल है। उस में, आप कर सकते हैं ब्राउज़र परीक्षण, BDD, यूनिट एकीकरण परीक्षण और API परीक्षण.

नोड WP अंतर्राष्ट्रीयकरण

नाम ही अपने में काफ़ी है। यह एक NodeJS मॉड्यूल है जो आपके विषयों या प्लगइन्स का अंतर्राष्ट्रीयकरण करने के लिए बहुत सारी चीजों को स्वचालित करता है. मॉड्यूल स्थापित करें और टाइप करें wpi18n मेकप पॉट फ़ाइल उत्पन्न करने के लिए आपके वर्डप्रेस प्लगइन्स या थीम में अनुवाद करने योग्य पाठ से बाहर.

धन्यवाद

एक और NodeJS मॉड्यूल जो हाल ही में जीथब पर ट्रेंड कर रहा है. “धन्यवाद” मर्जी अपने ओपन-सोर्स प्रोजेक्ट पर उपयोग किए जाने वाले पैकेजों के अनुरक्षकों की एक सूची तैयार करें और समुदाय के लिए उनके योगदान के आभार के संकेत के रूप में इसे उनके दान या OpenCollective पृष्ठ से लिंक करें.

गुटन ब्लॉक बनाएं

गुटेनबर्ग सुना है और वर्डप्रेस 5.0 के साथ भेज दिया जाएगा। यह एक एनपीएम मॉड्यूल एक गुटेनबर्ग ब्लॉक डेवलपमेंट बॉयलरप्लेट उत्पन्न करने के लिए आधुनिक स्टैक जैसे रिएक्ट, वेबपैक, बैबेल और सैस के साथ। बस कमांड लाइन चलाएं ,create-guten-ब्लॉक, और आप सभी सेट हैं.

WP Vue

WP Vue a है WordPress पोस्ट को प्रदर्शित करने के लिए Vue के साथ बनाया गया टेम्प्लेट. यदि आप अपनी वर्डप्रेस साइट बनाना चाहते हैं तो यह खाका एक बेहतरीन शुरुआती बिंदु है नेतृत्वहीन. देखें कि यह डेमो पेज में कैसे काम करता है. WP-API URL के समापन बिंदु का URL किसी भी वर्डप्रेस साइट से बदलें; यह स्वचालित रूप से नए समापन बिंदु URL से लोगों के साथ पोस्ट को फिर से खोल देगा.

प्रोत्साहन

ए बेसकैंप से नई जावास्क्रिप्ट रूपरेखा. रिएक्ट या Vue के विपरीत, यह आपको जावास्क्रिप्ट के साथ अपना संपूर्ण एप्लिकेशन लिखने या सिंथेटिक विशेषताओं को जोड़ने के लिए मजबूर नहीं करता है.

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

Manta

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

प्रतिक्रियाशील स्टेटिक

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

Piklist

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

Strapi

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

ParcelJS

ParcelJS एक है बंडलर Webpack और Browserify को बहुत पसंद है, सिवाय इसके कि यह तेज़ी से धधक रहा है और इसके लिए शून्य कॉन्फ़िगरेशन की आवश्यकता है। यह HTML, JS, CSS और ट्रांसफॉर्मर के लिए सामान्य विकास बंडल का समर्थन करता है जैसे कि PostCSS और बैबल आउट-ऑफ-द-एक्सबॉक्स। इसलिए, आप कॉन्फ़िगरेशन पर समय बर्बाद करने के बजाय अपने कोड पर ध्यान केंद्रित कर सकते हैं.

GoodShare

एक जावास्क्रिप्ट पुस्तकालय कुछ सोशल मीडिया के शेयर की गिनती के साथ सोशल मीडिया बटन दिखाएं. यह कई सोशल मीडिया का समर्थन करता है, जिसमें आपने कभी भी Vkontakte, Odnoklassniki, SurfingBird जैसे कुछ नहीं सुना है, जैसे स्काइप, व्हाट्सएप और LINE जैसे कुछ गड़बड़ प्लेटफॉर्म। GoodShare भी एक Vue घटक के रूप में उपलब्ध है.

CopyChar

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

Nerv

नर्व दूसरा है प्रतिक्रियाशील VirtualDOM पुस्तकालय; ReactJS के लिए एक विकल्प. यह प्रतिक्रिया के परिचित वाक्यविन्यास JSX लाता है लेकिन कुछ उल्लेखनीय अंतरों के साथ। Nerv इंटरनेट एक्सप्लोरर 8 का समर्थन करता है! और यह प्रतिक्रिया आकार का सिर्फ एक तिहाई है। फिर भी, नर्व रिएक्ट ऐड-ऑन इवेंटहे के साथ सबसे जटिल है.

HyperappJS

एक और जावास्क्रिप्ट लाइब्रेरी जो वेब एप्लिकेशन बनाने के लिए देखने लायक है। यह एक वर्चुअल डोम इंजन के साथ राज्य प्रबंधन को जोड़ती है यह बिना किसी निर्भरता के सभी कुंजीबद्ध अपडेट और जीवनचक्र घटनाओं का समर्थन करता है.

VulcanJS

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

Koa11y

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

यह हर वेब डेवलपर्स टूलबॉक्स में एक उपकरण होना चाहिए। एक्सेसिबिलिटी कितनी महत्वपूर्ण है, यह समझने के लिए एक दिन के लिए अपने कीबोर्ड का उपयोग करने के साथ वेबसाइटों को नेविगेट करने का प्रयास करें.

TablePlus

एक वास्तव में डेटाबेस का प्रबंधन करने के लिए अच्छा दिखने वाला जीयूआई अनुप्रयोग. TablePlus (जैसे बेशक) MySQL, SQLite, Redis, Postgres, MS SQL, और बहुत अधिक डेटाबेस इंजन की एक विस्तृत विविधता का समर्थन करता है। टेबलप्लस मैकओएस और विंडोज के लिए उपलब्ध है.