作りながら学ぶSvelte

Name: 作りながら学ぶSvelte
Price: 23100 KRW
Rating: 4.9 (9 reviews)

最新のフロントエンドフレームワーク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,481

受講生

受講レビュー

回答

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
受講レビュー 7
∙
平均評価 5.0
5
87% 受講後に作成
講師がこの講義を作った理由は確かです。 svelteがとても強力で良いからです。 svelteを実際のプロジェクトに使ってみましょう。
- holocoding
  知識共有者
  すみません。そしてsvelteについてもいい感じだったのは幸いですㅎ これからも良いコーディングをお願いします。 ^^
predyum
受講レビュー 22
∙
平均評価 3.4
5
77% 受講後に作成
入門時には、必要な中核内容をよくお知らせいただきありがとうございます。まだ学ぶ段階ですが、講義を聞いたときに気になったことを詳しく教えてくれて助けになりました。次の講義を楽しみにしています。 ^^
- holocoding
  知識共有者
  講義が満足だったなんて幸いです。これからもずっと良い講義を準備してみましょう。 ^^
shclals840573
受講レビュー 3
∙
平均評価 5.0
5
54% 受講後に作成
とても良いです~~~~!
todaypan2020
受講レビュー 5
∙
平均評価 5.0
5
74% 受講後に作成
スベルトはとても興味がありましたが、まだ材料があまりありませんでした。かゆい部分を涼しく掻いてくれた講義でした。入門者に達成感と良い講義をもう一度ありがとう
- holocoding
  知識共有者
  講座が好きなのは嬉しいです。現在、svelte + rest api関連講座が無料で配布される予定です。該当講座も引き続き学習すれば役に立つようです。今後も継続して良い講座を作るよう努めてまいります。ありがとうございます。
oeo
受講レビュー 5
∙
平均評価 4.2
4
100% 受講後に作成
コメントを一行も知っていますが、コメントを少し付けながら講義しなければならないと思います。
- holocoding
  知識共有者
  ねえ参考にします。もしどんなスタイルで注釈が追加されたら良いかご意見お願いします。お送りいただいたご意見は、できるだけ反映するよう努めてまいります。ありがとうございます。