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