Photo of a computer screen showing an IDE with an open Svelte project

Workshop: 2-3 days

Svelte & SvelteKit

Bookable for teams – on-site or remote

Workshop description

Book this workshop

Our mentors look forward to working with your team and unlocking new capabilities.
Get in touch

1

Svelte Basics

Rendering reactive UIs is the core functionality of Svelte. We cover Svelte’s unique approach to reactivity, the $ syntax and its template language. We then look into writing Svelte components, accepting props, and its CSS scoping feature.

2

SvelteKit Basics

This stage introduces SvelteKit, the project framework built on Svelte. We cover project creation and management, SvelteKit’s file system as well as creating and managing pages.

3

Routing

We’ll dive deep into SvelteKit’s file based routing, loading and displaying data as well as topics like route grouping, route params and redirects.

4

Testing

SvelteKit comes with two testing strategies: Vitest for testing components in isolation and Playwright for end-to-end testing. We cover both in depth and present approaches for testing real applications.

5

Stores

This stage kicks off with an introduction of what stores are and how they work. We continue with looking into implementing the three main stores: writable, readable, and derived.

6

SvelteKit and Progressive Enhancement

The final stage of the workshop teaches how to implement progressive enhancement with forms. We cover how to send data to an API, how to validate forms, what server folders are, and give a brief introduction into hooks. We close by looking into how to implement authentication.

Your mentors

Huge nerd, Svelte Ambassador and lover. He's one of the creators of sveltelab.dev - a REPL for SvelteKit - built during the first Svelte hackathon that granted him and his co-creator the first place for best integration.

Daniel Beer

Senior Frontend Engineer

With experience in Angular and EmberJS, Daniel has as a varied background in JS Frameworks and enjoys exploring new technologies. He has used SvelteKit on multiple projects with great success.

Gabor Babicz

Senior Frontend Engineer

Gabor is a passionate frontend engineer who has spent the past two decades designing interfaces, merging functionality and aesthetics to create remarkable digital experiences.

Florian Pichler

Senior Frontend Engineer

Florian has been solving frontend challenges for over 15 years, with all tools that became available. He has built and coached design and development teams of all sizes.

Not the right workshop for you?

Take a look at our wide range of workshops to take your team to the next level
Our workshops

Stay up to date on Svelte

Subscribe to our newsletter and stay up to date about the latest events, workshops, and other news around Svelte & SvelteKit.

Book this workshop

Our mentors look forward to working with your team and unlocking new capabilities.
Get in touch