फ्रंट-एंड डेवलपर के रूप में अपने कौशल को अपग्रेड करने के तरीके पर पांच और विचार (दिसंबर 2019)

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

विचारों की पिछली पूरी सूची: फ्रंट-एंड डोजो: प्रशिक्षण डेवलपर कौशल के लिए परियोजनाएं (5 नए + 43 पुराने)

1. डायनेमिक मेनू

जब आप मेनू पर क्लिक करते हैं और सामग्री कम हो जाती है तो देखें कि यह कितना अच्छा है।



motrix.app

क्या सीखें:

• सीएसएस संक्रमण और एनिमेशन।
• लेआउट और सामग्री कैसे बदलें।
• अपनी वेबसाइट में अन्तरक्रियाशीलता जोड़ने के लिए HTML और जावास्क्रिप्ट का उपयोग कैसे करें।

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

2. बबल चार्ट

बबल चार्ट एक प्रकार का चार्ट है जो डेटा के तीन आयामों को प्रदर्शित करता है। प्रत्येक डेटा, संबंधित डेटा के अपने ट्रिपल के साथ, एक डिस्क के रूप में पुन: पेश किया जाता है जो xy निर्देशांक के माध्यम से दो vᵢ मान और इसके आकार के माध्यम से एक तिहाई व्यक्त करता है।



antv.vision/en

क्या सीखें:

• डेटा की कल्पना करने के लिए जावास्क्रिप्ट का उपयोग करें।
• संक्रमण, स्टाइल और अन्तरक्रियाशीलता के लिए जावास्क्रिप्ट के साथ CSS का उपयोग करें।

3. प्रच्छन्न प्रमाणीकरण प्रपत्र

एक इनपुट मास्क यह नियंत्रित करने का एक तरीका है कि फॉर्म फ़ील्ड में कौन से डेटा दर्ज किए जा सकते हैं। वे नियमों के एक सख्त सेट द्वारा नियंत्रित होते हैं जो साइट विज़िटर आपके फ़ॉर्म को भरने की कोशिश करते समय उल्लंघन नहीं कर सकते हैं।



dashboard.stripe.com/login

क्या सीखें:

• अपने रूपों और इनपुट के लिए मजबूत प्रवर्तन नियमों का उपयोग करें।
• रूपों को मान्य करने के लिए जावास्क्रिप्ट का उपयोग करें।
• गतिशील रूप बनाने के लिए CSS और JavaScript का उपयोग करें।

Wapforums पर नकाबपोश प्रविष्टियों के बारे में और पढ़ें।

4.Vertical बार चार्ट

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



tatus.fauna.com/#about-this-site

क्या सीखें:

• ऊर्ध्वाधर हिस्टोग्राम बनाने के लिए जावास्क्रिप्ट का उपयोग करें।
• शैली आरेखों के लिए CSS का उपयोग करें।
• जावास्क्रिप्ट का उपयोग कर डेटा कल्पना।

5. सिस्टम प्रदर्शन चार्ट

status.fauna.com/#week

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

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

क्या सीखें:

• सिस्टम आरेख बनाने के लिए जावास्क्रिप्ट का उपयोग करें।
• शैली आरेखों के लिए CSS का उपयोग करें।
• जावास्क्रिप्ट का उपयोग कर डेटा कल्पना।

ब्लॉग भी पढ़ें
EDISON कंपनी:

के लिए 20 पुस्तकालय
शानदार iOS आवेदन