Svelte Tutorial

The Svelte Tutorial is an interactive course that teaches the Svelte web framework from the basics to building full apps. It runs in the browser, so you can edit code and see the result without installing anything first.

The tutorial is split into sections, and each section has an exercise that illustrates one feature. Later exercises build on earlier ones, so the course is best followed in order. The first part covers components, markup and styles. Further parts cover more advanced Svelte features and then SvelteKit, the application framework built on top of Svelte.

• Exercises you edit in the browser
• Lessons that build on each other
• Covers components, markup and styles
• Continues into SvelteKit topics
• A solve button for exercises you get stuck on

Frontend beginners who know HTML, CSS and JavaScript and want a modern framework to learn next. It also suits web developers who are evaluating Svelte for a project and want to see how its components work in practice.

The tutorial is free to use. It assumes basic familiarity with HTML, CSS and JavaScript, so review those first if they feel unfamiliar. Try writing the code yourself instead of relying on the solve button, since typing the examples helps the ideas stick.