Svelte Grundkurs

Einführung in Svelte

• Was ist Svelte, und wie unterscheidet es sich von anderen Frameworks?
• Überblick über das Svelte-Ökosystem

Installation und Projekt-Setup

• Einrichtung von Node.js und npm
• Start eines neuen Projekts mit Svelte-CLI
• Projektstruktur und Hauptdateien verstehen

Grundlagen von Svelte-Komponenten

• Erstellung einfacher Komponenten
• Verwendung von Mustache-Tags ({})
• Bedingte Anweisungen wie if, each und await

Reaktive Variablen und Zustandsverwaltung

• Einführung in reaktive Variablen und $-Syntax
• Effiziente Verwaltung von Zuständen

Event-Handling und Benutzerinteraktionen

• Benutzerinteraktionen in Svelte-Komponenten
• Event-Handler nutzen und interaktive Funktionen umsetzen

Kommunikation zwischen Komponenten

• Nutzung von Props und benutzerdefinierten Events
• Datenfluss in der Komponentenhierarchie

Routing und Navigation

• Implementierung eines einfachen Routers mit svelte-routing
• Erstellung von Routen und Navigation zwischen Seiten

Styling in Svelte

• Inline-Styling und Nutzung von CSS-Klassen
• Globale und lokale Styles mit :global und :local

Deployment und Veröffentlichung

• Optimierung von Svelte-Anwendungen
• Nutzung von npm run build zur Produktionsbereitstellung