Lerne Svelte & SvelteKit
Ein praxisnaher Kurs, der dich von der Reaktivität mit Runes bis zur fertig deployten SvelteKit-App führt — mit ständigem Bezug auf das, was du aus Rails schon kennst.
Der Lernpfad
Zwölf Module vom Sprachkern bis zum Self-Hosting.
Einstieg
Was Svelte besonders macht und wie du ein Projekt aufsetzt.
3 Lektionen
Svelte-Komponenten
Die .svelte-Datei: Script, Markup und scoped CSS in einer Einheit.
3 Lektionen
Runes & Reaktivität
Das Herzstück von Svelte 5: $state, $derived und $effect.
4 Lektionen
Props & Kommunikation
Daten und Ereignisse zwischen Komponenten austauschen.
4 Lektionen
Template-Logik
Bedingungen, Schleifen, Promises und Spezial-Tags im Markup.
3 Lektionen
Bindings & Formulare
Formulareingaben elegant an den State binden.
2 Lektionen
Transitions & Animationen
Bewegungen, die Svelte praktisch geschenkt mitbringt.
2 Lektionen
State-Management
Geteilter Zustand: Stores, Runes-Module und Context.
3 Lektionen
SvelteKit Routing
Dateibasiertes Routing, Layouts und dynamische Routen.
3 Lektionen
Laden & Mutieren
load-Funktionen, Form Actions und API-Endpunkte.
4 Lektionen
Hooks, Auth & Praxis
Hooks, Datenbank mit Drizzle, und die DevNotes-CRUD-App mit Auth.
4 Lektionen
Deployment
Build-Modi, Docker und Self-Hosting mit Coolify.
3 Lektionen
🛤️ Von Rails zu Svelte
Dein Rails-Wissen überträgt sich besser, als du denkst. Diese Analogien begleiten dich durch den ganzen Kurs.
| Rails | Svelte / SvelteKit | Notiz |
|---|---|---|
| ERB-View | .svelte-Komponente | Markup + Logik + Style zusammen |
| Instance-Variable @x | $state(x) | reaktiv statt einmalig gerendert |
| Helper / Memoization | $derived | automatisch neu berechnet |
| Controller-Action | Form Action (+page.server) | Formular → Server-Logik |
| config/routes.rb | Dateibasiertes Routing | Ordner = URL |
| ActiveRecord | Drizzle ORM | typsichere DB-Queries |