.jpg?w=960)
Hướng dẫn giới thiệu Svelte.js
HEROPY
Bài giảng Svelte.js miễn phí cho người mới bắt đầu trong hơn 2 giờ!!
초급
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,196
受講生
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% 受講後に作成Khi giải thích một khái niệm, ngay cả những cách sử dụng bổ sung cũng được giải thích rất chi tiết, vì vậy bạn có thể thấy rằng hầu hết những điều bạn thường tò mò đều được đưa vào bài giảng. Ngoài ra, vì bạn viết bằng cách tận dụng tối đa ES6 nên bạn sẽ có thể phát triển thói quen viết mã rõ ràng và ngắn gọn vào cuối bài giảng. Đây là một bài giảng tuyệt vời ngay cả đối với những người không có kinh nghiệm về framework. Tôi đang mong chờ bài giảng tiếp theo haha
- heropy知識共有者
Cảm ơn bạn rất nhiều vì đã để lại một đánh giá tốt. :D Chúc mừng bạn đã hoàn thành nó và tôi chân thành hy vọng rằng bài giảng này sẽ giúp ích rất nhiều cho nhà phát triển madstone! Tôi sẽ chăm chỉ chuẩn bị cho bài giảng tiếp theo, tải lên và công bố. Chúc một ngày tốt lành~ Cảm ơn bạn ^^
- simongs
受講レビュー 2
∙
平均評価 5.0
5
28% 受講後に作成Gần đây trong quá trình tìm hiểu vue.js mình nghe nói svelte đang được chú ý. Thế là tôi quan tâm và mua nó. Mặc dù tôi chưa hoàn thành bài giảng nhưng nếu bạn viết ra những ấn tượng trung gian của mình, có cảm giác như bạn đã chuẩn bị bài giảng một cách vô cùng chân thành. Nhìn vào giáo trình bạn thiết kế, tôi có thể cảm nhận được sự gắn bó và quan tâm của bạn dành cho khóa học này. Chúng tôi cũng đang chờ cập nhật về các tính năng mới mà bạn đã nhận xét.
- heropy知識共有者
Cảm ơn bạn đã nhận xét cảm động, điều này khiến tôi cảm thấy được khen thưởng vì đã tạo ra bài giảng :) Tôi thực sự hy vọng bài giảng này sẽ giúp ích rất nhiều cho SIMONS. Chúng tôi sẽ nhanh chóng cập nhật và công bố các tính năng mới. Chúc một ngày vui vẻ~
- sorayeon
受講レビュー 81
∙
平均評価 5.0
5
98% 受講後に作成Tôi rất thích bài giảng mẫu và đang theo học nó ^^
- heropy知識共有者
Cảm ơn bạn đã đánh giá tốt ^^ Tôi hy vọng bạn cũng thích những phần khác! Chúc một ngày tốt lành~
Tôi cũng thực sự thích những phần khác! Đặc biệt, các ví dụ về Trello thú vị đến mức tôi nghe rất ít ^^
- heropy知識共有者
Tôi rất vui vì bạn cũng thích những phần khác :D Tôi thực sự vui mừng vì bạn thích ví dụ Trello. Chúng tôi chân thành hy vọng rằng Svelte.js sẽ giúp ích rất nhiều cho sự phát triển web của Sorayeon! Chúc bạn cuối tuần sảng khoái và vui vẻ~
Tôi đã rất vui khi hoàn thành nó. Cảm ơn Bài giảng thật tuyệt vời! Tôi mong chờ bài giảng tiếp theo. Chúc cuối tuần vui vẻ, giảng viên!
- heropy知識共有者
Bài giảng tuy không ngắn nhưng tôi chân thành chúc mừng sự kiên trì của các bạn :D Tôi sẽ nhanh chóng chuẩn bị và thông báo bài giảng tiếp theo! Sora-yeon, cũng chúc bạn một tuần vui vẻ nhé ^^
- truestar
受講レビュー 26
∙
平均評価 4.9
5
100% 受講後に作成Tôi không thường viết đánh giá nhưng kỹ năng đọc bài giảng của bạn rất xuất sắc. Tôi nghĩ tôi sẽ lắng nghe mà không do dự bất kể bạn giảng bài gì. Mình bật bài giảng ở tốc độ 1,5 nhưng dù vậy nội dung vẫn rõ ràng, có lẽ do phát âm tốt. Mình mới nghe được nửa chừng nên đang để lại nhận xét! 0. Câu trả lời cho các câu hỏi được giải thích rất chi tiết. 1. Mục lục và phân loại mục rõ ràng phù hợp với nội dung bài giảng. 2. Có một khung trong phương pháp truyền tải thông tin nên tại một thời điểm cụ thể trong mỗi bài giảng Bạn có thể đoán đại khái rằng đây là những gì nó bao gồm. 3. Nên áp dụng vì nó cung cấp các ví dụ về các mẫu thường được sử dụng (cảm giác như đang sử dụng một hàm tiện ích) 4. Điều tôi nghĩ hay nhất là bối cảnh trước và sau được giải thích ngắn gọn ở đầu mỗi video, điều này rất tốt để hiểu được mạch phim. (Đôi khi có thể cảm thấy hơi nhàm chán, nhưng tôi không nghĩ điều đó quan trọng vì có chức năng tốc độ gấp đôi. Trong trường hợp của tôi, tôi nghĩ tốt hơn hết là nên hiểu toàn bộ bức tranh.) 5. Giải thích các khái niệm sâu sắc một cách dễ hiểu. 6. Mỗi chủ đề đều được trình bày chuyên sâu, từng bước một, chi tiết và có nhiều ví dụ. Tôi giới thiệu nó rất nhiều nên tôi sẽ viết ra những ưu điểm trong vài ngày. Hơn bất cứ điều gì, tôi rất ấn tượng bởi số lượng bài giảng giàu thông tin.
- heropy知識共有者
Ồ! Xin chào Truestar. 'Câu hỏi & Tôi nghĩ bạn đã nói trong câu trả lời của mình rằng cần rất nhiều nỗ lực để tổ chức bài viết. Tôi thực sự cảm động khi bạn để lại một bài đánh giá khóa học dài, hay và gọn gàng như vậy. Mong rằng những bài giảng còn lại sau phần giữa không làm Truestar thất vọng, Tôi thực sự hy vọng điều này sẽ giúp!! Vậy thì chúc ngủ ngon nhé. Chúc các bạn một tuần vui vẻ và hạnh phúc~👍 Cảm ơn bạn rất nhiều vì đánh giá tuyệt vời ~ 😭
Ôi trời... có phải tôi đã để lại điều gì đó có thể gây hiểu lầm không? ^^; Tôi chỉ có thói quen viết bài giảng như một cuốn sách. Có sự hiểu lầm vì tôi đã đề cập ngắn gọn rằng việc đó tốn rất nhiều công sức. Tôi thực sự thích bài giảng.. Đó là một bài giảng 'chất lượng cao' phù hợp với bạn. Có phải chỉ mình tôi nhớ đến Bakridamae không? Cảm ơn bạn đã tiếp tục cập nhật. Đây là một bài giảng mà bạn có thể cảm nhận được công sức bỏ ra để thực hiện nó. Sau khi hoàn thành những điều cơ bản, tôi hy vọng bạn cũng thích phần ứng dụng!
￥6,668
HEROPYの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![Chinh phục hoàn toàn GraphQL (khóa học full stack vừa học vừa tạo kiosk) - [Đổi mới một phần vào năm 2024]강의 썸네일](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)
