Svelte Tutorial for Beginners
Svelte is a front-end web development framework in a similar bracket to React and Vue.js. It helps us to easily create dynamic, data-driven, very quick & responsive websites & single page applications (SPA's for short). In this Svelte tutorial series we'll learn the basics of Svelte first, before creating an animating poll website with what we've learnt.
What You'll Learn...
Getting Started with Svelte
Available in
days
days
after you enroll
- 1 - introduction (5:15)
- 2 - setting up a svelte app (6:38)
- 3 - svelte basics (9:13)
- 4 - data binding & inputs (6:53)
- 5 - reactive values (7:01)
- 6 - loops (6:17)
- 7 - inline event handlers (8:20)
- 8 - conditionals (4:41)
- 9 - components (6:40)
- 10 - CSS & conditional styles (9:44)
- 11 - props (5:15)
- 12 - event forwarding (6:56)
- 13 - event modifiers (3:23)
- 14 - slots (5:33)
- 15 - forms (part 1) (7:23)
- 16 - forms (part 2) (8:32)
- 17 - dispatching custom events (10:39)
Putting it all Together - Creating a Polls Website
Available in
days
days
after you enroll
- 18 - starting the polls project (4:07)
- 19 - header & footer components (8:10)
- 20 - tabs component (15:38)
- 21 - poll form component (8:24)
- 22 - custom button component (10:01)
- 23 - custom form validation (8:49)
- 24 - adding new polls (11:13)
- 25 - poll details component (8:20)
- 26 - card component (3:37)
- 27 - casting votes (10:37)
- 28 - outputting vote bars (7:06)
- 29 - intro to stores (7:40)
- 30 - lifecycle hooks (& unsubbing subsciptions) (7:34)
- 31 - updating store data (8:18)
- 32 - deleting polls (6:24)
- 33 - transition basics (6:31)
- 34 - tweens & animations (9:26)
- 35 - wrap up (2:45)
Course Preview
Sign up for Net Ninja Pro
Most popular
Monthly Membership
$9/mo
- Instant access to all courses
- Early access to new courses
- Access to premium & Udemy courses
- Cancel at any time
Yearly Membership
$79/yr
- Instant access to all courses
- Early access to new courses
- Access to premium & Udemy courses
- Save over 25%!
Get your first month half price when you use the code NINJAFLEDGLING. (monthly plan only).