Скачать или смотреть Accordion/Collapsibles (How-To-Svelte)

Practice Svelte class:shorthand, IF blocks, Each loop with data object, Svelte transitions, forwarding event listeners, building event handlers and implementing a modal.

00:04 The Project
02:00 building a component
03:10 class:shorthand with styling
03:58 toggling content DIV with class:shorthand
04:41 on:click with handler to toggle
05:22 Setting up the data object and export/importing it
06:05 Making and passing props
06:45 EACH loop with data object and destructuring
07:45 IF block to toggle + and - symbols
09:20 Add MAP button with modal to show map
14:27 Svelte transitions

Check out my music productions:
  / hey-hanlon  
  / stephen-hanlon  

Learn More about Svelte here:
https://svelte.dev/

View my Svelte REPL for this project here (with updates to the code):
https://svelte.dev/repl/0aff293b94e44...

View the w3school How To here:
https://www.w3schools.com/howto/howto...
https://www.w3schools.com/howto/howto...

If you thought this video was helpful, consider buying me a coffee here: https://ko-fi.com/sixstringscoder

Data and images from wikipedia.org