Sapiens https://diode.zone/c/sapiens/videos Tue, 20 Oct 2026 10:28:44 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://diode.zone Sapiens https://diode.zone/lazy-static/avatars/825073b2-92b1-4d12-9ea6-cfe204bc8799.png https://diode.zone/c/sapiens/videos All rights reserved, unless otherwise specified in the terms specified at https://diode.zone/about and potential licenses granted by each content's rightholder. https://diode.zone/feeds/podcast/videos.xml?videoChannelId=10698 <![CDATA[Svelte Course | Learn from scratch]]> https://diode.zone/w/21voGae144BxXetUozopBs https://diode.zone/w/21voGae144BxXetUozopBs Wed, 16 Nov 2022 12:11:39 GMT 🚀 Greetings 🚀
Do you know how to code, and want to step into frontend development? Svelte is ideal for this. Not only is it very simple to use and learn; it's also one of the fastest frameworks out there.

Whether you're a beginner or someone with a little more practice, I hope this course can teach you something new.

🪙 Donations 🪙
Did you find this course helpful? Consider making a donation.
A lot of time and effort went into recording and editing the whole thing, so any incentive would be greatly appreciated!
https://buy.stripe.com/9AQ8yC4sHdVXcF28wz

⏱ Timestamps ⏱

♦ (00:00:00) Intro

♦ (00:02:34) Setup

♦ (00:06:05) Components

♦ (00:09:47) Page vs Component

♦ (00:15:13) Javascript

♦ (00:22:14) Pages

♦ (00:27:56) Binds

♦ (00:32:51) Stores

♦ (00:39:30) Persistent Stores

♦ (00:42:29) Logic blocks

♦ (00:48:21) Fetching/SSR

♦ (00:52:14) Lifecycle Hooks

♦ (00:54:22) Transitions

♦ (00:57:08) Page Transitions

♦ (01:01:43) Themes

♦ (01:09:11) Build

♦ (01:11:01) [BONUS] SCSS Setup

♦ (01:11:52) [BONUS] Event Targets & Special Tags

♦ (01:13:02) Outro

🗒 Note: Since the making of this video, the structure to create pages has slightly changed.
For example, to create an "about" page, you don't make an "about.svelte" file. You must create a directory called "about", and add a "+page.svelte" file. The "+" is necessary for all pages, including the layout; so rename "__layout" to "+layout".

To have a site with a homepage, an about page and a common layout, you need a structure like:
📁 routes/
+page.svelte (homepage)
+layout.svelte
📁 about/
+page.svelte

Remember, frameworks are a moving target. Relearning a few little things down the line is part of the process.
I know you can do this. Best of luck 😃

]]> Sapiens Education nonadult Svelte Course | Learn from scratch 🚀 Greetings 🚀 Do you know how to code, and want to step into frontend development? Svelte is ideal for this. Not only is it very simple to use and learn; it's also one of the fastest frameworks out there. Whether you're a beginner or someon...