Enterpolasyon: {expression}
JavaScript ifadelerini doğrudan Svelte HTML şablonlarına yerleştirin.
Enterpolasyon: {expression}, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
Süslü Parantez Söz Dizimi
Herhangi bir JavaScript ifadesini süslü parantez içine alarak işaretlemeye yerleştirin.
<p>Hello {name}!</p>Matematik ve Dizeler
İfadeler yalnızca değişken adlarından ibaret olmak zorunda değildir. Matematik işlemleri, dize birleştirme veya yöntem çağrıları yapabilirsiniz.
<p>{count + 1} items, formatted: {name.toUpperCase()}</p>Öznitelik İçine Yerleştirme
HTML özniteliklerinin içinde de aynı söz dizimini kullanın.
<img src={imageUrl} alt={altText} />Kısa Öznitelik Yazımı
Öznitelik ile değişken aynı ada sahipse kısa biçimi kullanın.
<img {src} {alt} />Boole Öznitelikleri
disabled gibi boole öznitelikleri için doğruluk değeri taşıyan herhangi bir değer iletin. Doğrudan {flag} kullanın.
<button disabled={isLoading}>Save</button>Yayma Öznitelikleri
Bir öznitelik nesnesini {...obj} söz dizimiyle bir öğeye yayın.
<input {...inputProps} />Metin ve HTML
Varsayılan olarak araya yerleştirme, güvenlik amacıyla HTML'yi kaçışlar. {@html ...} söz dizimini yalnızca güvenilir içerikle kullanın.
<div>{@html trustedHtml}</div>Koşullu İfadeler
Basit dallanma işlemleri için süslü parantezlerin içinde üçlü ifadeler kullanılabilir.
<p>Status: {isOnline ? "online" : "offline"}</p>Null ve Undefined
İfadeniz null veya undefined olarak değerlendirilirse Svelte hiçbir şey görüntülemez.
İşlev Çağrıları
Süslü parantezlerin içinde işlev çağırabilirsiniz, ancak bu işlevleri basit tutun. Her tepkisel güncellemede yeniden çalışırlar.
<p>Total: {formatCurrency(amount)}</p>Yorumlar
Sıradan HTML yorumlarını kullanın. Bunlar oluşturulan çıktıda görünmez.
<!-- This is a comment -->Hızlı Kontrol
Metni güvenli bir şekilde nasıl yerleştirirsiniz?
Özet
Tekli süslü parantezler, kısa ve yayma biçimleriyle birlikte metin ve özniteliklerdeki her ifadeyi araya yerleştirir.
Sıkça Sorulan Sorular
“Enterpolasyon: {expression}” dersi ücretsiz mi?
Evet — “Enterpolasyon: {expression}” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“Enterpolasyon: {expression}” dersinde ne öğreneceğim?
JavaScript ifadelerini doğrudan Svelte HTML şablonlarına yerleştirin. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.
“Enterpolasyon: {expression}” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- script template style Yapısı
- let ile Tepkisel Değişkenler
- Enterpolasyon: {expression}
- Hesaplanan Değerler: $: tepkisel bildirimleri