8" :class="scrolled && 'is-scrolled'">
NOA
Labs
Tutorials
Courses
Skill Forge
Explore
Labs
Hands-on live sessions
Mentors
Meet the senior engineers
Projects
Real portfolio-ready builds
Talent Directory
Public student profiles
Mock Interview
Practice with real feedback
ATS Resume Checker
Free instant resume scoring
Search docs
Ctrl K
Login
Join Free
Artificial Intelligence
LangChain
LLMs
Machine Learning
Prompt Engineering
RAG (Retrieval-Augmented Generation)
AJAX
GraphQL
Apache Kafka
Microservices
Node.js
RabbitMQ
REST API
WebSockets
Algorithms
Data Structures
Angular
Bootstrap
CSS
HTML
jQuery
Next.js
Nuxt.js
React
Svelte
Tailwind CSS
Vue.js
ASP.NET Core
Django
.NET
Entity Framework Core
FastAPI
Flask
Gin
gRPC
Hibernate
Laravel
NestJS
Spring
Spring Boot
Spring Cloud
Spring Data JPA
Spring MVC
Spring Security
AWS
Azure
CI/CD
Docker
Git
Kubernetes
Linux
Nginx
Terraform
C
C++
C#
Dart
Go
Java
JavaScript
Kotlin
PHP
Python
Ruby
Rust
Swift
TypeScript
Database Design
MongoDB
MySQL
Oracle Database
PostgreSQL
Redis
SQL
System Design
↑↓ navigate
↵ open
esc close
Tutorials
/
Svelte
Svelte menu
Svelte Tutorial
A compiler-first frontend framework — no virtual DOM, truly reactive components.
Start the Svelte tutorial →
What you'll learn
1. Svelte Introduction
What makes Svelte a compiler instead of a runtime library, and how to scaffold a project.
2. Reactivity and Components
Plain let variables as reactive state and reactive statements with the $: syntax.
3. Props and Events
Declaring props with export let, dispatching custom events, and two-way binding with bind:value.
4. Stores
Sharing state across components with writable and readable stores and the $store syntax.
5. SvelteKit Basics
What SvelteKit adds over plain Svelte — file-based routing and load functions — with a complete example.
6. Testing Svelte Apps
Vitest and Testing Library for Svelte, with complete component test examples.
7. Svelte Interview Questions
Common Svelte interview questions covering the compiler approach, reactivity, stores, SvelteKit, and testing.