Seminaranmeldung

Erleben Sie in unserem fünftägigen Svelte-Kompaktkurs eine umfassende Einführung in das moderne Framework Svelte – von den Grundlagen bis zu fortgeschrittenen Techniken.

Lernen Sie die Unterschiede von Svelte zu anderen Frameworks kennen und erhalten Sie Einblicke in die Projektstruktur. Unser/e erfahrene/r Trainer/in zeigt Ihnen, wie Sie:

• Reaktive Variablen und Zustandsverwaltung einsetzen,
• Komponenten effektiv miteinander interagieren lassen,
• Routing und Navigation umsetzen,
• Server-Side Rendering (SSR) für SEO und Ladezeiten nutzen,
• Dynamische Komponenten und Lazy Loading implementieren,
• Daten effizient abrufen und verarbeiten,
• Ihre Anwendungen testen und optimieren.

Werden Sie fit für die Entwicklung leistungsstarker, moderner Webanwendungen mit Svelte!

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