Skip to main content
Frontend Development Beginner

Svelte Fundamentals

Svelte moves work to compile time, so there is no virtual DOM to reason about. Learn its reactivity model, stores for shared state, transitions and slots, then routing and data loading with SvelteKit.

30 chapters 2h 30m
Start Learning

What you'll learn

  • Introduction to Svelte
  • Installing Svelte and Environment Setup
  • Svelte Project Structure
  • Svelte Syntax and Components
  • Reactivity in Svelte
  • Variables and State Management
  • Event Handling in Svelte
  • Conditional Rendering and Loops

Course content

30 chapters · 2h 30m
  1. 1 Introduction to Svelte 5 min
  2. 2 Installing Svelte and Environment Setup 5 min
  3. 3 Svelte Project Structure 5 min
  4. 4 Svelte Syntax and Components 5 min
  5. 5 Reactivity in Svelte 5 min
  6. 6 Variables and State Management 5 min
  7. 7 Event Handling in Svelte 5 min
  8. 8 Conditional Rendering and Loops 5 min
  9. 9 Props and Component Communication 5 min
  10. 10 Svelte Stores 5 min
  11. 11 Forms and User Input 5 min
  12. 12 Lifecycle Functions in Svelte 5 min
  13. 13 Routing in Svelte 5 min
  14. 14 SvelteKit Basics 5 min
  15. 15 API Calls and Fetching Data 5 min
  16. 16 Working with JSON and REST APIs 5 min
  17. 17 Svelte Transitions and Animations 5 min
  18. 18 Slots and Dynamic Components 5 min
  19. 19 Context API and Advanced State Management 5 min
  20. 20 Authentication and Authorization 5 min
  21. 21 Svelte with Firebase 5 min
  22. 22 Svelte with TailwindCSS 5 min
  23. 23 Performance Optimization in Svelte 5 min
  24. 24 Testing in Svelte 5 min
  25. 25 Building Reusable UI Components 5 min
  26. 26 Svelte Interview Preparation 5 min
  27. 27 Advanced Svelte Concepts 5 min
  28. 28 Svelte Data Structures and Algorithms UI 5 min
  29. 29 Deploying Svelte Applications 5 min
  30. 30 Final Projects and Real-World Applications 5 min