डिज़ाइन सिस्टम और घटक लाइब्रेरी · पाठ

अंतर्राष्ट्रीयकरण (i18n)

ऐसे घटक डिज़ाइन और विकसित करें जो विभिन्न भाषाओं, संस्कृतियों और क्षेत्रीय प्राथमिकताओं के अनुसार सहजता से अनुकूलित हो सकें।

पाठ 2, कुल 4 में से11 चरण

अंतर्राष्ट्रीयकरण (i18n), CoddyKit पर डिज़ाइन सिस्टम और घटक लाइब्रेरी का एक निःशुल्क पाठ है। यह 4 में से 2वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह डिज़ाइन सिस्टम और घटक लाइब्रेरी सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। डिज़ाइन सिस्टम और घटक लाइब्रेरी पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

अंतर्राष्ट्रीयकरण का परिचय

अंतर्राष्ट्रीयकरण (i18n) आपके घटकों और अनुप्रयोगों को इस तरह डिज़ाइन और विकसित करने की प्रक्रिया है कि उन्हें लक्षित देश, क्षेत्र या संस्कृति की अलग-अलग भाषाओं, क्षेत्रीय भिन्नताओं और तकनीकी आवश्यकताओं के अनुसार आसानी से अनुकूलित किया जा सके।

इसे अपने उत्पाद को पूरी दुनिया के लिए तैयार करने जैसा समझिए! यह केवल अनुवाद के बारे में नहीं है, बल्कि यह सुनिश्चित करने के बारे में भी है कि आपका UI हर जगह ठीक से काम करे।

लोकेल को समझना

लोकेल उन पैरामीटरों का समूह है, जो उपयोगकर्ता की भाषा, देश और जानकारी प्रस्तुत करते समय उपयोग की जाने वाली विशेष रूपांतर संबंधी प्राथमिकताओं को परिभाषित करता है।

en-US: अंग्रेज़ी (संयुक्त राज्य)
fr-CA: फ़्रेंच (कनाडा)
es-MX: स्पेनिश (मेक्सिको)

ये कोड आपके सिस्टम को चीज़ों का सही प्रारूप निर्धारित करने में सहायता करते हैं।

की का उपयोग करके पाठ का अनुवाद

पाठ को सीधे अपने घटकों में लिखने के बजाय आप अनुवाद की का उपयोग करते हैं। ये की प्लेसहोल्डर की तरह होती हैं।

उदाहरण के लिए, "Hello" सीधे लिखने के बजाय आप "greeting.hello" जैसी की का उपयोग कर सकते हैं। आपका अनुप्रयोग उपयोगकर्ता के लोकेल के आधार पर उस की के लिए वास्तविक अनूदित पाठ खोजता है।

कोड: गतिशील अभिवादन

यहाँ अनुवाद की के काम करने का एक वैचारिक उदाहरण दिया गया है। getTranslatedString फ़ंक्शन अनुवाद फ़ाइल से लोकेल के आधार पर सही पाठ प्राप्त करेगा।

public class Greeter {
  public static String getTranslatedString(String key, String locale) {
    if (locale.equals("en-US")) {
      if (key.equals("greeting.hello")) return "Hello!";
      if (key.equals("action.welcome")) return "Welcome!";
    } else if (locale.equals("es-MX")) {
      if (key.equals("greeting.hello")) return "¡Hola!";
      if (key.equals("action.welcome")) return "¡Bienvenido!";
    }
    return "Translation missing for " + key;
  }

  public static void main(String[] args) {
    String userLocale = "es-MX"; // Imagine this comes from user settings
    System.out.println(getTranslatedString("greeting.hello", userLocale));
    userLocale = "en-US";
    System.out.println(getTranslatedString("action.welcome", userLocale));
  }
}

तारीख और समय को अनुकूलित करना

दुनिया के अलग-अलग हिस्सों में तारीख और समय अलग-अलग ढंग से प्रस्तुत किए जाते हैं। उदाहरण के लिए, "03/04/2023" का अर्थ US में 4 मार्च, जबकि कई अन्य देशों में 3 अप्रैल होता है।

आपके डिज़ाइन प्रणाली के घटकों को उपयोगकर्ता के क्षेत्र के अनुसार तारीख और समय सही ढंग से दिखाने के लिए लोकेल-जागरूक प्रारूपण उपयोगिताओं का उपयोग करना चाहिए।

संख्याओं और धनराशि का प्रारूपण

संख्याओं के प्रारूप भी अलग-अलग होते हैं। दशमलव विभाजक बिंदु (.) या अल्पविराम (,) हो सकता है।

US: 1,234.56
जर्मनी: 1.234,56

मुद्राओं के लिए उनके प्रतीक और सही स्थान की आवश्यकता होती है (जैसे, $100.00 बनाम 100,00 €)।

पाठ की दिशा सँभालना

अधिकांश भाषाएँ बाएँ से दाएँ (LTR) पढ़ी जाती हैं। हालाँकि, अरबी, हिब्रू और फ़ारसी जैसी भाषाएँ दाएँ से बाएँ (RTL) पढ़ी जाती हैं।

RTL भाषाओं के लिए आपके घटकों का पूरा लेआउट प्रतिबिंबित करना आवश्यक है। इसमें पाठ का संरेखण, आइकन की स्थिति और तत्वों का प्रवाह शामिल है।

सांस्कृतिक चित्रण

कभी-कभी उपयोगकर्ता की संस्कृति या क्षेत्र के आधार पर छवियों, आइकन या यहाँ तक कि वीडियो को भी बदलना पड़ता है।

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

i18n के लिए डिज़ाइन प्रणालियाँ

अच्छे i18n के लिए डिज़ाइन प्रणाली महत्वपूर्ण है, क्योंकि यह प्रदान करती है:

केंद्रीकृत अनुवाद: सभी पाठ-स्ट्रिंग एक ही स्थान पर प्रबंधित की जाती हैं।
अनुकूलनीय घटक: ऐसे घटक, जो अलग-अलग पाठ लंबाइयों और RTL लेआउट को सँभालने के लिए डिज़ाइन किए गए हों।
एकसमान प्रारूपण: तारीख, समय और संख्या के लिए मानकीकृत प्रारूपण।

इससे वैश्विक स्तर पर एकसमान अनुभव सुनिश्चित होता है।

i18n की त्वरित जाँच

आप अपनी डिज़ाइन प्रणाली के लिए एक बटन घटक बना रहे हैं। अंतर्राष्ट्रीयकरण का समर्थन करने के लिए बटन का पाठ दिखाने का इनमें से कौन-सा BEST तरीका है?

इंटरैक्टिव पाठ में इसका उत्तर दें

i18n का पुनरावलोकन

हमने अंतर्राष्ट्रीयकरण (i18n) को समझा और जाना कि यह केवल अनुवाद से कहीं अधिक है।

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

वास्तव में वैश्विक उत्पादों के लिए इन सिद्धांतों को ध्यान में रखें!

शुरुआत निःशुल्क

एआई शिक्षक के साथ डिज़ाइन सिस्टम और घटक लाइब्रेरी सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 12
पाठ: 48

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “अंतर्राष्ट्रीयकरण (i18n)” पाठ निःशुल्क है?

हाँ—“अंतर्राष्ट्रीयकरण (i18n)” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और डिज़ाइन सिस्टम और घटक लाइब्रेरी पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। डिज़ाइन सिस्टम और घटक लाइब्रेरी पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“अंतर्राष्ट्रीयकरण (i18n)” में मैं क्या सीखूँगा?

ऐसे घटक डिज़ाइन और विकसित करें जो विभिन्न भाषाओं, संस्कृतियों और क्षेत्रीय प्राथमिकताओं के अनुसार सहजता से अनुकूलित हो सकें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ डिज़ाइन सिस्टम और घटक लाइब्रेरी का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या डिज़ाइन सिस्टम और घटक लाइब्रेरी शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर डिज़ाइन सिस्टम और घटक लाइब्रेरी शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 2वाँ पाठ है।

“अंतर्राष्ट्रीयकरण (i18n)” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस डिज़ाइन सिस्टम और घटक लाइब्रेरी पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर डिज़ाइन सिस्टम और घटक लाइब्रेरी पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← डिज़ाइन सिस्टम और घटक लाइब्रेरी पर वापस जाएँ