.jpg?w=960)
Svelte.js入門ガイド
HEROPY
2時間を超える入門者のためのSvelte.js無料講義！
Basic
Svelte
学習した受講者のレビュー
こんなことが学べます
最新のSvelte.jsのCore APIを基礎からしっかり学習します！
JavaScriptデータの不変性（Immutable）と可変性（Mutable）について理解できます！
JavaScriptの非同期について理解し、いくつかの非同期パターンを学びましょう！
Rollup.jsの基本的な構成を理解し、追加の構成で実際のプロジェクトを作成しましょう！
Sortable.jsをコアモジュールとして'Trelloクローンアプリ'を作成し、Netlifyサービスに参加し、プロジェクトを継続的に配布（CD）することができます！
ホットな最新のJavaScript FEフレームワーク、
スベルト(Svelte.js)の魅力にすっかり浸ってみてください！
スタートしながら！
入門者のためのより簡単な例と詳細な説明、
中級者以上のためのSvelte APIの様々なパターンや新しい文法など、
Svelteを学ぶ誰にでも役立つ内容で構成しました！
ホームページの例よりも理解しやすくするため、
ほとんどのパートの例を頭を絞り、自分で準備しました！
講義をすぐに受講しなくても、
プレビューを通してSvelteの基本概念を味わえます！
プレビューの最後に、単純なTodoの例も作成します。
React、Vueよりも簡単で便利なフロントエンドフレームワークであることがわかりますよ〜
そして全体のカリキュラムもぜひご覧ください！
昨年（2019）、今のSvelteを持つ3バージョンが初めて公式リリースされました。
今やっと1年が過ぎたとても暖かくて興味深く魅力的なフレームワークです〜
必須学習！
.gif)
主な例！
Svelte Core APIの学習が終わったら、Trelloサービスのクローンアプリを作成しましょう！
Rollupバンドラに基づいてプロジェクトを整理し、多くの技術を導入します（SCSSも学習します）
最新のSnowpackビルドツールでエスカレートしたバージョンも新たに追加しました！
Netlifyサービスを使用して、GitHubリポジトリに基づいて継続的な展開（Continuous Deployment）も進めます〜
詳しくはカリキュラムをご覧ください。
GitHub Repo: https://github.com/HeropCode/Svelte-Trello-app
Snowpack GitHub Repo: https://github.com/HeropCode/Svelte-Trello-app-Snowpack
Demo: https://boring-agnesi-165a0d.netlify.app
参考にしてください！
序盤、いくつかの講義が過ぎると音質が良くなります。
もっと高価で良いマイクロを変えました〜
質問があれば？
受講中に質問がある場合は、質問＆回答ページを使用してください。
できるだけ早く回答させていただきます。
受講が悩んだり、他の受講前に不思議な部分があれば、
受講前のお問い合わせページをご利用ください。
Svelteドキュメント。
Svelte APIのハングルドキュメントが必要な場合は、
「Svelte.js 完全ガイド」の投稿をご覧ください。
https://heropy.blog/2019/09/29/svelte
お知らせ！
20 20.10.22
講義のオープン準備を終えた状態で最新のSvelteバージョンの技術がいくつか追加されました。
すぐに更新します！
20 20.11.03
「Svelte.js Perfect Guide（Renew）」で投稿を更新しました。
ビデオ講義と一緒に見てください。
20 20.11.08
このレッスンに以下のパートを追加しました！
- 7-4 。キーブロック
- 11-4 。スロット転送(Forwarding)
- 18-1 。 Snowpackとは？
- 18-2 。 SnowpackベースのSvelteテンプレートのインストールと構成について
- 19-1 。メインディレクトリのコピーとHMRの適用
- 19-2 。コアモジュールの取り付けと構成
- 19-3 。 SCSSとSvelte Preprocessの設定
- 19-4 。製品モードのログ削除の設定
- 19-5 。コード最適化（最小化）とパスエイリアスの設定
- 19-6 。 GitHubリポジトリの作成とプロジェクト Push
- 19-7 。 Netlifyによる継続的な展開
20 20.12.24
このレクチャーに以下のパートを追加しました！
「Trelloクローンアプリを作成する」レッスンの例を始める前に、ぜひご覧ください。
- 15-1 。レッスンの例モジュールのバージョンを一致させる
20 20.12.30
このレクチャーに以下のパートを追加しました！
- 11-5 。 $$slots
Svelte.js, Frontend, Framework, Core API, Sortable,js Rollup.js, React, Vue.js, Angular, リアクト, ビュー, アンギュラ
こんな方に
おすすめです
学習対象は
誰でしょう？
新しい最新のWebフロントエンドフレームワークを体験してください！
フロントエンド開発経験が足りない方！
Svelte.jsの公式ドキュメントでは、学習が難しい人や一部理解できない方！
説明が多くても大丈夫な方！
前提知識、
必要でしょうか？
HTML
CSS
JS
4,191
受講生
221
受講レビュー
162
回答
4.9
講座評価
3
講座
안녕하세요~ 반갑습니다!
저는 현재 작은 스타트업에서 기업 관리 솔루션을 개발하고 있는 프론트엔드 개발자 박영웅입니다.
HEROPY 기술 블로그를 운영하고 있고,
그 외 기업 출강이나 온/오프라인 강의 활동도 하고 있습니다.
Blog: https://heropy.blog
Youtube: https://www.youtube.com/channel/UCcjhMpoaNvyy0StN9KgtF6w
Email: thesecon@gmail.com
カリキュラム
全体
116件 ∙ (21時間 18分)
6. 1. 宣言的レンダリング
10:37
7. 2. 条件文と繰り返し文
09:28
8. 3. イベント処理
09:15
9. 4. コンポーネント
18:29
10. 5. ストア
17:19
11. 6. Todo サンプルの作成
25:56
講座掲載日:
最終更新日:
受講レビュー
全体
38件
4.9
38件の受講レビュー
hanbin85705100受講レビュー 1
∙
平均評価 5.0
5
99% 受講後に作成1つの概念を説明するときに追加の活用方法までとても慎重に教えてくれるので、一般的に気になる事項のほとんどが講義に含まれていると見れば良いです。 また、es6のメリットを最大限に活用して作成しますので、講義の終わりにはきれいで簡潔なコードの習慣も育てることができます。 フレームワーク経験のない方が聴くのにもとても良い講義です。 次の講義が期待されますㅎㅎ
- heropy知識共有者
良い評価を残してくれてありがとう。 ：D おめでとうございます、この講義がmadstone devに大いに役立つことを心から願っています！ 次の講義も一生懸命準備してアップロードしてお知らせします。 楽しい一日をお過ごしください〜 ありがとうございます^^
- simongs
受講レビュー 2
∙
平均評価 5.0
5
28% 受講後に作成私は最近vue.jsを学ぶ過程でsvelteが注目されているという情報を聞きました。それで興味を持って購入をするようになりました。まだ頑張っていませんでしたが、中間の感想を書いているなら、真に誠意を持って講義を準備されたという感じを受けます。設計してくれたカリキュラムを見ると、この講義への愛着と悩みが感じられます。コメント書き込んだ新機能のアップデートもお待ちしております
- heropy知識共有者
講義を作ったやりがいを感じる感動的な評価ありがとうございます:) この講義がSIMONS様に多くの役に立ちましたら本当によかったです。 新機能もすばやくアップデートしてお知らせします。 楽しい一日をお過ごしください〜
- sorayeon
受講レビュー 81
∙
平均評価 5.0
5
98% 受講後に作成サンプル講義を聞いて半分受講します^^
- heropy知識共有者
良い評価ありがとうございます^^ 他のパーツも気に入ってほしいです！ 楽しい一日をお過ごしください〜
他のパーツも完全に好きです！ 特にTrelloの例はとても楽しいのでとても聞いています^^
- heropy知識共有者
他のパートも気に入って嬉しいです：D Trelloの例も楽しいです、本当に嬉しいですㅜㅠ Svelte.jsがソラヨンのWeb開発に大いに役立つことを心から願っています！ さわやかで幸せな週末をお過ごしください〜
楽しく頑張りました。ありがとうございます。講義は本当に最高です！ 次の講義も楽しみにしています。 講師も楽しい週末をお過ごしください〜
- heropy知識共有者
講義時間が短いですが、頑張ってくれたことを心からお祝いします。 次の講義も早く頑張って準備してお知らせします！ ソラヨンも楽しい一週間を過ごしてください^^
- truestar
受講レビュー 26
∙
平均評価 4.9
5
100% 受講後に作成私はレビューはうまくいきませんが、一度講義のリーディングスキルがとても出てきました。 どんな講義をしても躊躇なく聞こえそうです。 講義の倍速を1.5に合わせて再生しますが、それでも発音の良いシーンなのか内容がすっぽり入ってきます。 中半くらい聞いてるのに、レビュー残します！ 0. 質疑応答をとても細かく説明してください 1.目次と項目の区分が講義内容と確実にマッチングされます 2. 情報伝達方式にフレームがあり、各講義の特定時点ごとに おおよそこのような内容を扱うんだと推測が可能です。 3. よく使われるパターン例を置いて応用することをお勧めします（ユーティリティ関数を書く感じ） 4. 何よりも良いと思う部分は、毎映像序盤に伝える前、後の文脈についての説明を軽く説明してくれますが、このため流れを把握するのはとても良いです。 （時には多少退屈な感覚があるとは思えますが、倍速機能があることに関係ないと思います。私の場合はむしろ全体を把握するのが良かったようです） 5. ゴールが深い概念を誰でも分かりやすく解いて説明します。 6. 各トピックを段階的、詳細、多くの例を挙げて深く取り上げます。 数日間のメリットをまとめて残すほどおすすめです。 何より.. 恵まれた川の分量に感心をしました。
- heropy知識共有者
あっ! Truestarさん こんにちは。 ＆＃x27;質問＆amp; このように長文の素敵ですっきりとした受講評を残してくれて本当に感動的ですㅠㅜ 残り半ば以降、講義がTruestar様に失望を抱かせてくれなかったらと思い、 本当に役に立つことを願っています！ では、おやすみなさい、 楽しく幸せな一週間を過ごすことを願っています〜👍 素敵な受講評に感謝します〜😭
私は...私が誤解する可能性のある話を残しましたか？^^; 私はただ私が講義ノートを書くような習慣を持っていたので ボールがたくさん入るという声が短く残って誤解がありましたね。 講義は本当に良いです。 剥離ダメが浮かぶのは私だけそうなのでしょうか.. アップデートも続けていただきありがとうございます。 この講義を作るとか、老後が感じられる講義です。 基礎仕上げて応用編でもよろしくお願いします！
￥6,633
HEROPYの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![GraphQL完全征服（キオスクを作って学ぶフルスタックコース） - [2024部分リニューアル]Course Thumbnail](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)
