Svelte.js - The Complete Guide
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!
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!).
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!
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)
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
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.
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!
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..
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.
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 1,500,000 students worldwide as well as a successful YouTube channel 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 8953 happy students!
Full access to "Svelte.js - The Complete Guide"
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!