作りながら学ぶSvelte

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

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

（4.9）受講レビュー 9件

受講生 112名

難易度初級

受講期間 無制限

Indie Coder

Svelte

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

4.9

5.0

최광성

87% 受講後に作成

講師がこの講義を作った理由は確かです。 svelteがとても強力で良いからです。 svelteを実際のプロジェクトに使ってみましょう。

5.0

스터디하쟈

77% 受講後に作成

入門時には、必要な中核内容をよくお知らせいただきありがとうございます。まだ学ぶ段階ですが、講義を聞いたときに気になったことを詳しく教えてくれて助けになりました。次の講義を楽しみにしています。 ^^

5.0

heeleeya

54% 受講後に作成

とても良いです~~~~!

受講後に得られること

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

受講生

受講レビュー

回答

4.8

講座評価

講座

2000年代半ばから本格的にウェブ開発を始め、現在までフリーランスの開発者として活動しています。約5年間、Amplix BIソリューションの実務者教育を担当し、開発を支援しながら、新しい技術を効率的に伝えることについて多くの経験を積み、模索してきました。

現在は開発業務とともに、開発者の役に立つようなウェブ関連分野の新技術を探求し、講座や書籍を通じて共有しています。

現) フリーランス

元) (株)ビズプラグ戦略ソリューション事業部チーム長

元) 株式会社パニーモンキーズ WeenyStoryサービス開発チーム長

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

email: freeseamew@gmail.com

blog1: https://medium.com/freeseamew

blog2: https://dev.to/freeseamew

講座一覧

出版書籍

yes24、教保文庫、アラジン

エンドサーバー開発（Fastify & Prisma & TypeScriptによる）GraphQL完全攻略（仮想キオスクの実装を通じて学ぶフルスタックコース）出版書籍：yes24、教保文庫、アラジン

エンドサーバー開発（Fastify & Prisma & TypeScriptによる）GraphQL完全攻略（仮想キオスクの実装を通じて学ぶフルスタックコース）出版書籍 yes24、教本文庫、Aladin

カリキュラム

全体

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
  知識共有者
  ねえ参考にします。もしどんなスタイルで注釈が追加されたら良いかご意見お願いします。お送りいただいたご意見は、できるだけ反映するよう努めてまいります。ありがとうございます。