Teilnahmeanfrage

Erlernen Sie in unserer dreitägigen Schulung die Grundlagen von Svelte und legen Sie den Grundstein für die Entwicklung moderner, reaktiver Webanwendungen.

Wir zeigen Ihnen, wie Sie:

Svelte installieren und einrichten,
die Projektstruktur verstehen,
einfache Komponenten erstellen und Svelte-spezifische Syntax wie if, each und await anwenden,
reaktive Variablen und effiziente Zustandsverwaltung einsetzen,
Benutzerinteraktionen umsetzen und darauf reagieren,
Props und benutzerdefinierte Events nutzen, um Komponenten zu verknüpfen,
ein einfaches Routing-System implementieren,
Styling mit Inline-Styling und CSS-Klassen umsetzen,
Ihre Anwendung für die Produktion optimieren und veröffentlichen.

Praktische Übungen vertiefen Ihre Kenntnisse und geben Ihnen das Selbstvertrauen, Ihre eigenen Projekte mit Svelte umzusetzen. Kursinhalte

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