Svelte and SvelteKit online course
This world is still being built. Its syllabus is below, and you can start learning in the available courses today.
Welcome to Nordheim - land of the Vikings! Discover Svelte - a framework that compiles code into pure power like runes forged in a smithy. Jarl Sven the Runic will guide you through nine worlds.
Your guide
Jarl Sven Runiczny
Code Viking
What you'll learn
- Svelte 5 Runes - $state, $derived, $effect
- SvelteKit 2 routing and layouts
- Reactivity without Virtual DOM
- Single File Components
- Form Actions and progressive enhancement
- SSR, SSG, prerendering
- Transitions and animations
- Stores and state management
Main projects
During the course you will build real projects that you can add to your portfolio
Viking Dashboard
Viking control panel with real-time data
Ragnarök Blog
Blog platform with SSR and MDX
Valhalla Shop
E-commerce with Form Actions
Course program
14 modules full of interactive exercises and practical projects
Midgard
Introduction to Svelte
Svelte basics, project configuration
30 exercises
Yggdrasil
Components
Component structure, code organization
35 exercises
Rune Chamber
Reactivity and Runes
$state, $derived, $effect
45 exercises
Asgard
Props and Events
Component communication, $props
40 exercises
Bifröst
Bindings
Data bindings, forms, $bindable
38 exercises
Norns
Template Logic
{#if}, {#each}, {#await}
42 exercises
Valhalla
Lifecycle
onMount, onDestroy, $effect
35 exercises
Mimir's Well
Stores
writable, readable, derived
40 exercises
Ragnarök
Transitions and Animations
fade, fly, slide, custom transitions
45 exercises
Mjölnir
Actions
use: directives, creating custom actions
35 exercises
Drakkar
SvelteKit Routing
Routing, layouts, navigation
42 exercises
Völva's Prophecy
SSR and Data Loading
load(), SSR, SSG, prerendering
45 exercises
Market in Birka
Form Actions
Server actions, validation
40 exercises
Heimdall's Guard
Hooks, API, Deploy
hooks.server.js, API routes, deployment
48 exercises
Course theme
Nordic Mythology and Vikings
Each module is set in a unique theme that makes learning an adventure.
Your guide
Jarl Sven Runiczny
Code Viking
Will guide you through all challenges and help you gain new skills.
Svelte and SvelteKit course FAQ
Is the Svelte and SvelteKit course free?
Partly. You can read the Svelte and SvelteKit lessons for free on this site. The course tasks in the app require a premium plan, while a free account lets you complete the HTML and CSS course in the app with 10 fuel units a day.
How long does the Svelte and SvelteKit course take?
The estimated learning time for the Svelte and SvelteKit course is 70-90 hours. The course has 14 modules and more than 560 tasks, and you set the pace.
Do I need previous experience for the Svelte and SvelteKit course?
Before the Svelte and SvelteKit course it helps to know: JavaScript ES6+, HTML/CSS basics, Knowledge of React or Vue (recommended).
What will I learn in the Svelte and SvelteKit course?
In the Svelte and SvelteKit course you will learn, among other things: Svelte 5 Runes - $state, $derived, $effect, SvelteKit 2 routing and layouts, Reactivity without Virtual DOM, Single File Components.
What is learning in CodeWorlds like?
In CodeWorlds, every module is a series of short lessons with a live code editor, check questions and hands-on tasks. Progress earns you XP and unlocks new locations in the Land of the Vikings world.
Start learning Svelte 5 today
Join CodeWorlds and discover modern learning methods that make programming fascinating and accessible to everyone.