Sveltejs Academy · पाठ

इंटरपोलेशन: {expression}

JavaScript expressions को सीधे Svelte HTML टेम्पलेट में एम्बेड करें।

पाठ 3, कुल 4 में से13 चरण

इंटरपोलेशन: {expression}, CoddyKit पर Sveltejs Academy का एक निःशुल्क पाठ है। यह 4 में से 3वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Sveltejs Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

कर्ली ब्रेसेज़ का सिंटैक्स

किसी भी JavaScript एक्सप्रेशन को कर्ली ब्रेसेज़ में लपेटकर मार्कअप में शामिल करें।

<p>Hello {name}!</p>

गणित और स्ट्रिंग

एक्सप्रेशन केवल चरों के नामों तक सीमित नहीं होते। गणना, स्ट्रिंग जोड़ना या मेथड कॉल करना संभव है।

<p>{count + 1} items, formatted: {name.toUpperCase()}</p>

एट्रिब्यूट इंटरपोलेशन

HTML एट्रिब्यूट के अंदर भी यही सिंटैक्स उपयोग करें।

<img src={imageUrl} alt={altText} />

संक्षिप्त एट्रिब्यूट

यदि एट्रिब्यूट और चर का नाम एक ही है, तो संक्षिप्त रूप का उपयोग करें।

<img {src} {alt} />

बूलियन एट्रिब्यूट

disabled जैसे बूलियन एट्रिब्यूट के लिए कोई भी सत्य मान दें। सीधे {flag} का उपयोग करें।

<button disabled={isLoading}>Save</button>

स्प्रेड एट्रिब्यूट

{...obj} सिंटैक्स से किसी ऑब्जेक्ट के एट्रिब्यूट किसी तत्व पर स्प्रेड करें।

<input {...inputProps} />

टेक्स्ट बनाम HTML

डिफ़ॉल्ट रूप से इंटरपोलेशन सुरक्षा के लिए HTML को एस्केप करता है। {@html ...} का उपयोग केवल विश्वसनीय सामग्री के साथ करें।

<div>{@html trustedHtml}</div>

सशर्त एक्सप्रेशन

सरल शाखाकरण के लिए ब्रेसेज़ के अंदर टर्नरी एक्सप्रेशन काम करते हैं।

<p>Status: {isOnline ? "online" : "offline"}</p>

Null और Undefined

यदि आपका एक्सप्रेशन null या undefined का परिणाम देता है, तो Svelte कुछ भी प्रदर्शित नहीं करता।

फ़ंक्शन कॉल

ब्रेसेज़ के अंदर फ़ंक्शन कॉल करें, लेकिन उन्हें हल्का रखें। वे हर प्रतिक्रियाशील अपडेट पर दोबारा चलते हैं।

<p>Total: {formatCurrency(amount)}</p>

त्वरित जाँच

टेक्स्ट को सुरक्षित रूप से कैसे शामिल करते हैं?

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

पुनरावलोकन

एकल कर्ली ब्रेसेज़ टेक्स्ट और एट्रिब्यूट में किसी भी एक्सप्रेशन को इंटरपोलेट करती हैं। सुविधा के लिए संक्षिप्त और स्प्रेड रूप भी उपलब्ध हैं।

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

एआई शिक्षक के साथ HTML सीखें — निःशुल्क

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

पाठ्यक्रम: 41
पाठ: 163

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

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

क्या “इंटरपोलेशन: {expression}” पाठ निःशुल्क है?

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

“इंटरपोलेशन: {expression}” में मैं क्या सीखूँगा?

JavaScript expressions को सीधे Svelte HTML टेम्पलेट में एम्बेड करें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Sveltejs Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Sveltejs Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

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

“इंटरपोलेशन: {expression}” पाठ पूरा करने में कितना समय लगता है?

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

क्या मैं इस Sveltejs Academy पाठ में कोड लिख और चला सकता हूँ?

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

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

← Sveltejs Academy पर वापस जाएँ