Svelte learning resources

AstonJ · 2020-10-17T23:36:21.841Z

If you know of any good learning resources for Svelte please post them here

Here’s some to get us started:

The official tutorial

https://svelte.dev/tutorial/basics

It’s brilliant! Just spend 10 minutes with it and you’ll see why people are excited about Svelte

Frontendmasters Svelte course

by the creator of Svelte

frontendmasters.com

Rich Harris' Definitive Svelte Course | Learn Svelte & Build Performance Apps

Learn the Svelte framework from the creator himself, Rich Harris! Learn svelte components, explore the entire Svelte API, and apply your knowledge in a practical project building a full game from scratch.

Egghead videos

egghead

In-Depth svelte Tutorials for 2026

Life is too short for long boring videos. Learn svelte using the best screencast tutorial videos online led by working professionals that learn in public.

YouTube

Quite a few videos on YouTube..

This one looks the most recent:

MikhailPertsev · 2020-10-18T07:28:48.205Z

“Svelte and Sapper in Action” by Mark Volkmann is a good book.
There are also 10$ courses on Udemy:

https://www.udemy.com/course/sveltejs-the-complete-guide/
https://www.udemy.com/course/svelte-tutorial-and-projects-course/ (sapper is not included here)
Good introduction to Sapper course by Net Ninja https://www.youtube.com/watch?v=-1hj5O-tQXo&list=PL4cUxeGkcC9gdr4Qhx83gBBcID-KMe-PQ&index=1

AstonJ · 2020-10-18T16:39:40.082Z

Nice find Mikhail. Sapper is their NodeJS framework right? We should probably put up a separate portal and thread for it

Personally I am aiming to use Svelte with Phoenix

MikhailPertsev · 2020-10-18T18:07:34.399Z

Yes, Sapper is Node js “app lvl” framework from Svelte’s creator. There is also an Elder.js (a static site generator, but can be also used as Sapper) https://elderguide.com/tech/elderjs/ Btw how easy is to jump into Phoenix(and Elixir) as a JS dev?

AstonJ · 2020-10-18T19:02:14.333Z

MikhailPertsev:

Btw how easy is to jump into Phoenix(and Elixir) as a JS dev?

I would think anything is easier/nicer than JS?

Seriously tho, I think you will be fine. We see quite a few people come to Elixir and Phoenix from JS, in fact only yesterday the founder of http://www.scorebreak.io mentioned they moved over from Node

MikhailPertsev · 2020-10-18T19:13:27.437Z

Yeah, JS is specific … although it has become much nicer to use in recent years how much Erlang does one need to know to be productive for Phoenix?

AstonJ · 2020-10-18T19:44:13.184Z

MikhailPertsev:

…how much Erlang does one need to know to be productive for Phoenix?

Not much to begin with

When you start using Erlang libraries you will learn more of it - but the Erlang syntax is fairly easy to pick up (it’s just ‘different’ really).

Give it a go and see how you get on? Start a #community:journals and post your progress too!

MikhailPertsev · 2020-10-18T21:11:21.826Z

Just watched Svelte Summit, forget what I said about Sapper, it is now officially “dead” and will be replaced by another Svelte framework. We can assume that it will be the same Sapper, only better.

AstonJ · 2020-10-18T22:04:17.572Z

Starts here I think Mikhail: https://youtu.be/vHHLLJA0b70?t=24062

I’m not too sure what Sapper and this new framework is - a framework to make Svelte more like a frontend framework like Ember and Angular (so includes everything like a router, project structure etc) or a back end framework like Django or Rails tuned to work with Svelte? If the latter I would prefer they focus on Svelte itself tbh…

MikhailPertsev · 2020-10-22T11:50:42.612Z

I think Rich is going in to right direction.

I see that Svelte will be more like Vue, that is, there will be an “official” way to create an app that will include router, SSR, etc, as well as a separate Svelte module as just a UI framework.

Therefore, if you want to use Svelte + Phoenix, then probably it will not differ in any way from what is already there.

AstonJ · 2021-12-12T04:26:00.066Z

A post was split to a new topic: The Joy of Svelte (course)