vercel/beginner-sveltekit

The complete course to start your journey building Svelte applications.

Beginner SvelteKit

A free course to start your journey building Svelte applications.

Modules

• 02: Getting started (code)
• 03: Reactivity (code)
• 04: Element Directives (code)
• 05: Conditionals and Loops (code)
• 06: CSS (code)
• 07: Tailwind (code)
• 08: Working With Components (code)
• 09: Data Binding and Event Forwarding (code)
• 10: Context API (code)
• 11: Stores (code)
• 12: Slots (code)
• 13: Animations and Transitions (code)
• 14: Routing (code)
• 15: Layouts (code)
• 16: Endpoints (code)
• 17: Loading (code)
• 18: Prefetch (code)
• 19: Adapters (code)

beginner-sveltekit's Issues

missing declaration of `inventory` variable in reactivity chapter

In the first example code of reactive statements there is a missing declaration of the inventory variable.

Duplicated content

In https://vercel.com/docs/beginner-sveltekit/css#sass/scss, the ordered list has 8 items: these are four points that were copied and appear twice with small modifications.

Fix typos

Hi, I'm learning Svelte on this awesome course.

I found some typos on https://vercel.com/docs/beginner-sveltekit/element-directives and I don't know where to change.

Extra double quotes in code blocks

Hello. I'm having a look at this tutorial, and there's something weird in all the pages I've read so far.
In the course, in the code blocks, all directives wrap curly braces with double quotes. For example: on:click="{myFunction}"... The right syntax on:click={myFunction} is used in the sources in GH repository, but these extra quotes appears from the start of the tutorial (on:click="{...}") and this goes on in the following chapters (bind:value="{...}" ).
I'm not sure if it's an error or if your material is being modified by some sort of auto-formatting of your code block... I couldn't find sources for the course material so I don't know if these are markdown files or something like that. Anyway, this might be confusing for newcomers who would follow along relying on the written material.

Missing a link to this repository in the tutorial

My kid is following your tutorial and we noticed that there doesn't seem to be a link to this repository anywhere in it. As we found out about the tutorial first, we only went searching for this repository after things started getting a bit weird... trying to follow and update the code based just on the contents of each lesson. I would suggest including a link to this repository maybe at the Getting Started page of the tutorial so others may not have to go through the same experience.

Otherwise, great tutorial, thank you!

Questions about modules after SvelteKit's load and routing changes

Hi everyone, thank you for making this course! I've been waiting to dive into SvelteKit and this looks like a fantastic starting point. I am wondering what are the plans for some of the modules of the course given the updates to the routing and load API described in sveltejs/kit#5748 . Are there any plans to update the corresponding course modules? Or would waiting until 1.0 before any further changes be more likely? I'll work through pieces of the course in the meantime; just want to know how to approach the routing and load related portions. Thank you for any feedback, and have a nice day!

Wrong content in a code block (unnamed supplementary slot where 3 named slots are enough)

In https://vercel.com/docs/beginner-sveltekit/slots#named-slots, in the code block for Modal.svelte, lines 23-34 shouldn't be there I think. The code block should stop with line 22 with the 3 named slots defined (including the one for "content").