« Previous
Next »
Svelte HOME
Welcome to the iwantcoding.com Svelte Tutorial. Svelte is a compile-time framework: there's no virtual DOM at runtime — your .svelte files are compiled into small, surgically efficient JavaScript that updates the DOM directly.
What this tutorial covers
| Chapter | You will learn |
|---|---|
| Svelte Basics | Components, props, runes ($state / $derived / $effect), events, bindings. |
| Logic & Control Flow | {#if}, {#each}, {#await}, {#key}, and the new {#snippet} blocks. |
| Lifecycle & Modules | onMount, context, stores, actions, transitions, motion springs. |
| SvelteKit | File-based routing, load() functions, form actions, hooks, deploys. |
| Examples | Runnable snippets, quiz, exercises, bootcamp, certificate. |
Who this is for
- Anyone who finds React noisy — less ceremony, less re-render thinking.
- Performance-budget apps — tiny runtime, great Lighthouse scores by default.
- SvelteKit-curious devs — a full-stack framework with the same compile-time magic.
How to use this tutorial: read the chapter, run the example with Try it Yourself », do the exercise, then take the quiz at the bottom. Hit Mark complete when you're done — the sidebar will track your progress.
Example
« Previous
Next »
Discussion
Loading…