Svelte Tutorial for Beginners

Overview

In this beginner-level tutorial, you will learn about Svelte. You will learn about setting up a Svelte app, Svelte basics, user input and data binding, reactive values, loops, inline event handlers, conditionals, components, CSS and conditional styles, props, event forwarding, event modifiers, slots, forms, dispatching custom events, starting the polls project, header and footer components, reusable tabs component, poll form component, custom button component, custom form validation, adding new polls, poll details component, card component, casting votes, vote bars, stores, lifecycle hooks, updating store data, deleting polls, transition basics, and tweens and animations.

Syllabus

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