Svelte.js - The Complete Guide
Build high-performance web applications with SvelteJS - a lightweight JavaScript compiler
Enroll in Course
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!
10+
hours
190+
lessons
Course Curriculum
-
PreviewIntroduction (2:38)
-
PreviewWhy Svelte? (7:13)
-
PreviewWhat is Svelte? (4:29)
-
PreviewJoin our Online Learning Community
-
PreviewSetting Up a First App & The Course Project (11:09)
-
PreviewWriting Some Svelte Code (7:26)
-
PreviewCourse Outline (4:48)
-
PreviewHow To Get The Most Out Of The Course (3:27)
-
PreviewCourse Resources
-
StartThe Academind Pro Referral Program
-
PreviewModule Introduction (3:55)
-
PreviewUsing Curly Braces & Understanding the Core Syntax (5:36)
-
StartReactive Variables (5:48)
-
StartMore Reactivity (2:09)
-
StartBinding to Element Properties (4:16)
-
StartTwo-Way Binding Shortcut (1:41)
-
StartUsing Multiple Components (8:30)
-
StartComponents & Communication via Props (3:45)
-
StartDiving Deeper into Bindings (6:00)
-
StartUsing Self-Extending Properties (1:10)
-
StartOutputting HTML Content (3:32)
-
StartA XSS Example
-
StartSetting Dynamic CSS Classes (4:15)
-
StartAssignment - Basics (Problem) (2:13)
-
StartAssignment - Basics (Solution) (10:27)
-
StartWrap Up (1:16)
-
StartUseful Resources & Links
-
StartModule Introduction (0:49)
-
StartUsing "if" Statements in HTML (5:25)
-
Startif, else & else-if (4:27)
-
StartOutputting Lists with "each" (8:05)
-
Start"each", "else" & Extracting the Index (2:11)
-
StartLists & Keys (9:55)
-
StartAssignment - Conditionals & Loops (Problem) (1:19)
-
StartAssignment - Conditionals & Loops (Solution) (9:07)
-
StartA Closer Look at List Keys (4:16)
-
StartWrap Up (0:36)
-
StartUseful Resources & Links
Course Prerequisites
Basic JavaScript and web development knowledge (HTML/ CSS) is required
NO prior JavaScript framework experience is required
All pre-requisites are covered by courses in our "Academind Pro" Membership.
Don't take my word for it - here's what other students are saying.
Piotr Synowiec
Great course. This is what I needed. Topics are really well explained and it's a pleasure to learn and do all the assignments. I am really happy that Max has covered Svelte!
Gabriel Azevedo
Maximilian never fails to bring the best courses in this platform. The way this course was set is awesome - a new clean instance of a project in each new section to learn the concepts, and only then applying it to the main project. It's a very nice way to learn "theory"and practice. The investment here is totally worth it, and I even recommend the other courses he and Academind have to offer..
Isaac
Another great course from Max as usual. He's very clear with the examples. I really like his format of starting small and building on to an overall project as you learn new things. I highly recommend this course for anyone interested in Svelte
30 Day Money Back Guarantee - No Questions Asked!
Our courses helped thousands of students learn something new and improve their lives.
We're so convinced by our course quality that we guarantee your success and provide a full refund within the first 30 days if you're not happy with the course.
Your Instructor
As a self-taught professional I really know the hard parts and the difficult topics when learning new or improving on already-known languages. This background and experience enable me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses, more than 2,500,000 students worldwide as well as a successful YouTube channel with 900.000 subscribers is the best proof for that.
The most rewarding experience for me is to see how people find new, better jobs, build awesome web applications, work on amazing projects or simply enjoy their hobby with the help of my content.
That's why, together with Manuel Lorenz, I founded Academind to offer the best possible learning experience and to share the pleasure of learning with our students.
Frequently Asked Questions
Join 9928 happy students!
Single-Course License
Full access to "Svelte.js - The Complete Guide"
$69
Access to this course only.
This is a one-time payment that grants access to this course only, not to any other courses.
Academind Pro Membership
Unlimited access to this and all other current & future courses!