Seminarkatalog

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.

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

• Grundkenntnisse in HTML, CSS und JavaScript
• Erfahrung in der clientseitigen Webentwicklung

Webentwickler*innen, die moderne Frontend-Technologien kennenlernen möchten.

Lernformate

Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.

Schulungsarten

Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.

Uhrzeiten

09:00–16:00 Uhr

Aktuelle Software

In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest – praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.

D