DEV Community

Cover image for Best Svelte JS Courses to take up this lockdown season!
Devansh Agarwal for Coursesity

Posted on • Updated on

Best Svelte JS Courses to take up this lockdown season!

Disclosure: This post includes affiliate links; our team may receive compensation if you purchase products or services from the different links provided in this article.

One of my previous articles, titled Javascript Frameworks that will rock this year! was loved a lot by all of you! So my heartiest gratitude to all of you for showing your love and sharing your honest opinions. Among all the love and feedback that I got, one thing that many readers pin-pointed was the absence of SvelteJS. Some argued it to be the best Javascript framework, while some argued it to be not even counted as one.

Well, here I am, with another article dedicated entirely to SvelteJS. I will be breaking all the myths and throw some light on the real picture of the tool (Not addressing it as a 'framework' or 'compiler' as we will discover that in the due course of the discussion!)

SvelteJS (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. 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.

Svelte is a radical new approach to building user interfaces!

Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.

Svelte is a popular alternative to React.js, Angular, and Vue, and learning it will benefit any frontend web developer.
Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes.

Thus, we can conclude that Svelte is indeed the best (framework)! But, it is best, being an excellent alternative to the conventional JS frameworks like Angular, React and the likes, it is good for building web-apps with ease. Svelte is meant to be the framework that isn't really a framework; it's basically a tool to compile components down at the build step, allowing you to load a single bundle. js on your page to render your app.[1]

Enough said, go and try it yourself! I have curated a list of best SvelteJS Courses that you can consider in order to explore more!
I am always open to suggestions and constructive-criticism, comment below, and tell me what do you think!

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

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

Course rating: 4.7 out of 5.0 ( 1,311 Ratings total)

In this course, you will :

  • SvelteJS from scratch, with zero knowledge assumed.
  • All the theory and practical applications of Svelte.
  • Core concepts and advanced techniques to build Svelte applications.
  • 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

You can take Svelte.js - The Complete Guide (incl. Sapper.js) Certificate Course on Udemy .

2. Svelte: First Look

Get up to speed with Svelte, a new, lightweight component framework that allows you to create apps that please your users without making them wait.

Course rating: 1392 total enrollment

  • Svelte—a new, lightweight component framework—marches into this tangle with a brush cutter, trimming down the weeds to provide a core set of key functionalities with zero dependencies.
  • This course will help you get up to speed with Svelte, explaining how to use it to create apps that please your users without making them wait.
  • Learn how Svelte differs from frameworks like Angular and React, as well as how to use styles and preprocessors with Svelte, work with data across multiple components, use lifecycle methods to load data, and more.

You can take Svelte: First Look Certificate Course on Linkedin .

3. Svelte Tutorial and Projects Course

Learn Svelte.js by Building Interesting Projects

Course rating: 4.8 out of 5.0 ( 74 Ratings total)

In this course, you will :

  • Create Blazingly Fast Apps with Svelte.
  • the budget calculator project /svelte tutorial we will cover Svelte basics
  • Razors E-commerce project, we will implement Svelte to build a big project project.

You can take Svelte Tutorial and Projects Course Certificate Course on Udemy .

4. Svelte: Getting Started

Welcome, welcome! This course will teach you how to start developing web apps with an intriguing JavaScript UI framework called Svelte.

Course rating: out of 5.0 ( 0 Ratings total)

In this course, you will :

  • Learn to use the basics of an intriguing JavaScript UI framework called Svelte.
  • First, you’ll explore setting up the UI layout.
  • Next, you’ll discover how to add interactivity to your designs. Finally, you’ll learn how to bind dynamic data.
  • When you’re finished with this course, you’ll have the skills and knowledge of Svelte needed to start using it yourself.

You can take Svelte: Getting Started Certificate Course on Pluralsight .

5. Svelte.js 3 par la pratique

Créer des applications légères et performantes avec Svelte.js

Course rating: 4.7 out of 5.0 ( 20 Ratings total)

In this course, you will :

  • Apprendre à créer des applications légères et performantes avec Svelte.

Svelte n'est pas un framework de plus : c'est un framework ET un compilateur. Il permet ainsi de créer des applications web en créant des components - comme Angular, React ou Vue vous ont habitué à le faire - mais là où Svelte va plus loin, c'est en vous permettant de réduire considérablement la taille du build grâce à sa fonctionnalité de compilateur. Pour le dire vite, Svelte vous permet de créer des composants puis de les compiler en JavaScript pur. Autrement dit, votre build ne contiendra pas de code spécifique au framework Svelte. L'avantage est double :

  • vous générez un build (très) allégé

  • le navigateur de vos clients aura à télécharger et parser beaucoup moins de code, d'où de bien meilleure performances

You can take Svelte.js 3 par la pratique Certificate Course on Udemy .

6. Svelte: Desarrollo web moderno con javascript

Escribe menos código con svelte.js, sin virtual dom y poderosamente reactivo.

Course rating: 4.8 out of 5.0 ( 9 Ratings total)

In this course, you will :

  • El manejo de este nuevo framework llamado svelte.
  • Uso de los componentes.
  • uso de variables reactivas.
  • DataBinding.
  • Bloques IF, Each, Await.
  • Manejo de APIs.
  • Uso de rutas con svelte-spa-router.
  • Firebase con svelte.
  • Proyectos con backend en PHP y MySQL.

You can take Svelte: Desarrollo web moderno con javascript Certificate Course on Udemy.


Glad to see, that you have made it till the end. If this article added some value to your learning or if you liked it then like, upvote and share it in your network. In case you want to explore more, you can take the Free SvelteJS Courses.

In case you liked this article, you can also visit the following posts of mine;

Also, I would love to hear any feedback and review from you. Please tell me what you liked in the comment section below. Happy Learning!✨

Top comments (5)

Collapse
 
giorgosk profile image
Giorgos Kontopoulos 👀

What myths are you busting ? your post would better be named "here is some courses to help you learn svelte". Can easily be called pure click bait ....

Collapse
 
devanshh profile image
Devansh Agarwal

Thanks for the suggestion @Giorgos
Well, in that case, I would like to share your views. What else should be added to this post?
I hope people here offer "Constructive- Criticism" rather than shear demeaning!

Collapse
 
giorgosk profile image
Giorgos Kontopoulos 👀

Not sure if you thought my comment was shear demeaning but I believe I am just stating the obvious. According to your title you are busting the myths but MAIN points 1 thru 6 are course/classes teaching svelte hence out of subject ...

What else should be added ? Well points 1 thru 6 should probably be the myths that are busted ...

Thread Thread
 
devanshh profile image
Devansh Agarwal

I was not pointing you, rather saying in general. People often tend to comment bizzare opinions.

Now coming to your concern. If you read the opening paras, then there I have clearly mentioned The MYTHS I am busting.
As a part of business requirement, I have to add the Courses links. Now it is 'Clickbait' in your perspective but adding some(if not as much as you) value in my accordance.
Cheers!

Collapse
 
qzsg profile image
Adrian

Giorgos is right, this is nothing but an article containing affiliate links I would expect to see in some ad laden blog spam article, not here in Dev.to masquerading as "debunking myths and dedicated to svelte js", its like 10% of the topic and 90% just ref spam.