Svelte Schulung

Einführung

• Svelte.io vs React vs Vue.js

Überblick über Svelte Funktionen und Architektur

• Verwaltung des Anwendungsstatus ohne virtuelles DOM-Diffing.
• Erstellen von Anwendungen frei von externen Abhängigkeiten.
• Ladegeschwindigkeit einer Svelte-Anwendung

Erste Schritte

• Übersicht über Projektordner und Dateistruktur
• Eine einfache Hello World-Anwendung.
• Überblick über die Svelte Syntax

Erstellen einer Komponente

• Eine Vorlage schreiben
• Hinzufügen einfacher Stile
• Aufräumen der CSS-Regeln

Ausführen der Anwendung

• Ausführen, Prüfen und Aktualisieren des Codes
• Hinzufügen von Bedingungen und Schleifen

Hinzufügen von Interaktivität zur App

• Erstellen eines Benutzerformulars
• Verarbeitung von Benutzereingaben
• Binden von UI-Elementen und Übergabe von Daten
• Behandlung anderer Ereignisse

Hinzufügen von Komponenten zur Anwendung

• Wie Komponenten kommunizieren
• Navigieren durch verschiedene Komponenten mittels Routing

Verwaltung des Anwendungsstatus

• Speicherung von Daten in der Komponente
• Speichern von Daten an einem zentralen Ort
• Abonnieren von Eigenschaften

Abrufen von Daten aus externen Quellen

• Accessing Daten von einer API

Verbesserung der Benutzerfreundlichkeit

• Arbeiten mit Stilen
• Elemente referenzieren CSS

Integration von Svelte Code in ein bestehendes React-Projekt

• Bereitstellen von Code auf Komponentenebene mit Svelte
• Aufrufen von Funktionen innerhalb einer React-Anwendung

Zusammenfassung und Schlussfolgerung