Svelte Nedir ve Neden Derleme Yapar
Svelte'in önce derleme yaklaşımını ve bunun React ile Vue'dan farklarını öğrenin.
Svelte Nedir ve Neden Derleme Yapar, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 1. 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.
Svelte'e Hoş Geldiniz
Svelte, derleyici öncelikli bir kullanıcı arayüzü çatısıdır. React veya Vue'nun aksine Svelte, işinin çoğunu çalışma zamanında değil, derleme zamanında yapar.
Sanal DOM Yok
React, çalışma zamanında sanal DOM'un farklarını hesaplar. Svelte ise bileşenlerinizi DOM'u doğrudan güncelleyen, yüksek düzeyde optimize edilmiş yalın JavaScript'e derler.
Daha Az Kod Gönderilir
Svelte derlenmiş çıktı gönderdiği için tarayıcıya genellikle daha az JavaScript gönderirsiniz. Paket boyutları çok küçüktür.
Bileşen Dosyası Biçimi
Bir Svelte bileşeni; betik, işaretleme ve stil olmak üzere üç isteğe bağlı bölüm içeren bir .svelte dosyasında bulunur.
<script>
let name = "world";
</script>
<h1>Hello {name}!</h1>Atamayla Tepkisellik
Svelte'te bir değişkene yeni bir değer atamanız, kullanıcı arayüzünün güncellenmesini tetiklemek için yeterlidir. setState çağrısı yoktur.
<script>
let count = 0;
function inc() { count = count + 1; }
</script>
<button on:click={inc}>{count}</button>Tek Dosyalı Bileşenler
İşaretleme, mantık ve kapsamlı stiller tek bir dosyada birlikte bulunur. Bu birliktelik, bileşenleri anlamayı ve yeniden düzenlemeyi kolaylaştırır.
Varsayılan Olarak Kapsamlı Stiller
Yazdığınız her <style> yalnızca ilgili bileşenle sınırlıdır. Sayfalar arasındaki CSS çakışmaları artık sorun olmaz.
<style>
p { color: tomato; }
</style>
<p>I am tomato</p>Performans Kazanımları
Çalışma zamanında çatı ek yükü olmadığı için Svelte uygulamaları, düşük donanımlı cihazlarda eşdeğer React veya Vue uygulamalarından genellikle daha hızlıdır.
Meta Çatı SvelteKit
SvelteKit, Svelte temel alınarak geliştirilmiştir ve yönlendirme, SSR ile veri yükleme özelliklerini ekler. Üretimde kullanılan Svelte uygulamalarının çoğu SvelteKit kullanır.
Svelte Ne Zaman Öne Çıkar
Svelte; pazarlama siteleri, panolar, mobil uyumlu uygulamalar ve paket boyutunun ve DX'in önem taşıdığı her yer için idealdir.
Karşılaştırmanın Özeti
React, Vue ve Angular bir çalışma zamanı gönderir; Svelte ise bunu derleme sırasında ortadan kaldırır. Sonuç olarak paketler küçülür ve zihinsel modeller basitleşir.
Hızlı Kontrol
Anlayışınızı sınayın.
Özet
Artık Svelte'in bileşenleri derlediğini, daha az JS gönderdiğini, kapsamlı stiller kullandığını ve tam uygulamalar için SvelteKit'i desteklediğini biliyorsunuz. Sıradaki adım: ilk projenizi oluşturun.
Yapay zeka eğitmeniyle HTML öğren — ücretsiz
Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.
- Kurslar
- 41
- Dersler
- 163
Sıkça Sorulan Sorular
“Svelte Nedir ve Neden Derleme Yapar” dersi ücretsiz mi?
Evet — “Svelte Nedir ve Neden Derleme Yapar” 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.
“Svelte Nedir ve Neden Derleme Yapar” dersinde ne öğreneceğim?
Svelte'in önce derleme yaklaşımını ve bunun React ile Vue'dan farklarını öğrenin. 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 1. dersidir.
“Svelte Nedir ve Neden Derleme Yapar” 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
- Svelte Nedir ve Neden Derleme Yapar
- npm create svelte ile Proje Oluşturma
- Proje Yapısı: src routes static
- Geliştirme Sunucusu ve Sıcak Modül Değiştirme