Kurs · Schulung · Workshop

Svelte 5 und SvelteKit 2

Zweitägiger Hands-on-Kurs zu Svelte 5 und SvelteKit 2: Komponenten, Reaktivität mit Runes, State-Management, Routing und SSR für schnelle, wartbare Webanwendungen.

Tauche ein in die Welt von Svelte 5 und SvelteKit 2, wo Einfachheit regiert und die Leistung steigt. In diesem 2-tägigen Kurs wirst du von den Grundlagen des Komponentenerstellens mit Svelte 5 bis hin zur Beherrschung des Reaktivitätsmodells geführt, das deine Benutzeroberflächen dynamisch und reaktionsschnell macht. Du tauchst tief in das State-Management ein, um sicherzustellen, dass deine Apps sowohl leistungsfähig als auch einfach zu warten sind. Mit SvelteKit 2 erkundest du nahtloses Routing, effiziente Datenverwaltung und serverseitiges Rendering, alles darauf ausgelegt, deine Anwendungen blitzschnell und SEO-freundlich zu machen. Am Ende bist du vollständig in der Lage, moderne Webanwendungen zu entwickeln, die aussergewöhnliche Benutzererfahrungen mit minimalem Aufwand bieten.

Stimmen unserer Teilnehmer:innen

Diese Kunden haben Kurse im gleichen Themen-Cluster bei uns gebucht.Mehr Kunden →

Inhalt

  • Einführung in Svelte: Entdecke die Philosophie von Svelte und warum Einfachheit wichtig ist.
  • Komponentenbasierte Architektur: Erstelle modulare, wiederverwendbare Komponenten.
  • Reaktives Programmieren: Nutze Sveltes elegantes Reaktivitätsmodell für dynamische Benutzeroberflächen.
  • State-Management: Vereinfachung der Zustandsverwaltung, sowohl lokal als auch global, in Svelte.
  • Styling in Svelte: Müheloses Beherrschen von Scoped CSS, Animationen und Übergängen.
  • Einführung in SvelteKit: Erkunde die Möglichkeiten von SvelteKit in der Full-Stack-Webentwicklung.
  • Routing und Navigation: Implementiere reibungsloses, intuitives clientseitiges Routing mit SvelteKit.
  • Server-Side Rendering (SSR): Nutze SSR zur Verbesserung der Leistung und SEO mit SvelteKit.
  • API-Integration: Effizientes Abrufen und Verwalten von Daten mit den integrierten Funktionen von SvelteKit.
  • Deployment-Strategien: Vorbereitung, Optimierung und Deployment deiner Svelte- und SvelteKit-Anwendungen.

Der effektive Kursinhalt kann, abhängig von Trainer, Durchführung, Dauer und Konstellation der Teilnehmer:innen, von obigen Angaben abweichen.

In-House Kurs anfragen

Mit dem Absenden akzeptierst du unsere Datenschutzbestimmungen.

Öffentlichen Termin anfragen

Kein passender öffentlicher Termin dabei? Trag dich unverbindlich ein – sobald genug Interesse besteht, planen wir einen neuen öffentlichen Termin und informieren dich zuerst.

Anzahl Teilnehmende (ungefähr)

Mehr als 3 Teilnehmende? Am besten direkt einen Wunschtermin als In-House Kurs anfragen.

Mit dem Absenden akzeptierst du unsere Datenschutzbestimmungen.

Mehr über Svelte und SvelteKit

Svelte ist ein modernes JavaScript-Framework, das sich grundlegend von React oder Vue unterscheidet: Statt im Browser läuft die Reaktivitätslogik bereits zur Kompilierzeit, was zu kleinerem und schnellerem Code führt. SvelteKit baut darauf auf und bietet ein vollständiges Full-Stack-Framework mit Routing, SSR und Datenverwaltung. Svelte 5 bringt mit dem neuen Runes-System eine noch klarere und leistungsfähigere API für reaktive Zustände.

Weitere Ressourcen:

History

Svelte wurde 2016 von Rich Harris entwickelt, damals Grafik-Entwickler beim Guardian. Die erste Version führte das Konzept des "verschwindenden Frameworks" ein – Svelte kompiliert Komponenten zu minimalem, nativem JavaScript, ohne eine Runtime mitzuliefern. Svelte 3 (2019) revolutionierte das Reaktivitätsmodell durch einfache Zuweisung, während Svelte 4 (2023) Performance und Developer Experience verbesserte.

Mit Svelte 5 (2024) wurde das Runes-System eingeführt, das die Reaktivität expliziter und leistungsfähiger macht. SvelteKit wurde als offizielles Anwendungsframework etabliert und löste den inoffiziellen Vorgänger Sapper ab. Heute wird Svelte von Vercel gesponsert und von zahlreichen namhaften Unternehmen produktiv eingesetzt.