Svelte ve SvelteKit ile Gerçek Arayüzler Oluşturun
Svelte, React ve Vue'den temelde farklı bir yaklaşım benimser — tarayıcıya bir runtime göndermek yerine, bileşenlerinizi derleme zamanında son derece verimli vanilla JavaScript'e derler. Sonuç, daha küçük paketler, daha hızlı yükleme süreleri ve daha az standart kod. Resmi uygulama framework'ü olan SvelteKit, dosya tabanlı routing, sunucu tarafı rendering, form actions ve deployment adaptörleri ekleyerek herhangi bir platformda production-grade uygulamalar yayınlamanızı sağlar. Bu track her ikisini de kapsar, ilk bileşenden tam stack mimarisine kadar.
Neler Öğreneceksiniz
Svelte'in bileşen modeliyle başlayacaksınız — props, template söz dizimi, koşullar, döngüler ve iki yönlü binding — daha sonra reactivity sistemine, lifecycle fonksiyonlarına ve store ilkellerine geçeceksiniz: writable, readable, derived ve custom stores. UI tarafında slots, Context API, CSS geçişleri, animasyonlar ve Svelte Motion ile çalışacaksınız. SvelteKit bölümleri routing, veri yükleme, SSR ve prerendering, form actions, API routes, hooks, hata yönetimi, gelişmiş layouts, auth patterns ve deployment adaptörlerini kapsar. Track ayrıca Svelte 5'in rune sistemi, unit tests ve Playwright E2E ile testing, üçüncü taraf kütüphane entegrasyonu ve SvelteKit güvenlik uygulamalarını içerir.
Öğrenme Yolu
Kırk bir kurs A1'den C1'e kadar ilerler. İlk yedi kurs temelleri oluşturur: bileşenler, props, events ve template söz dizimi. B1, stores, slots, geçişler ve ilk SvelteKit sayfalarınız ile veri yükleme patterns'lerini tanıtır. B2 — en büyük blok — form actions, API routes, hooks, gelişmiş reactivity, Svelte Actions, custom animasyonlar, auth patterns, adaptörler, Svelte 5 runes, testing ve güvenlik konularından geçer. Track, C1'de gelişmiş runes, gelişmiş bileşen patterns, SvelteKit streaming, performans optimizasyonu, büyük ölçekli state management ve kapsamlı bir full-stack SvelteKit uygulaması ile biter.
Nasıl Çalışır
Her kurs, yerleşik kod editöründe gerçek zamanlı geri bildirimle tamamladığınız kısa, odaklanmış dersler halinde bölünmüştür. Takılıp kaldığınız zaman bir AI tutor mevcuttur ve her konsept, sonraki konuya geçmeden önce uygulamalı alıştırmalarla güçlendirilir.