Learn Svelte by Building

Meet Svelte , the new face of JS front-end frameworks.

Topic Introduction 📝

This course will teach you Svelte, the front-end framework that has been gaining much attention since 2019.

Why you should learn ✒️

^{▲ Svelte logo}

There are currently a variety of front-end frameworks, including React and Vue.js. Each framework has a different philosophy and methodology.
Svelte is a framework that boasts of its signature feature of implementing perfect reactivity with less code .

The following code shows examples of implementing State in different frameworks. You can see the stark difference in code size.

^{▲ Svelte has significantly less code than other frameworks.}

While each framework is different, they all share similar concepts. If you're new to front-end development, Svelte is the easiest to learn among the currently available frameworks, so learning it first will be a great help in learning other frameworks.

And for those who are already using other frameworks, I think learning Svelte won't be that difficult, and it will be a good experience to broaden your macroscopic view of the direction in which the ever-changing front-end will go.

A brief introduction to each section 📖

• Lessons 0-4: Svelte Basics
• Lesson 5: Developing a To-Do Service Using Svelte
• Lesson 6: Refactoring the To-do Service Using Store
• Lesson 7: Router Application
• Quarterfinals: Ajax defeat
• Lesson 10: Simple Javascript and Other Grammar Required for Lectures

Lecture Results 🧰

This is what our final app will look like. It's a simple todo app, but if you expand on the patterns you've learned here, you'll be able to use them in real-world projects .

^{▲ To-Do app made with Svelte}

Lesson Sources & Materials 💡

• Examples for Lessons 2-4
  https://github.com/freeseamew/svelte-tutoral-basic-example

• Todo Basic Example
  https://github.com/freeseamew/todo-svelte-basic

• Todo Refactoring + Routift + Ajax
  https://github.com/freeseamew/todo-svelte-store

• Learn Svelte by Building (e-Book textbook) - The todo practice notes are available for download only to students on the training website.
  https://freeseamew.gitbook.io/svelte/