Svelte Kompaktkurs

Kursinhalte

Einführung in Svelte

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

Installation und Projektsetup

• Einrichtung von Node.js und npm
• Start eines neuen Projekts mit Svelte-CLI
• Überblick über die Projektstruktur

Grundlagen von Svelte-Komponenten

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

Reaktive Variablen und Zustandsverwaltung

• Einführung in reaktive Variablen und $-Syntax
• Nutzung von let für Zustandsverwaltung

Event-Handling und Benutzerinteraktionen

• Event-Handler und Benutzerinteraktionen in Svelte
• Umsetzung interaktiver Funktionen

Kommunikation zwischen Komponenten

• Verwendung von Props und benutzerdefinierten Events
• Datenfluss zwischen Komponenten

Routing und Navigation

• Einführung in Routing mit svelte-routing
• Implementierung von Navigation und URL-Verknüpfungen

Styling in Svelte

• Inline-Styling und CSS-Klassen
• Nutzung von :global und :local

Server-Side Rendering (SSR)

• Einführung in SSR und SEO-Optimierung
• Kombination von SSR und Client-Side Rendering

Dynamische Komponenten und Lazy Loading

• Erstellung dynamischer Komponenten
• Nutzung von Lazy Loading und Code Splitting

Data Fetching und Datenverarbeitung

• Abruf und Verarbeitung externer Daten
• Fehlerbehandlung und Optimierung der Benutzererfahrung

Testing und Optimierung

• Unit-Tests und End-to-End-Tests
• Leistungs- und Code-Optimierung

Integration mit externen Frameworks und Libraries

• Svelte in bestehende Projekte integrieren
• Nutzung mit beliebten Libraries

Deployment und Veröffentlichung

• Optimierung und Bereitstellung von Svelte-Anwendungen