Svelte.js – The Complete Guide (incl. Sapper.js)

Svelte.js - The Complete Guide (incl. Sapper.js)

Build high-performance web applications with SvelteJS – a lightweight JavaScript compiler

What you’ll learn

  • SvelteJS from scratch, with zero knowledge assumed
  • All the theory and practical applications of Svelte
  • Core concepts and advanced techniques to build Svelte applications


  • Basic JavaScript knowledge is required
  • NO prior knowledge about SvelteJS or any other JavaScript framework or library is required


Svelte.js (or just “Svelte”) is a modern JavaScript compiler that allows you to write easy-to-understand JavaScript code which is then compiled to highly efficient code that runs in the browser.

You’ll write your frontend application using normal JavaScript, following specific rules laid out by Svelte (which are of course taught in this course). As a result, the Svelte compiler will produce a small and highly optimized JavaScript bundle which can be deployed.

In this course, you’ll learn all about Svelte, how it works, its core features and how to run your final app on a real server!

Svelte.js is a tool for building highly reactive, modern user interfaces for the web – and it’s a great alternative to JavaScript frameworks and libraries like React.js, Angular or Vue.

What will you learn?

  • What is Svelte and why would you use it?
  • All the core features and base syntax
  • How to render conditional and list content
  • How to write reactive and fast web applications
  • All about components, how to pass data around and how to create re-usable building blocks
  • How to efficiently manage data in your application via Svelte stores
  • How to reach out to a backend server and send + fetch data
  • How to pre-render your app on a server and improve SEO

Is this course for you?

Svelte is a popular alternative to React.js, Angular and Vue and learning it will benefit any frontend web developer.

You don’t need to know these frameworks to learn Svelte though – but if you do know them, you’ll learn about an interesting alternative which might allow you to build your web projects with less code (and get an even faster app along the way!).

You need NO advanced JavaScript knowledge, basic knowledge will do.

If you’re interested in building modern, reactive user interfaces that load quickly and run fast, SvelteJS is a tool you shouldn’t overlook!

What’s in the course?

  • Learn Svelte from scratch – zero knowledge assumed!
  • Theory and practice modules
  • A complete course project (the “meetup planner”)
  • Assignments and tasks
  • All source code is attached to lectures and modules
  • 30 day trial phase – get your money back with no questions asked if you’re not happy!

Who’s teaching you?

My name is Maximilian Schwarzmüller and I’m teaching a broad variety of web & mobile development topics here on Udemy. I immediately loved Svelte when I learned about it since it fills an important gap between vanilla JavaScript and frameworks like Angular, React or Vue.

It can be used to replace these frameworks or to enhance apps built with them – and I simply love lightweight apps and clean syntax rules.

Who this course is for:

  • Beginner and advanced JavaScript students who are interested in writing high-performance frontend applications
  • Students who already know modern JavaScript frameworks and want to learn about a lightweight, production-ready alternative

Great as usual, just don’t like the last part. In the end (sapper and deployment section) I should follow along with project that we build. For me, It’s better for the new material section to not ‘depend’ on something that not everyone will follow along. Of course I can just download the finished code but that’s not my style. Anyway that’s not something crucial though, the course still recommended

Course content

19 sections • 196 lectures • 12h 44m total length
  • Getting Started
  • Base Syntax & Core Features
  • Working with Conditionals & Loops
  • A Closer Look at Reactivity
  • Course Project – First Steps
  • Diving Deeper Into Components
  • Course Project – Components Deep Dive
  • Working with Bindings & Forms
  • Course Project – Bindings & Forms
  • Managing State & Data with Stores
  • Course Project – Stores
  • Motion, Transitions & Animations
  • Course Project – Transitions
  • Network Interaction via Http
  • Course Project – Http
  • Special Elements
  • Routing & Server-side Rendering with Sapper
  • Deployment
  • Course Roundup
English [Auto], French [Auto], German [Auto], Indonesian [Auto], Italian [Auto], Portuguese [Auto]
Direct Download Available
Rating: 4.7 out of 5
(2,032 ratings)
10,363 students

Download link

Related Posts

Add a Comment

Your email address will not be published. Required fields are marked *