Скачать или смотреть Svelte Fundamentals: Props, Logic, Events & Bindings Explained

In the previous video, we covered the Introduction to Svelte and Reactivity. Now, it's time to build actual interactive applications!

In this tutorial, we dive deep into the core syntax that makes Svelte so powerful. We’ll cover how to pass data between components, handle flow control logic, manage DOM events, and work with form inputs.

By the end of this video, you will learn:
Props: How to pass data and set default values.
Logic: Mastering If/Else blocks and looping with Each/Await.
Events: Handling DOM events and component communication.
Bindings: Two-way data binding for text, checkboxes, and select inputs.

Timestamps:
0:23 - Introduction to Props
0:59 - Using If blocks for conditional rendering
2:22 - Implementing Each blocks for lists and loops
3:07 - Importance of Keys in each blocks
3:44 - Handling Promises with await blocks
5:03 - Understanding Event Handling
5:47 - Exploring Event Modifiers (bubbling and capturing phases)
7:38 - Passing Functions as Props
8:43 - Spreading Props
9:24 - Introduction to Bindings (two-way data binding)