← Back to courses
Web Development
Svelte and SvelteKit Web Development
Six weeks through all four parts of the official tutorial
A six-week classroom course that follows the four parts of the official Svelte tutorial: Basic Svelte, Advanced Svelte, Basic SvelteKit and Advanced SvelteKit — components and reactivity first, then routing, loading data, forms, API routes, hooks and page options. You finish with a small full-stack application. This course prepares for no exam.
8Modules
IntermediateLevel
6 weeksDuration
COURSE THUMBNAIL
What you will be able to do
Build reactive components in Svelte
Build a routed SvelteKit site that loads data
Handle forms with validation and progressive enhancement
Write API routes and server hooks
Course outline
01
Basic Svelte: components, reactivity and props
02
Basic Svelte: logic, events, bindings, styles and transitions
03
Advanced Svelte: advanced reactivity, snippets and motion
04
Advanced Svelte: advanced bindings, context and special elements
05
Basic SvelteKit: routing, loading data, headers and cookies
06
Basic SvelteKit: forms, API routes, errors and redirects
07
Advanced SvelteKit: hooks, page options and link options
08
Advanced SvelteKit: advanced routing, advanced loading and environment variables
Tools you will use
SvelteSvelteKitNode.jsVisual Studio Code
What you need
HTML, CSS and JavaScript
