Learn Svelte – Full Course for Beginners

From the creator

Learn Svelte in this full course for beginners! Svelte is a front-end JavaScript framework for making interactive webpages. ✏️ Li Hau Tan developed this course. Li is a core maintainer of Svelte. Check out his channel: https://www.youtube.com/lihautan 💻 Code links in top comment (because of YouTube's description character limit) ❤️ Try interactive Frontend courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Frontend (Made possible by a grant from our friends at Scrimba) ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:31) Writing your 1st Svelte component ⌨️ (0:06:25) Style your Svelte component ⌨️ (0:18:48) Adding data to Svelte component ⌨️ (0:23:22) Reactivity in Svelte ⌨️ (0:37:41) Attaching events in Svelte ⌨️ (0:48:07) Reactive Declarations and Statements ⌨️ (1:06:19) tick() ⌨️ (1:19:06) Component and props ⌨️ (1:29:09) Component events ⌨️ (1:44:35) Forwarding component events ⌨️ (1:56:17) class: directive ⌨️ (2:02:31) Binding ⌨️ (2:13:04) bind:group ⌨️ (2:24:18) bind:this ⌨️ (2:35:28) Component Lifecycle ⌨️ (2:45:55) onMount ⌨️ (2:55:27) {#if} block ⌨️ (3:04:38) {#each} block ⌨️ (3:22:46) keyed {#each} block ⌨️ (3:46:33) keyed {#each} visualized ⌨️ (4:06:58) {#await} block ⌨️ (4:27:01) {#key} block ⌨️ (4:40:10) Context ⌨️ (4:56:21) Communicating through Context ⌨️ (5:16:06) Intro to Svelte store ⌨️ (5:29:07) Writable store ⌨️ (5:32:11) Readable store ⌨️ (5:40:25) Svelte store contract ⌨️ (5:53:34) Redux store as Svelte store ⌨️ (6:06:01

Published 2022-10-17 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.