Mainmatter Workshop: Svelte & SvelteKit

hosted by our friends at Experteer in their awesome office: Lenbachplatz 3, 80333 München.

Duration & location

The workshop takes place over one full day on Feb. 23rd from 10:00 to 17:00 CET.

The workshop is free, but only limited seats are available.

Number of participants

To ensure the highest quality, we accept up to 25 participants.

For who?

This workshop is intended for developers who have some experience with JavaScript and frontend development in general and want to get started with Svelte & SvelteKit.

Prerequisites

We will send a detailed list of instructions for preparation, including the installation of tools, etc. Additionally, we will share a Github project with workshop materials. This information will be provided closer to the workshop date.

Workshop Contents

1. How to initiate a Svelte project: We'll start by setting up a new project we'll be working on for the rest of the day.
2. Svelte components: syntax, reactivity, styling, directives: Components are the main building blocks of Svelte apps – we'll look at the core concepts and write our first components.
3. Compiler warnings: how svelte helps you write better code: We'll look at how the Svelte compiler works and helps us write better code by raising bad patterns beyond just syntax errors.
4. What's SvelteKit: We'll learn what SvelteKit, the meta-framework built on Svelte is and how it works.
5. SvelteKit: how routing works: We'll look at routing in SvelteKit and set up our first routes.
6. SvelteKit: how to load data: Next, we look at how to load data in Svelte and SvelteKit routes and connect a datasource to our app.
7. SvelteKit: the server side: We'll learn the difference between client and server code in SvelteKit apps and how to take advantage of the differentiation for the benefit of users.
8. SvelteKit: actions, how to send data to the server? We'll look at actions and how data is sent to the server. We'll use that knowledge to make our application functional.
9. SvelteKit: progressive enhancement: SvelteKit applications can work without JS in the browser. We'll learn how and use the knowledge to make our application progressively enhanced.

Workshop facilitators

Paolo Ricciuti is a 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.

Marco Otte-Witte is the founder of Mainmatter and has been solving frontend as well as backend challenges for over 25 years. He'll be supporting attendees through the practice sessions.

About Mainmatter

Mainmatter is a digital product agency that crafts products for clients around the globe. We have our roots in the open-source community and create digital products for clients that value code quality, robustness, dependability, and honesty.