HowTo कॉम्पोनेंट
"HowTo: कॉम्पोनेंट" उन वेब कॉम्पोनेंट का कलेक्शन है जो सामान्य यूज़र इंटरफ़ेस (यूआई) को लागू करते हैं पैटर्न. इन नीतियों को लागू करने का मकसद, शिक्षा के मकसद से तैयार किया गया संसाधन बनाना है. लागू की गई अलग-अलग तरह की चीज़ों के बारे में गहराई से टिप्पणी करके और उम्मीद है कि वे उनसे सीखेंगे. ध्यान दें कि वे स्पष्ट रूप से नहीं हैं यूज़र इंटरफ़ेस (यूआई) लाइब्रेरी होनी चाहिए और प्रोडक्शन में इसका इस्तेमाल नहीं किया जाना चाहिए.
घटक
<howto-checkbox>
: यह किसी फ़ॉर्म में बूलियन विकल्प को दिखाता है. सबसे आम चेकबॉक्स एक ड्यूअल-टाइप है, जो उपयोगकर्ता को दो विकल्पों के बीच टॉगल करने की अनुमति देता है—सही का निशान लगाकर और उससे सही का निशान हटाया गया.<howto-tabs>
: यह विकल्प, दिखने वाले कॉन्टेंट को एक से ज़्यादा पैनल में बांटकर सीमित करता है.<howto-tooltip>
: एक पॉप-अप, जो एलिमेंट होने पर किसी एलिमेंट से जुड़ी जानकारी दिखाता है कीबोर्ड फ़ोकस प्राप्त करता है या माउस उस पर होवर करता है.
लक्ष्य
हमारा मकसद है कि हम असरदार कॉम्पोनेंट लिखने के सबसे सही तरीके बताएं ऐक्सेस करने लायक, बेहतर परफ़ॉर्म करने वाला, मैनेज करने लायक, और स्टाइल में आसान. हर कॉम्पोनेंट पूरी तरह से अपने-आप पूरी हो जाती है. इसलिए, यह रेफ़रंस फ़ाइलों को लागू करने के तौर पर काम कर सकती है.
सुलभता
कॉम्पोनेंट, डब्ल्यूएआई ARIA ऑथरिंग का पालन करते हैं तरीके, जो कि एक गाइड ARIA को समझाना और दिखाना, ऐक्सेस करने लायक रिच इंटरनेट ऐप्लिकेशन स्टैंडर्ड. अगर आपको ARIA के बारे में नहीं पता है, हमारे बारे में जानें WebFundamentals. हर कॉम्पोनेंट, कॉन्टेंट लिखने के तरीकों के सही सेक्शन से जुड़ा होता है. हालांकि सख्ती से ज़रूरी नहीं है, लेकिन हमारा सुझाव है कि आप कोड समझने से पहले ध्यान देने लायक ज़रूरी बातें.
परफ़ॉर्मेंस
वेब डेवलपमेंट में "परफ़ॉर्मेंस" शब्द उसे कई चीज़ों पर लागू किया जा सकता है
चीज़ें. <howto>
के हिसाब से, आपकी परफ़ॉर्मेंस का मतलब ज़्यादातर ऐनिमेशन से है
मोबाइल डिवाइस पर भी, लगातार 60 एफ़पीएस (फ़्रेम प्रति सेकंड) पर चल रहा है.
कॉन्टेंट को आसानी से देखने में मदद करने वाली सुविधाएं
जितना हो सके, कॉम्पोनेंट को किसी भी स्टाइल में सेट न किया गया हो. हालांकि, इनमें लेआउट या संकेत न दिया गया हो कोई चयनित या सक्रिय स्थिति. यह लागू करने की प्रक्रिया को विज़ुअल तौर पर लचीला बनाए रखने के लिए किया जाता है और ध्यान केंद्रित किया है. सजावट पर समय बर्बाद न करने से, हम कोड को सिर्फ़ एक कॉम्पोनेंट फ़ंक्शन को बनाना बेहद ज़रूरी है. अगर कोई स्टाइल ज़रूरी हो घटक के काम करने के लिए, शैली को टिप्पणी के साथ चिह्नित कर दिया जाएगा में बताया गया है.
मैनेज किया जा सकने वाला कोड
HowTo के तौर पर: कॉम्पोनेंट एक रेफ़रंस है लागू करने के बाद, हमने पठनीय और आसान लेखन में अतिरिक्त समय लगाया आसानी से समझ में आने वाला कोड, जिस पर विस्तार से टिप्पणी की गई हो.
गैर-लक्ष्य
लाइब्रेरी / फ़्रेमवर्क / टूलकिट बनाएं
<howto>
कॉम्पोनेंट, एनपीएम, बोवर या किसी दूसरे प्लैटफ़ॉर्म पर पब्लिश नहीं किए गए हैं
ऐसा इसलिए, क्योंकि इनका इस्तेमाल प्रोडक्शन में नहीं किया जाना चाहिए. की वजह से,
पठनीय कोड, हम आधुनिक JavaScript API का उपयोग कर रहे हैं और आधुनिक का समर्थन कर रहे हैं
ब्राउज़र जो वेब कॉम्पोनेंट के स्टैंडर्ड लागू करते हैं. आपने लोगों तक पहुंचाया मुफ़्त में
इन्हें पढ़ने के बाद, कोड को आपकी ज़रूरत के हिसाब से ढाला जा सकेगा
लागू करना.
पुराने सिस्टम के साथ काम करने की सुविधा
कोड पर सीधे तौर पर भरोसा नहीं किया जाना चाहिए. हम ऐसा कर सकते हैं और बहुत ज़्यादा करेंगे, किसी भी एलिमेंट के इंप्लीमेंटेशन और एपीआई में बड़े पैमाने पर बदलाव करना लागू करने का पता चला है. यह एक ऐसा जीवंत संसाधन है, जहां हम अपने वेब यूआई बनाने के सबसे सही तरीकों के बारे में जानना, और उन पर चर्चा करना.
पूरी जानकारी दें
फ़िलहाल, हम *सभी *कॉम्पोनेंट को लागू नहीं करते (और शायद नहीं करेंगे) जो
जो WAI ARIA ऑथरिंग प्रैक्टिस में मौजूद हैं. हालांकि, उन सिद्धांतों का फिर से इस्तेमाल
अन्य <howto>
कॉम्पोनेंट में, लोगों को कोई भी कॉम्पोनेंट लागू करने की सुविधा मिलनी चाहिए
जो छूटे हुए हों.