iwantcoding
.com
Tutorials
▾
Web Frontend
HTML
CSS
HTML5
CSS3
JavaScript
TypeScript
Sass
React
Vue
Svelte
Tailwind
Backend
Python
PHP
Node.js
Java
Go
Rust
Ruby
C#
Databases
SQL
MySQL
PostgreSQL
MongoDB
Firebase
GraphQL
Redis
Mobile
React Native
Flutter
Swift
Kotlin
Ionic
Cloud & DevOps
AWS
Docker
Kubernetes
CI/CD
Linux/Bash
AI & Data
NumPy/Pandas
Machine Learning
TensorFlow
PyTorch
LangChain
RAG
Cybersecurity
XSS
SQL Injection
CSRF
OWASP Top 10
Cryptography
Ethical Hacking
Tools
Git
DSA
Design Patterns
RegEx
VS Code
Specialty
Game Dev
WordPress
Web3/Solidity
Three.js
Capstone
Enterprise Architecture
HTML
CSS
JAVASCRIPT
SQL
PYTHON
PHP
TYPESCRIPT
REACT
NODEJS
MONGODB
DOCKER
GIT
TAILWIND
GRAPHQL
LINUX-BASH
AWS
KUBERNETES
VUE
SVELTE
SASS
THREEJS
GO
RUST
JAVA
RUBY
CSHARP
WORDPRESS
POSTGRESQL
MYSQL
REDIS
FIREBASE
REACT-NATIVE
FLUTTER
SWIFT
KOTLIN
IONIC
CICD
NUMPY-PANDAS
ML
TENSORFLOW
PYTORCH
LANGCHAIN
XSS
SQLI
CSRF
OWASP
CRYPTO
DSA
DESIGN-PATTERNS
REGEX
VSCODE
GAMEDEV
WEB3
ENTERPRISE
CAPSTONE
ETHICAL-HACKING
🔥 Daily
👥 Rooms
🏆 Top
Log in
Sign up
AI ✨
Svelte Tutorial
BOSS QUIZ
10 questions · 5 minutes · pass at 70% to clear the track.
05:00
Start
Q1.
Side effects (auto-rerun on dep change) use…
from Reactivity (runes)
$effect
useEffect
watch
on:change
Q2.
A Svelte component file ends in…
from Intro
.sv
.svelte
.html
.tsx
Q3.
Provide a key with…
from {#each}
({item}) syntax
{#each list as item (item.id)}
key={item.id}
data-key
Q4.
Svelte is unusual because it…
from Intro
Ships a runtime VDOM
Compiles components to small JS
Requires JSX
Uses Web Components only
Q5.
Iterate a list in markup with…
from {#each}
{#each list as item}
v-for
map(item =>)
@for(item of list)
Q6.
In Svelte 5, plain reactive state often replaces…
from Stores
Routing
Stores for local state
Forms
CSS
Q7.
An empty list fallback uses…
from {#each}
{:else}
{:empty}
{:default}
@empty
Q8.
A component emits to its parent by…
from Events
Calling a callback prop
Using window.dispatchEvent
Setting innerHTML
Returning a value
Q9.
You auto-subscribe to a store in markup with…
from Stores
{$store}
$store
{store.value}
@store
Q10.
Event modifiers (in Svelte 4) include…
from Events
|preventDefault
.prevent
@stop
#once
Submit
Back to Svelte Tutorial
🏆
Achievement unlocked!