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

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 that 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
• Learn 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 that 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

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.