Building a Reactive Kanban Application using Svelte

Overview

Build a production-ready Kanban application using Svelte 5 and SvelteKit. Develop reactive components, persistent state, themes, drag-and-drop interactions, routing, server-side rendering, and accessible controls.

What you'll learn

Build reusable, responsive components with Svelte 5
Manage reactive state and derived values using Runes
Persist application data and theme preferences in local storage
Validate forms and handle asynchronous operations, errors, and edge cases
Implement accessible drag-and-drop and keyboard interactions
Create multiple views with routing and server-side rendering
Design light, dark, and sepia themes with system preference detection

Advantages and disadvantages

Advantages

University courses you can audit for free, with lectures, readings and practice quizzes.
A verified certificate from the university if you pay for it.
Self-paced: start any time.

Disadvantages

Graded assignments and the certificate need the paid track.
Audit access can expire a few weeks after the course ends.
Learning is free, but the certificate costs money.
Some parts (graded work, certificate) are paid.

Some points apply to every course of this kind; see how we rank.

Free to audit

Free: Choose "Audit this course" when you enrol: lectures, readings and practice are free.
Paid: Graded assignments and the verified certificate (Certificate $85). Audit access may end after the course closes.

Before you start

Beginner: Page Layout and Rendering with SPAs (CSS, HTML, JavaScript, Svelte)

Similar courses

Compare these

Massachusetts Institute of Technology · YouTube

MIT 6.01SC Introduction to EECS I

Instructor: Dennis Freeman, Kendra Pugh This course provides an integrated introduction to electrical engineering and computer science, including modern software engineering, linear systems analysis, electronic circuits, and decision-making. The lecture videos provide an overview of each topic, whi…

Free video27 videos, 17 hours

Harvard University · edX

Fundamentals of TinyML

4.567 ratings

Focusing on the basics of machine learning and embedded systems, such as smartphones, this course will introduce you to the “language” of TinyML.

Free to audit5 weeks, 2 - 4 hours per week

Harvard University · edX

Introduction to Data Science with Python

4.3174 ratings

Learn the concepts and techniques that make up the foundation of data science and machine learning.

Free to audit8 weeks, 3 - 5 hours per week

Harvard University · edX

CS50's Introduction to Computer Science

An introduction to the intellectual enterprises of computer science and the art of programming.

Free to audit12 weeks, 5 - 14 hours per week

Harvard University · edX

Data Science: Building Machine Learning Models

4.4133 ratings

Build a movie recommendation system and learn the science behind one of the most popular and successful data science techniques.

Free to audit8 weeks, 2 - 3 hours per week

Harvard University · edX

CS50's Introduction to Programming with Python

An introduction to programming using Python, a popular language for general-purpose programming, data science, web programming, and more.

Free to audit10 weeks, 3 - 6 hours per week