Seminarkatalog

Im fünftägigen Svelte-Komplettkurs entwickelst du moderne Webanwendungen mit Svelte von der Projektanlage bis zur Veröffentlichung. Der Kurs führt dich durch die Besonderheiten des Frameworks: Svelte verlagert zentrale Aufgaben in den Build-Prozess, wodurch Komponenten, Reaktivität und Datenfluss anders gedacht werden als in klassischen JavaScript-Frameworks.

Du arbeitest mit Svelte-Komponenten, reaktiven Variablen, Zustandsverwaltung, Events, Props, Routing, Styling, Data Fetching, Testing und Deployment. Zusätzlich behandelt das Training Server-Side Rendering für bessere Ladezeiten und SEO, Lazy Loading, Code Splitting sowie die Integration in bestehende Projekte. Damit eignet sich die Schulung für Entwicklerinnen und Entwickler, die Svelte strukturiert erlernen und direkt in produktionsnahen Webprojekten einsetzen möchten.

Solide JavaScript-Kenntnisse sind hilfreich. Falls die Grundlage noch fehlt, passt vorher der JavaScript Grundkurs; weitere passende Themen findest du in der Kategorie Webentwicklung und Webdesign.

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

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