Learn Svelte by Building

Name: Learn Svelte by Building
Price: 24750 KRW

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

111 learners

Indie Coder

Svelte

Reviews from Early Learners

What you will learn!

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,442

Learners

Reviews

Answers

4.8

Rating

Courses

2000년도 중반부터 본격적으로 웹개발을 시작하여 현재까지 프리랜서 개발자로 활동하고 있습니다. 약5년간 Amplix BI 솔루션 실무자 교육을 진행하고 개발을 지원하며 새로운 기술을 효율적으로 전달하는 것에 대한 많은 경험과 고민을 했습니다.

현재는 개발 업무와 함께 개발자들에게 도움이 될만한 웹관련 분야의 새로운 기술을 찾고 강좌와 책을 통해 공유하고 있습니다.

현) 프리랜서

전) (주) 비즈플러그 전략솔루션 사업부 팀장

전) (주) 퍼니몽키스 위니스토리 서비스 개발 팀장

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

email: freeseamew@gmail.com

blog1: https://medium.com/freeseamew

blog2: https://dev.to/freeseamew

강좌 목록

출간도서

yes24, 교보문고, 알라딘

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 6
∙
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.

Limited time deal

$19.80

25%

$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!

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

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

Svelte REST-API project

Indie Coder

초급

Svelte, REST API

Svelte REST-API project

Indie Coder

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 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

What you will learn!

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;}

강좌 목록

출간도서

Curriculum

Reviews

Indie Coder's other courses

Similar courses

Recommended for
these people

Hello
This is