Sveltejs Academy · पाठ

use: निर्देश सिंटैक्स

use: निर्देश से DOM एलिमेंट पर Svelte action लागू करें।

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

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

Svelte में ऐक्शन

ऐक्शन वह फ़ंक्शन है जो किसी एलिमेंट के माउंट होने पर चलता है। इसे use: निर्देश के साथ बुलाया जाता है।

बुनियादी ऐक्शन

ऐक्शन अपने तर्क के रूप में DOM नोड प्राप्त करता है।

function highlight(node) {
  node.style.background = "yellow";
}

use: के साथ लागू करना

किसी भी एलिमेंट पर ऐक्शन जोड़ने के लिए use:action का उपयोग कीजिए।

<p use:highlight>I am highlighted</p>

ऐक्शन क्यों उपयोगी हैं

ऐक्शन अनिवार्य DOM व्यवहार (फ़ोकस, इंटरसेक्शन, ड्रैग आदि) को पुनः उपयोग के लिए समाहित करते हैं।

मार्कअप आवश्यक नहीं

ऐक्शन कुछ रेंडर नहीं करते; वे मौजूदा एलिमेंट में अतिरिक्त क्षमताएँ जोड़ते हैं।

कई ऐक्शन

कई use: निर्देशों के साथ एक ही एलिमेंट पर कई ऐक्शन लागू किए जा सकते हैं।

<div use:trap use:scroll>

लाइब्रेरी में उपलब्ध कराना

कई Svelte लाइब्रेरी अपने व्यवहार को आसान एकीकरण के लिए ऐक्शन के रूप में उपलब्ध कराती हैं।

आयात

ऐक्शन साधारण फ़ंक्शन होते हैं; उन्हें किसी भी मॉड्यूल की तरह आयात कीजिए।

import { clickOutside } from "$lib/actions";

प्रकार संकेत

svelte/action से मिले Action<Element, Params> सामान्यीकृत प्रकार के साथ ऐक्शन के प्रकार निर्धारित कीजिए।

जीवनचक्र की जानकारी

ऐक्शन माउंट के बाद चलते हैं, इसलिए उनके चलने के समय नोड DOM में मौजूद होता है।

सरल से शक्तिशाली तक

ऐक्शन एक पंक्ति जितने छोटे या किसी लाइब्रेरी रैपर जितने समृद्ध हो सकते हैं।

त्वरित जाँच

ऐक्शन कैसे जोड़ते हैं?

पुनरावलोकन

ऐक्शन use: के माध्यम से बुलाए जाने वाले फ़ंक्शन हैं। वे DOM नोड प्राप्त करते हैं और अनिवार्य व्यवहार जोड़ते हैं।

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

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

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

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

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

क्या “use: निर्देश सिंटैक्स” पाठ निःशुल्क है?

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

“use: निर्देश सिंटैक्स” में मैं क्या सीखूँगा?

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

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

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

“use: निर्देश सिंटैक्स” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

  1. use: निर्देश सिंटैक्स
  2. Action पैरामीटर और अपडेट
  3. destroy() सफ़ाई फ़ंक्शन
  4. व्यावहारिक Actions: clickOutside tooltip autofocus
← Sveltejs Academy पर वापस जाएँ