Learn Svelte by Building

Name: Learn Svelte by Building
Price: 33000 KRW
Rating: 4.9 (9 reviews)

This course will teach you the latest front-end framework, Svelte. After learning the basics of Svelte, you will learn how to use Svelte in real projects by creating a Todo app.

(4.9) 9 reviews

112 learners

Level Basic

Course period Unlimited

Indie Coder

Svelte

Reviews from Early Learners

4.9

5.0

최광성

87% enrolled

The reason why the instructor created this course is clear. Svelte is so powerful and good. Let's use Svelte in real projects.

5.0

스터디하쟈

77% enrolled

When I first started, thank you for giving me the essential information I needed. I'm still learning, but it was helpful that you explained in detail the things I was curious about while listening to the lecture. I look forward to the next lecture. ^^

5.0

heeleeya

54% enrolled

I like it a lot~~~~!

What you will gain after the course

Svelte Basic Usage
Learn practical usage by building a Todo app using Svelte
Refactoring the developed Todo app to be closer to the actual project through the Store
Router functions using Routify
Ajax communication method using Fetch and Axios
How to use ES6 array methods

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/

Recommended for
these people

Who is this course right for?

Anyone interested in front-end development
Existing front-end developer
Anyone who wants to challenge themselves in front-end as a designer or publisher
For those looking for an easier front-end framework

Need to know before starting?

HTML Basics
Javascript Basics
CSS Basics

Hello
This is

2,502

Learners

Reviews

Answers

4.8

Rating

Courses

I began my career in web development in earnest in the mid-2000s and have been working as a freelance developer ever since. For about five years, I conducted practitioner training for the Amplix BI solution and provided development support, gaining extensive experience and deeply considering how to effectively convey new technologies.

Currently, alongside my development work, I research new web-related technologies that can benefit developers and share them through lectures and books.

Current) Freelancer Former) Team Leader, Strategic Solutions Division, Bizplug Co., Ltd. Former) Service Development Team Leader, Winistory, Funnymonkeys Co., Ltd. youtube: https://www.youtube.com/channel/UC3cJspjF4TRTy

Current) Freelancer

Former) Team Leader, Strategic Solutions Division, Bizplug Co., Ltd.

Former Team Leader of the WeenyStory Service Development Team at FunnyMonkeys Co., Ltd.

youtube: https://www.youtube.com/channel/UC3cJspjF4TRTyD_RS0azeaw

email: freeseamew@gmail.com

blog1: https://medium.com/freeseamew

blog2: https://dev.to/freeseamew

Course List

Published Books

yes24, Kyobo Book Centre, Aladin

Mastering GraphQL for End-Server Development (with Fastify, Prisma & TypeScript): A Full-Stack Course Implementing a Virtual Kiosk. Available at yes24, Kyobo Book Centre, and Aladin.

Curriculum

All

39 lectures ∙ (5hr 7min)

Course Materials:

Lecture resources

Section 1. Introduction to svelte

1 lectures ∙ (3min)

1. Introduction to svelte
03:00

Section 2. Setting up the development environment

3 lectures ∙ (6min)

2. Source & Textbook
00:41
3. Setting up the development environment
01:47
4. Install svelte
03:51

Section 3. Component Basics

8 lectures ∙ (54min)

5. svelte app basic structure
04:47
6. Component Basics - Layout
07:50
7. state
05:45
8. reactivity
11:29
9. Component communication method 1 - props
07:00
10. Component communication method 2 - dispatch
06:40
11. Component communication method 3 - context API
05:52
12. Component communication method 4 - store
05:16

Section 4. Components - Template Control

6 lectures ∙ (46min)

Section 5. Style and Effects

2 lectures ∙ (12min)

Section 6. Exercise 1 - Creating a todo

8 lectures ∙ (1hr 12min)

Section 7. Exercise 2 - Refactoring the todo service through store

4 lectures ∙ (56min)

Section 8. Router - routify

2 lectures ∙ (26min)

Section 9. Practice 3 - Ajax communication integration

2 lectures ∙ (19min)

Section 10. finish

1 lectures ∙ (0min)

Section 11. etc

2 lectures ∙ (9min)

Published:

Last updated:

Reviews

All

9 reviews

4.9

9 reviews

kwangsung
Reviews 7
∙
Average Rating 5.0
5
87% enrolled
The reason why the instructor created this course is clear. Svelte is so powerful and good. Let's use Svelte in real projects.
- holocoding
  Instructor
  Oh, thank you for your first class review. And I'm glad you felt good about Svelte. ㅎ I hope you continue to code well in the future. ^^
predyum
Reviews 22
∙
Average Rating 3.4
5
77% enrolled
When I first started, thank you for giving me the essential information I needed. I'm still learning, but it was helpful that you explained in detail the things I was curious about while listening to the lecture. I look forward to the next lecture. ^^
- holocoding
  Instructor
  I'm glad you were satisfied with the lecture. I will continue to prepare good lectures in the future. ^^
shclals840573
Reviews 3
∙
Average Rating 5.0
5
54% enrolled
I like it a lot~~~~!
todaypan2020
Reviews 5
∙
Average Rating 5.0
5
74% enrolled
I was really interested in Svelt, but I had a hard time because there wasn't much material yet. This was a lecture that scratched my itchy part. Thank you again for the great lecture and sense of accomplishment for beginners.
- holocoding
  Instructor
  I'm glad you liked the course. Currently, the svelte + rest api related course is scheduled to be distributed for free. I think it will be helpful if you continue studying the course. I will continue to work hard to create good courses in the future. Thank you.
oeo
Reviews 5
∙
Average Rating 4.2
4
100% enrolled
I think you should lecture while adding some comments since you don't know how to comment at all.
- holocoding
  Instructor
  Yes, I will take note of it. Please let me know what style of commentary you would like added. I will try my best to reflect the opinions you sent me. Thank you.

$26.40

Indie Coder's other courses

Check out other courses by the instructor!

Next-Generation Node.js Backend Server Development (with Fastify & Prisma & Typescript)

Indie Coder

A course to learn the latest Node.js backend REST API using fastify, a Node.js framework boasting high speed, ORM Prisma, and Typescript.

초급

Node.js, TypeScript, Prisma

Next-Generation Node.js Backend Server Development (with Fastify & Prisma & Typescript)

Indie Coder

Svelte REST-API project

Indie Coder

This lecture is a video lecture on the latter part of the book, ‘Web Frontend with Svelte’, which I wrote, about creating a SLOG project. I prepared this lecture in the hope that it would supplement the parts that were a bit lacking in the book and make more people interested in the frontend framework called Svelte.

초급

Svelte, REST API

Svelte REST-API project

Indie Coder

Web frontend starting with Svelte

Indie Coder

This is a basic lecture that summarizes the core usage methods of Svelte, a front-end framework that is gaining attention worldwide. I created this lecture in the hope that more people in Korea can use Svelte easily and conveniently.

초급

Svelte

Web frontend starting with Svelte

Indie Coder

Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]

Indie Coder

You will learn the basics and advanced usage of GraphQL, the next-generation API control technology, and gain real-world project experience through a virtual kiosk service created with GraphQL. The course has been partially updated to the latest version, apollo-server v4, as of February 2024.

초급

GraphQL, Svelte, MongoDB

Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]

Indie Coder

Similar courses

Explore other courses in the same field!

Learn Svelte (SvelteKit + Supabase) easily with projects

Michael Kwon

Systematic step-by-step project practice and deployment, built-in store utilization, full-stack application with SvelteKit and Supabase, all in one go!

초급

Svelte, sveltekit, supabase

Learn Svelte (SvelteKit + Supabase) easily with projects

Michael Kwon

Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]

Indie Coder

초급

GraphQL, Svelte, MongoDB

Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]

Indie Coder

Svelte Introductory Course - A to Z

beomy

This is an introductory lecture on Svelte, which threatens the position of the three front-end giants React, Vue, and Angular. Based on the official Svelte documentation, it covers all of Svelte grammar from A to Z.

초급

Svelte

Svelte Introductory Course - A to Z

beomy

Svelte REST-API project

Indie Coder

초급

Svelte, REST API

Svelte REST-API project

Indie Coder

Svelte Practical Tutorial - Creating Sudoku

beomy

You can create a web game using Svelte, Express, JWT, and MongoDB. Those who want to cover both the FrontEnd and BackEnd are welcome!

중급이상

Svelte, Express, MongoDB

Svelte Practical Tutorial - Creating Sudoku

beomy

Learn Svelte by Building

Reviews from Early Learners

4.9

What you will gain after the course

Topic Introduction 📝

Why you should learn ✒️

A brief introduction to each section 📖

Lecture Results 🧰

Lesson Sources & Materials 💡

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Course List

Published Books

Curriculum

Reviews

Indie Coder's other courses

Similar courses

Recommended for
these people

Hello
This is