Learn Svelte - Web Developer

Learn Svelte and SvelteKit step by step in one app, from your first reactive variable to a full-stack web app. 41 courses and 163 short, hands-on lessons, levels A1 to C1, with a Svelte code editor, debugging missions and an AI mentor on your phone. SEE WHAT THE COMPILER DOES Svelte is a JavaScript framework that works as a compiler: your components become small, plain JavaScript at build time. The first screen shows it. A nine-line .svelte component sits next to the JavaScript that Svelte 4 generated from it, and that JavaScript really runs in the preview. Tap +1 and watch which lines fire and which text nodes change. This screen is precompiled and works without internet. WHAT YOU'LL LEARN (41 COURSES) • Basics: UI components, props, reactivity, template syntax ({#if}, {#each}, {#await}), events and two-way binding • Lifecycle functions, writable, readable, derived and custom stores, slots and the context API • Transitions, animations, motion and actions • Svelte 5: runes, props and snippets, then advanced runes • SvelteKit: routing and pages, layouts, data loading, form actions, API routes, hooks, error handling and SEO • SvelteKit in production: SSR and prerendering, streaming, adapters and deployment, auth patterns, security and performance • Unit tests and end-to-end tests with Playwright • State management at scale, advanced component patterns and a full-stack SvelteKit app CODE EDITOR WITH PREVIEW • Write a component in the editor and see it rendered in a preview pane • The preview compiles your component with the Svelte 4 compiler, which is loaded from the web, so it needs an internet connection • SvelteKit server features (routing, load functions, form actions) are taught in the lessons with full code; you build and run them on your computer • Multi-file projects, run history and an AI assistant that explains a fix as a before and after PRACTICE THAT FEELS LIKE REAL WORK • 20 debugging missions built on real Svelte bugs, such as "The Prop That Arrives Undefined" and "The Derived Store That Is Always undefined" • 50 quiz questions and 50 interview questions with flashcard review • A cheat sheet with 70 entries for quick syntax checks • 20 guided HTML and CSS mini projects for your web basics, plus an AI project generator • World Coding Challenge: 3 global rounds every day, with a hall of fame AI MENTOR • Stuck on a concept or an error? Ask the AI mentor and get an explanation in plain language • Ask about a lesson right where you are, or open the AI chat • Free users get 1 AI chat and 3 in-lesson AI answers per day; Pro has no limit STAY CONSISTENT • Streaks with streak freezes, reminders and progress tracking • A short tip, a blog post and a flashcard review when you only have a few minutes • The app is available in 22 languages FREE AND PRO • Free: the first course, "Welcome to Svelte", plus a preview of every other lesson, 2 missions, 1 guided project, the editor with preview and the quizzes. The free version shows ads. • Pro: all 41 courses and 163 lessons, all missions and projects, the final exam and certificate, unlimited AI mentor, and no ads. Pro is a subscription (weekly, monthly or yearly) that you can cancel at any time in your Google Play account. WHO IT'S FOR • A web developer who knows HTML, CSS and JavaScript and wants to learn Svelte or move to SvelteKit • Beginners in web dev who want a framework with less boilerplate • Anyone preparing for a Svelte interview or a frontend project Svelte and SvelteKit are open-source projects. This app is an independent course and is not affiliated with or endorsed by the Svelte team. Privacy Policy: https://www.coddykit.com/terms/privacy-policy