Svelte.js入門ガイド
HEROPY
2時間を超える入門者のためのSvelte.js無料講義！
Basic
Svelte
BEST
Hướng dẫn đầy đủ về Svelte.js [Core API]
Hơn 21 giờ bài giảng Svelte.js hay nhất!
Đánh giá từ những học viên đầu tiên
Dịch cái này sang tiếng Việt
Tìm hiểu API lõi Svelte.js mới nhất từ những điều cơ bản!
Bạn có thể hiểu dữ liệu JavaScript bất biến và có thể thay đổi!
Hiểu tính không đồng bộ trong JavaScript và tìm hiểu các mẫu không đồng bộ khác nhau!
Hiểu cấu hình cơ bản của Rollup.js và tạo một dự án thực tế với cấu hình bổ sung!
Bạn có thể tạo một ứng dụng nhân bản Trello với Sortable.js làm mô-đun cốt lõi, đăng ký dịch vụ Netlify và liên tục triển khai (CD) dự án của bạn!
Khung JavaScript FE mới nhất,
Hãy yêu thích Svelte.js !
.jpg?w=960)
Hãy xem thêm các khóa học khác của Svelte nhé!
Dự án tìm kiếm phim SPA Svelte.js
"Hướng dẫn dành cho người mới bắt đầu sử dụng Svelte.js"
Chúng ta hãy bắt đầu thôi!
Một ví dụ đơn giản hơn và giải thích chi tiết cho người mới bắt đầu,
Nhiều mẫu và cú pháp mới của Svelte API dành cho người dùng trung cấp trở lên, v.v.
Chúng tôi đã tổng hợp nội dung hữu ích cho bất kỳ ai đang học Svelte!
Để dễ hiểu hơn ví dụ trên trang chủ,
Tôi đã tự mình chuẩn bị hầu hết các ví dụ, sau khi đã vắt óc suy nghĩ!
Ngay cả khi bạn không tham gia lớp học ngay lập tức,
Bạn có thể hiểu sơ qua các khái niệm cơ bản của Svelte thông qua bản xem trước!
Vào cuối phần xem trước, chúng ta cũng sẽ tạo một ví dụ Todo đơn giản.
Bạn sẽ thấy đây là một framework front-end dễ dàng và tiện lợi hơn React hoặc Vue.
Và đừng quên xem toàn bộ chương trình giảng dạy nhé!
Năm ngoái (2019), phiên bản 3, phiên bản đã tạo nên Svelte như ngày nay, đã chính thức được phát hành lần đầu tiên.
Đây là một khuôn khổ rất hấp dẫn, thú vị và mới chỉ xuất hiện được một năm nay~
Học tập thiết yếu!
.gif)
Ví dụ điển hình!
Sau khi tìm hiểu về Svelte Core API, hãy cùng tạo một ứng dụng bản sao cho dịch vụ Trello!
Chúng ta sẽ xây dựng một dự án dựa trên Rollup bundler và giới thiệu một số công nghệ (chúng ta cũng sẽ tìm hiểu về SCSS).
Chúng tôi cũng đã thêm phiên bản mới chuyển sang công cụ xây dựng Snowpack mới nhất!
Chúng tôi cũng sử dụng Netlify để thực hiện triển khai liên tục dựa trên kho lưu trữ GitHub.
Vui lòng tham khảo chương trình giảng dạy để biết thêm chi tiết.
Kho lưu trữ GitHub: https://github.com/HeropCode/Svelte-Trello-app
Kho lưu trữ GitHub của Snowpack: https://github.com/HeropCode/Svelte-Trello-app-Snowpack
Bản demo: https://boring-agnesi-165a0d.netlify.app
vui lòng tham khảo tại đây!
Sau vài bài học đầu tiên, chất lượng âm thanh sẽ được cải thiện.
Tôi đã đổi sang một chiếc micro đắt tiền hơn và tốt hơn~
Bạn có thắc mắc gì không?
Nếu bạn có bất kỳ câu hỏi nào trong suốt khóa học, vui lòng sử dụng trang Hỏi & Đáp .
Chúng tôi sẽ phản hồi sớm nhất có thể.
Nếu bạn lo lắng về việc tham gia khóa học hoặc có bất kỳ câu hỏi nào khác trước khi tham gia khóa học,
Vui lòng sử dụng trang yêu cầu trước khi đăng ký khóa học .
Tài liệu ngắn gọn.
Nếu bạn cần tài liệu tiếng Hàn cho Svelte API,
Hãy xem bài đăng 'Hướng dẫn đầy đủ về Svelte.js (Gia hạn)'.
https://heropy.blog/2019/09/29/svelte
thông báo!
20 20.10.22
Khi chúng tôi gần kết thúc quá trình chuẩn bị cho khóa học, chúng tôi đã bổ sung một số công nghệ từ phiên bản Svelte mới nhất.
Chúng tôi sẽ sớm cập nhật!
20 20.11.03
Tôi đã cập nhật bài đăng với nội dung 'Hướng dẫn đầy đủ về Svelte.js (Gia hạn)'.
Hãy xem cùng với bài giảng video.
20 20.11.08
Chúng tôi đã thêm các phần sau vào khóa học này!
- 7-4 . Khối phím
- 11-4 . Chuyển tiếp khe cắm
- 18-1 . Snowpack là gì?
- 18-2 . Hiểu về cài đặt và cấu hình các mẫu Svelte dựa trên Snowpack
- 19-1 . Sao chép thư mục chính và áp dụng HMR
- 19-2 . Cài đặt và cấu hình các mô-đun lõi
- 19-3 . Cấu hình SCSS và Svelte Preprocess
- 19-4 . Cấu hình xóa nhật ký ở chế độ sản phẩm
- 19-5 . Tối ưu hóa mã (tối thiểu hóa) và cấu hình bí danh đường dẫn
- 19-6 . Tạo kho lưu trữ GitHub và đẩy dự án
- Triển khai liên tục 19-7 với Netlify
20 20.12.24
Chúng tôi đã thêm các phần sau vào khóa học này!
Hãy nhớ xem phần này trước khi bắt đầu hướng dẫn ví dụ về 'Xây dựng ứng dụng bản sao Trello' nhé!
- 15-1 . Phù hợp với phiên bản mô-đun ví dụ bài giảng
20 20.12.30
Chúng tôi đã thêm các phần sau vào khóa học này!
- 11-5 . $$slots
Svelte.js, Frontend, Framework, API cốt lõi, Sortable,js, Rollup.js, React, Vue.js, Angular
Khuyến nghị cho
những người này
Khóa học này dành cho ai?
Bất cứ ai muốn trải nghiệm framework giao diện người dùng web mới, tiên tiến!
Những người thiếu kinh nghiệm phát triển front-end!
Những ai cảm thấy khó học hoặc không hiểu một số phần trong tài liệu chính thức của Svelte.js!
Ai không ngại thì giải thích nhiều nhé!
Cần biết trước khi bắt đầu?
HTML
CSS
J.S.
4,185
Học viên
221
Đánh giá
162
Trả lời
4.9
Xếp hạng
3
Các khóa học
안녕하세요~ 반갑습니다!
저는 현재 작은 스타트업에서 기업 관리 솔루션을 개발하고 있는 프론트엔드 개발자 박영웅입니다.
HEROPY 기술 블로그를 운영하고 있고,
그 외 기업 출강이나 온/오프라인 강의 활동도 하고 있습니다.
Blog: https://heropy.blog
Youtube: https://www.youtube.com/channel/UCcjhMpoaNvyy0StN9KgtF6w
Email: thesecon@gmail.com
Chương trình giảng dạy
Tất cả
116 bài giảng ∙ (21giờ 18phút)
Ngày đăng:
Cập nhật lần cuối:
Đánh giá
Tất cả
38 đánh giá
4.9
38 đánh giá
hanbin85705100Đánh giá 1
∙
Đánh giá trung bình 5.0
5
99% đã tham gia1つの概念を説明するときに追加の活用方法までとても慎重に教えてくれるので、一般的に気になる事項のほとんどが講義に含まれていると見れば良いです。 また、es6のメリットを最大限に活用して作成しますので、講義の終わりにはきれいで簡潔なコードの習慣も育てることができます。 フレームワーク経験のない方が聴くのにもとても良い講義です。 次の講義が期待されますㅎㅎ
- heropyGiảng viên
良い評価を残してくれてありがとう。 ：D おめでとうございます、この講義がmadstone devに大いに役立つことを心から願っています！ 次の講義も一生懸命準備してアップロードしてお知らせします。 楽しい一日をお過ごしください〜 ありがとうございます^^
- simongs
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
28% đã tham gia私は最近vue.jsを学ぶ過程でsvelteが注目されているという情報を聞きました。それで興味を持って購入をするようになりました。まだ頑張っていませんでしたが、中間の感想を書いているなら、真に誠意を持って講義を準備されたという感じを受けます。設計してくれたカリキュラムを見ると、この講義への愛着と悩みが感じられます。コメント書き込んだ新機能のアップデートもお待ちしております
- heropyGiảng viên
講義を作ったやりがいを感じる感動的な評価ありがとうございます:) この講義がSIMONS様に多くの役に立ちましたら本当によかったです。 新機能もすばやくアップデートしてお知らせします。 楽しい一日をお過ごしください〜
- sorayeon
Đánh giá 81
∙
Đánh giá trung bình 5.0
5
98% đã tham giaサンプル講義を聞いて半分受講します^^
- heropyGiảng viên
良い評価ありがとうございます^^ 他のパーツも気に入ってほしいです！ 楽しい一日をお過ごしください〜
他のパーツも完全に好きです！ 特にTrelloの例はとても楽しいのでとても聞いています^^
- heropyGiảng viên
他のパートも気に入って嬉しいです：D Trelloの例も楽しいです、本当に嬉しいですㅜㅠ Svelte.jsがソラヨンのWeb開発に大いに役立つことを心から願っています！ さわやかで幸せな週末をお過ごしください〜
楽しく頑張りました。ありがとうございます。講義は本当に最高です！ 次の講義も楽しみにしています。 講師も楽しい週末をお過ごしください〜
- heropyGiảng viên
講義時間が短いですが、頑張ってくれたことを心からお祝いします。 次の講義も早く頑張って準備してお知らせします！ ソラヨンも楽しい一週間を過ごしてください^^
- truestar
Đánh giá 26
∙
Đánh giá trung bình 4.9
5
100% đã tham gia私はレビューはうまくいきませんが、一度講義のリーディングスキルがとても出てきました。 どんな講義をしても躊躇なく聞こえそうです。 講義の倍速を1.5に合わせて再生しますが、それでも発音の良いシーンなのか内容がすっぽり入ってきます。 中半くらい聞いてるのに、レビュー残します！ 0. 質疑応答をとても細かく説明してください 1.目次と項目の区分が講義内容と確実にマッチングされます 2. 情報伝達方式にフレームがあり、各講義の特定時点ごとに おおよそこのような内容を扱うんだと推測が可能です。 3. よく使われるパターン例を置いて応用することをお勧めします（ユーティリティ関数を書く感じ） 4. 何よりも良いと思う部分は、毎映像序盤に伝える前、後の文脈についての説明を軽く説明してくれますが、このため流れを把握するのはとても良いです。 （時には多少退屈な感覚があるとは思えますが、倍速機能があることに関係ないと思います。私の場合はむしろ全体を把握するのが良かったようです） 5. ゴールが深い概念を誰でも分かりやすく解いて説明します。 6. 各トピックを段階的、詳細、多くの例を挙げて深く取り上げます。 数日間のメリットをまとめて残すほどおすすめです。 何より.. 恵まれた川の分量に感心をしました。
- heropyGiảng viên
あっ! Truestarさん こんにちは。 ＆＃x27;質問＆amp; このように長文の素敵ですっきりとした受講評を残してくれて本当に感動的ですㅠㅜ 残り半ば以降、講義がTruestar様に失望を抱かせてくれなかったらと思い、 本当に役に立つことを願っています！ では、おやすみなさい、 楽しく幸せな一週間を過ごすことを願っています〜👍 素敵な受講評に感謝します〜😭
私は...私が誤解する可能性のある話を残しましたか？^^; 私はただ私が講義ノートを書くような習慣を持っていたので ボールがたくさん入るという声が短く残って誤解がありましたね。 講義は本当に良いです。 剥離ダメが浮かぶのは私だけそうなのでしょうか.. アップデートも続けていただきありがとうございます。 この講義を作るとか、老後が感じられる講義です。 基礎仕上げて応用編でもよろしくお願いします！
1.135.678 ₫
Khóa học khác của HEROPY
Hãy khám phá các khóa học khác của giảng viên!
Khóa học tương tự
Khám phá các khóa học khác trong cùng lĩnh vực!
![GraphQL完全征服（キオスクを作って学ぶフルスタックコース） - [2024部分リニューアル]Course Thumbnail](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)
