Svelte Tutorial for Beginners — 4h 25m total, 35 videos

1×	4h 25m 22s
1.25×	3h 32m 18s
1.5×	2h 56m 55s
1.75×	2h 31m 38s
2×	2h 12m 41s

Plan to finish

About 5 days at an hour a day

Pick a daily pace and the days you'll watch. Ticked videos are skipped.

At one hour a day, every day, this playlist takes about 5 days. Turn on JavaScript to plan around your week.

Videos (35)

4h 25m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser.


1	Svelte Tutorial for Beginners #1 - Introduction	7:00	2020-03-30
2	Svelte Tutorial for Beginners #2 - Setting up a Svelte App	6:39	2020-03-30
3	Svelte Tutorial for Beginners #3 - Svelte Basics	9:14	2020-03-30
4	Svelte Tutorial for Beginners #4 - User Input & Data Binding	6:54	2020-04-01
5	Svelte Tutorial for Beginners #5 - Reactive Values	7:02	2020-04-01
6	Svelte Tutorial for Beginners #6 - Loops	6:18	2020-04-03
7	Svelte Tutorial for Beginners #7 - Inline Event Handlers	8:21	2020-04-03
8	Svelte Tutorial for Beginners #8 - Conditionals	4:42	2020-04-06
9	Svelte Tutorial for Beginners #9 - Components	6:41	2020-04-06
10	Svelte Tutorial for Beginners #10 - CSS & Conditional Styles	9:45	2020-04-08
11	Svelte Tutorial for Beginners #11 - Props	5:16	2020-04-08
12	Svelte Tutorial for Beginners #12 - Event Forwarding	6:57	2020-04-10
13	Svelte Tutorial for Beginners #13 - Event Modifiers	3:24	2020-04-10
14	Svelte Tutorial for Beginners #14 - Slots	5:34	2020-04-13
15	Svelte Tutorial for Beginners #15 - Forms (part 1)	7:24	2020-04-13
16	Svelte Tutorial for Beginners #16 - forms (part 2)	8:33	2020-04-15
17	Svelte Tutorial for Beginners #17 - Dispatching Custom Events	10:40	2020-04-15
18	Svelte Tutorial for Beginners #18 - Starting the Polls Project	4:08	2020-04-16
19	Svelte Tutorial for Beginners #19 - Header & Footer Components	8:11	2020-04-16
20	Svelte Tutorial for Beginners #20 - Reusable Tabs Component	15:39	2020-04-17
21	Svelte Tutorial for Beginners #21 - Poll Form Component	8:25	2020-04-20
22	Svelte Tutorial for Beginners #22 - Custom Button Component	10:02	2020-04-20
23	Svelte Tutorial for Beginners #23 - Custom Form Validation	8:50	2020-04-22
24	Svelte Tutorial for Beginners #24 - Adding New Polls	11:14	2020-04-22
25	Svelte Tutorial for Beginners #25 - Poll Details Component	8:21	2020-04-23
26	Svelte Tutorial for Beginners #26 - Card Component	3:38	2020-04-24
27	Svelte Tutorial for Beginners #27 - Casting Votes	10:38	2020-04-24
28	Svelte Tutorial for Beginners #28 - Vote Bars	7:07	2020-04-27
29	Svelte Tutorial for Beginners #29 - Introduction to Stores	7:41	2020-04-27
30	Svelte Tutorial for Beginners #30 - Lifecycle Hooks	7:35	2020-04-29
31	Svelte Tutorial for Beginners #31 - Updating Store Data	8:19	2020-04-29
32	Svelte Tutorial for Beginners #32 - Deleting Polls	6:25	2020-05-01
33	Svelte Tutorial for Beginners #33 - Transition Basics	6:32	2020-05-01
34	Svelte Tutorial for Beginners #34 - Tweens & Animations	9:27	2020-05-04
35	Svelte Tutorial for Beginners #35 - Wrap Up	2:46	2020-05-04

Embed a badge

Show the watch time in a README or course description — it links back here and updates itself

Markdown

[![Watch time: 4h 25m · 35 videos](https://playlistduration.com/badge/playlist/PL4cUxeGkcC9hlbrVO_2QFVqVPhlZmz7tO.svg)](https://playlistduration.com/playlist/PL4cUxeGkcC9hlbrVO_2QFVqVPhlZmz7tO)

HTML

<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9hlbrVO_2QFVqVPhlZmz7tO"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9hlbrVO_2QFVqVPhlZmz7tO.svg" alt="Watch time: 4h 25m · 35 videos" width="203" height="20"></a>

Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.

Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PL4cUxeGkcC9hlbrVO_2QFVqVPhlZmz7tO returns them as JSON — free, no key. API docs →