作りながら学ぶSvelte

Name: 作りながら学ぶSvelte
Price: 33000 KRW

最新のフロントエンドフレームワークSvelte（スベルト）を学ぶ講座です。 Svelteの基本的な使い方を習得した後、Todoアプリを一緒に作成しながら、実際のプロジェクトでどのようにSvelteを使用できるかを学ぶコースです。

（4.9）受講レビュー 9件

受講生 112名

Indie Coder

Svelte

学習した受講者のレビュー

こんなことが学べます

Svelteの基本的な使い方
Svelteを使ってTodoアプリを作成しながら実際の使い方を学ぶ
開発した Todo アプリを Store を通じてシルプロジェクトに近づけるリファクタリング
Routifyを使用したRouter機能
Fetch、Axiosを用いたAjax通信方法
ES6配列メソッドの使用方法

JSフロントエンドフレームワークのニューフェイス、 Svelteに会いましょう。

トピック紹介📝

2019年に入って最もホットに関心が高まったフロントエンドフレームワークSvelte（スベルト）を学んでみる講座です。

なぜ学ばなければならないのか✒️

^{▲ Svelte ロゴ}

現在、React、Vue.jsなど、さまざまなフロントエンドフレームワークがあります。各フレームワークは異なる哲学と方法論を持っています。
Svelteは、より少ないコードで完璧なリアリティの実装を代表的な特徴として掲げるフレームワークです。

次のコードは、Stateを異なるフレームワークで実装した例です。見てみると、コード量の明確な違いがわかります。

^{▲他のフレームワークに比べてコード量が断然少ないSvelte}

実際、各フレームワークは異なりますが、すべて同じような概念を持っていることもあります。もしフロントエンドが初めてなら、現在出てきたフレームワークの中で最も習得しやすいので、 Svelteを先に覚えてから、他のフレームワークを習うのにも多くの役に立つと思われます。

そして、すでに他のフレームワークをすでに使っている方であれば、Svelteを学ぶのはそれほど難しくないでしょう。

セクションごとに簡単な紹介📖

0～4強：Svelte基礎
レッスン5：Svelteを使用したTo-doサービスの開発
レッスン6：To-doサービスをStoreでリファクタリング
レッスン7：ルーターの適用
強さ8: Ajax処理
10講義：講義に必要な簡単なJavascriptその他の文法

講義結果🧰

私たちが最終的にするアプリの姿です。単純なTodoアプリですが、ここで学んだパターンを拡張すれば、実際のプロジェクトでも使用できます。

^{▲Svelteで作成したTo-Doアプリ}

レッスンソース＆教材💡

2-4講までの例
https://github.com/freeseamew/svelte-tutoral-basic-example

Todo 基本例
https://github.com/freeseamew/todo-svelte-basic

Todo リファクタリング + Routift + Ajax
https://github.com/freeseamew/todo-svelte-store

作成しながら学ぶSvelte（e-Book教材） - todo実習ノートは教育サイトで受講者だけダウン可能です。
https://freeseamew.gitbook.io/svelte/

こんな方に
おすすめです

学習対象は
誰でしょう？

フロントエンドの開発に興味がある方
既存のフロントエンド開発者
デザイナーやパブリッシャーでフロントエンドに挑戦したい人
より簡単なフロントエンドフレームワークをお探しの方

前提知識、
必要でしょうか？

HTMLの基礎
Javascriptの基本
CSSの基礎

こんにちは
です。

2,463

受講生

受講レビュー

回答

4.8

講座評価

講座

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, 교보문고, 알라딘

カリキュラム

全体

39件 ∙ (5時間 7分)

講座資料（こうぎしりょう）:

授業資料

セクション 1．svelteについて

1件 ∙ (3分)

1. svelteについて
03:00

セクション 2．開発環境の設定

3件 ∙ (6分)

セクション 3．コンポーネントの基本

8件 ∙ (54分)

5. svelteアプリの基本構造
04:47
6. コンポーネント基本 - レイアウト
07:50
7. state
05:45
8. reactivity
11:29
9. コンポーネント通信方法1 - props
07:00
10. コンポーネント通信方法2 - dispatch
06:40
11. コンポーネント通信方法3 - context API
05:52
12. コンポーネント通信方法 4 - store
05:16

セクション 4．コンポーネント - テンプレート制御

6件 ∙ (46分)

セクション 5．スタイルと効果

2件 ∙ (12分)

セクション 6．練習1 - todoを作る

8件 ∙ (1時間 12分)

セクション 7．実践2 - ストアによるトドサービスリファクタリング

4件 ∙ (56分)

セクション 8．ルーター - routify

2件 ∙ (26分)

セクション 9．実習3 - ajax通信連動

2件 ∙ (19分)

セクション 10．仕上げ

1件 ∙ (0分)

セクション 11．その他

2件 ∙ (9分)

講座掲載日:

最終更新日:

受講レビュー

全体

9件

4.9

9件の受講レビュー

kwangsung
受講レビュー 6
∙
平均評価 5.0
5
87% 受講後に作成
The reason why the instructor created this course is clear. Svelte is so powerful and good. Let's use Svelte in real projects.
- holocoding
  知識共有者
  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
受講レビュー 22
∙
平均評価 3.4
5
77% 受講後に作成
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
  知識共有者
  I'm glad you were satisfied with the lecture. I will continue to prepare good lectures in the future. ^^
shclals840573
受講レビュー 3
∙
平均評価 5.0
5
54% 受講後に作成
I like it a lot~~~~!
todaypan2020
受講レビュー 5
∙
平均評価 5.0
5
74% 受講後に作成
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
  知識共有者
  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
受講レビュー 5
∙
平均評価 4.2
4
100% 受講後に作成
I think you should lecture while adding some comments since you don't know how to comment at all.
- holocoding
  知識共有者
  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.

￥4,192

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.

Basic

GraphQL, Svelte, MongoDB

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

Indie Coder

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.

Basic

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.

Basic

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.

Basic

Svelte

Web frontend starting with Svelte

Indie Coder

似ている講座

同じ分野の他の講座を見てみましょう！

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!

Basic

Svelte, sveltekit, supabase

Learn Svelte (SvelteKit + Supabase) easily with projects

Michael Kwon

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.

Basic

Svelte

Svelte Introductory Course - A to Z

beomy

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

Indie Coder

Basic

GraphQL, Svelte, MongoDB

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

Indie Coder

Svelte REST-API project

Indie Coder

Basic

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!

Intermediate

Svelte, Express, MongoDB

Svelte Practical Tutorial - Creating Sudoku

beomy

作りながら学ぶSvelte

学習した受講者のレビュー

こんなことが学べます

トピック紹介📝

なぜ学ばなければならないのか✒️

セクションごとに簡単な紹介📖

講義結果🧰

レッスンソース＆教材💡

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

강좌 목록

출간도서

カリキュラム

受講レビュー

Indie Coderの他の講座

似ている講座

こんな方に
おすすめです

こんにちは
です。