Svelte Introductory Course - A to Z

Your first encounter with Svelte, start anew from A to Z!

Lecture Introduction 📝

Based on the official Svelte documentation and the Beomy blog , we'll cover everything you need to know about Svelte, from A to Z. Don't bother browsing through various lectures and blogs to learn Svelte; just take this introductory Svelte course and you'll be covered in no time!

After taking this course, I will explain it in an easy way so that you can develop web pages using Svelte. :)

Why Learn Svelte? ✒️

Svelte is a new front-end framework that emerged in 2019 and is growing rapidly.

^{▲ View Svelte interest}

Although it's a follow-up framework that emerged in 2019, it's one that's garnering significant attention. There's a reason for this interest, right?

Svelte is a framework that presents a different paradigm from React and Vue by not using a virtual DOM. What has attracted so much attention is Svelte's apparent performance.

^{▲ View Svelte performance}

Svelte is an attractive framework with faster performance than the three leading front-end frameworks. It's a promising newcomer, and it has the potential to become as sought-after as React or Vue in the future!

What you will learn in this course ✏️

This course covers everything in Svelte's official documentation, from A to Z. This course is a great way to get started with Svelte. The 18 sections covered in this course can be summarized into six categories:

• Grammar for updating the screen responsively
• How to bind data to HTML tags
• Component Life Cycle
• Using Stores in Svelte
• Using Animations in Svelte (Motion, Transition, Animation)
• Svelte advanced syntax (Action, Slot, Context, built-in elements)

It can be divided like this. It can also be useful to know advanced Svelte grammar.
Everything discussed in this lecture only covers the core of Svelte .

Lecture Features 💡

This isn't just a theoretical lecture. This course covers all of Svelte's syntax through hands-on code. By following along and observing the code and execution results, you'll easily understand Svelte.

Expected Questions Q&A 🙋🏻‍♂️

Q. Can non-majors also take the course?
A. This is an easy course, suitable even for non-majors. However, it assumes a basic understanding of HTML, JavaScript, and CSS, so a basic understanding of these technologies will make it easier to understand.

Q. What are the benefits of learning Svelte?
A. Svelte is still a new framework, but many people are watching it with interest. I believe it's only a matter of time before it becomes as popular as React or Vue. Why not learn the technology and take the lead before it becomes more popular?

Q. Are there any special advantages to this course?
A. This course is based on the official Svelte documentation. It's a (verified?) course that covers only the parts covered in the official documentation. Since this course covers the official Svelte documentation from beginning to end, you can get started with Svelte with just this one course, without needing to take any other courses. This course goes beyond theory and includes hands-on practice in each lecture on how to use Svelte.