😛 🚵 👨‍👧‍👦 वेब डेवलपर्स के लिए बेस्ट गिटहब रिपॉजिटरी 🧓🏾 👨🏿 👨‍🎤

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

Node.js सर्वश्रेष्ठ अभ्यास

133 प्रोग्रामर ने Node.js बेस्ट प्रैक्टिस रिपॉजिटरी में योगदान दिया , इसमें GitHub पर 40 हजार से अधिक सितारे हैं। इसे लगभग रोज अपडेट किया जाता है। यह एक अद्भुत संसाधन है जो सभी को Node.js की दुनिया में जो कुछ भी हो रहा है, उसमें संयम रखने की अनुमति देता है, और साथ ही साथ सर्वोत्तम व्यावहारिक विकास विधियों को सीखता है।

इस भंडार में न केवल Node.js के लिए सबसे उपयोगी विकास तकनीकों की जानकारी है, बल्कि यह अन्य प्लेटफार्मों के साथ Node.js के एकीकरण पर भी जानकारी प्रदान करता है - जैसे कि, उदाहरण के लिए, Docker और Kubernetes। अब वहाँ 80 से अधिक "सर्वोत्तम प्रथाओं", शैली गाइड, और अनुप्रयोग वास्तुकला युक्तियाँ हैं।

इसमें कुछ विकास क्षेत्र शामिल हैं:

ढांचागत परियोजनाएं।
प्रसंस्करण में त्रुटि।
कोड शैली
उच्च गुणवत्ता कोड का परीक्षण और सुनिश्चित करना।
उत्पादन में उत्पादन के लिए परियोजनाओं की तैयारी।

एचटीएमएल 5 बॉयलरप्लेट

एचटीएमएल 5 बॉयलरप्लेट तेज, विश्वसनीय और लचीले वेब एप्लिकेशन और साइट बनाने के लिए एक पेशेवर फ्रंट-एंड टेम्प्लेट है।

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

यहाँ टेम्प्लेट में प्रस्तुत विशेषताएं हैं:

Normalize.css के लिए समर्थन।
CDN के साथ JQuery का समर्थन।
अपाचे सर्वर सेटिंग्स।
उपयोगी सहायक सीएसएस कक्षाएं।
मानक प्रिंट शैलियों, प्रदर्शन अनुकूलन तंत्र, और बहुत कुछ।

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

असली दुनिया

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

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

विचाराधीन रिपॉजिटरी आपको ग्राहक विकास (प्रतिक्रिया, कोणीय 2, और कई अन्य) के लिए समर्थन करने वाली किसी भी तकनीक को चुनने की अनुमति देता है, किसी भी सर्वर प्लेटफ़ॉर्म (उनके बीच, उदाहरण के लिए, Node.js और Django) और, उन्हें एक-दूसरे के साथ एकीकृत करके, एक वास्तविक उदाहरण एप्लिकेशन देखें।

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

इस भंडार से कुछ लोकप्रिय प्रौद्योगिकी एकीकरण उदाहरण हैं:

कोणीय + ngrx + nx
क्लोज्योरस्क्रिप्ट + री-फ्रेम
प्रतिक्रिया / MobX
गो + जिन
NestJS + टाइप / प्रिज्मा

यह RealWorld रिपॉजिटरी में पाया जा सकने वाला एक छोटा सा हिस्सा है। मुझे लगता है कि आप इसे तलाशने में रुचि रखेंगे।

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

रिपॉजिटरी निम्नलिखित तकनीकों पर केंद्रित उदाहरणों को तैयार करने पर काम कर रही है: रिएक्ट नेटिव, जेसनेट, स्विफ्ट, सी # और ज़ामरीन, कोटलिन / एंड्रॉइड, ओनिमोस, क्वासर फ्रेमवर्क, स्विफ्ट परफेक्ट और फ्लटर।

तुम नहीं जानते फिर भी जेएस

जेएस स्टिल रिपॉजिटरी वह जगह है जहाँ आप बुनियादी जावास्क्रिप्ट तंत्र के गहन अध्ययन पर पुस्तकों की एक श्रृंखला पा सकते हैं।

सभी पुस्तकें मुफ्त में उपलब्ध हैं, आप उन्हें सीधे भंडार में पढ़ सकते हैं।

यहाँ यह आदेश दिया गया है जिसमें ये पुस्तकें अनुशंसित हैं:

शुरू हो जाओ।
स्कोप और क्लोजर।
वस्तुओं और वर्गों।
प्रकार और व्याकरण।
सिंक और Async।
ES.Next और परे।

किताबें नंबर 1 और 2 पहले ही पढ़ी जा सकती हैं, 3-4 किताबें अभी तैयार नहीं हैं। यह ध्यान दिया जाना चाहिए कि इन पुस्तकों का दूसरा संस्करण इस भंडार में प्रस्तुत किया गया है। और यहां आप पहले संस्करण की छह किताबें पा सकते हैं।

Airbnb जावास्क्रिप्ट स्टाइल गाइड

Airbnb जावास्क्रिप्ट स्टाइल गाइड , जो Airbnb जावास्क्रिप्ट स्टाइल गाइड रिपॉजिटरी में पाया जा सकता है , एक विस्तृत और पेशेवर लिखित दस्तावेज है।

यह मैनुअल प्रोग्रामर को भाषा के आंतरिक तंत्र को समझने में मदद करने में सक्षम है, इसके बुनियादी तंत्र की विस्तार से जांच की गई है। यहां आप उपयोगी डेमो कोड स्निपेट्स पा सकते हैं।

यहां कुछ लोकप्रिय विषय दिए गए हैं जो इस गाइड में दिखाई देते हैं:

तीर कार्य।
चरों को उठाना।
प्रकार और प्रकार रूपांतरण के साथ काम करें।
ECMAScript 6+ (ES 2015+) के लिए डिज़ाइन की गई शैलियाँ।
परिक्षण।
प्रदर्शन।

कहानियों का संग्रह

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

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

स्टोरीबुक में इस वातावरण को जल्दी से सीखने के लिए एक कमांड-लाइन टूल और कोड नमूने शामिल हैं।

फ्रंट-एंड चेकलिस्ट

फ्रंट-एंड चेकलिस्ट रिपॉजिटरी में आप उत्पादन में इसकी रिलीज से पहले परियोजना में क्या होना चाहिए, या परियोजना के वास्तविक कार्य के लिए तैयार होने से पहले क्या जांच होनी चाहिए, इसकी एक व्यापक सूची पा सकते हैं।

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

सारांश

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

कौन से रिपॉजिटरी (वेब डेवलपर्स के लिए इरादा) क्या आप उपयोगी पाते हैं?

वेब डेवलपर्स के लिए बेस्ट गिटहब रिपॉजिटरी