Svelte Komplettkurs

Einordnung, Setup und Projektstruktur

• Svelte im Vergleich zu Frameworks
• Überblick über das Svelte-Ökosystem
• Node.js und npm einrichten
• Projektstart mit Svelte-CLI
• Aufbau typischer Projektstrukturen

Komponenten, Templates und Reaktivität

• Erstellung wiederverwendbarer Svelte-Komponenten
• Mustache-Tags für dynamische Inhalte
• Bedingungen mit {#if} Blöcken
• Listen mit {#each} Blöcken
• Asynchrone Inhalte mit {#await}
• Reaktive Variablen und $-Syntax

Zustand, Events und Komponentenkommunikation

• Zustandsverwaltung mit let
• Event-Handling in Komponenten
• Interaktive Benutzerfunktionen
• Props für Datenübergabe
• Benutzerdefinierte Events
• Datenfluss zwischen Komponenten

Routing, Navigation und Styling

• Routing mit svelte-routing
• Navigation und URL-Verknüpfungen
• Inline-Styling und CSS-Klassen
• Scoped Styling in Komponenten
• :global und :local einsetzen

SSR, Performance und Datenverarbeitung

• Server-Side Rendering für Webanwendungen
• SSR und Client-Side Rendering
• SEO-Aspekte bei Svelte-Anwendungen
• Dynamische Komponenten erstellen
• Lazy Loading und Code Splitting
• Externe Daten abrufen
• Fehlerbehandlung beim Data Fetching

Testing, Integration und Deployment

• Unit-Tests für Komponenten
• End-to-End-Tests für Nutzerflüsse
• Leistungsoptimierung und Code-Optimierung
• Integration in bestehende Projekte
• Nutzung externer Libraries
• Build-Optimierung und Veröffentlichung

• Grundkenntnisse in HTML, CSS und JavaScript
• Erfahrung mit clientseitiger Webentwicklung
• Sicherer Umgang mit Editor, Browser und Kommandozeile
• Grundverständnis von npm und modernen Build-Prozessen hilfreich

• Frontend-Entwicklerinnen und Frontend-Entwickler, die Svelte für moderne Webanwendungen einsetzen möchten
• JavaScript-Entwicklerinnen und JavaScript-Entwickler mit Erfahrung in clientseitiger Webentwicklung
• Webentwicklerinnen und Webentwickler, die Komponentenarchitektur, Routing und SSR strukturiert erlernen möchten
• Projektteams, die Svelte in bestehende Webprojekte integrieren oder evaluieren