Hướng dẫn giới thiệu Svelte.js
HEROPY
Miễn phí
Cơ bản / Svelte
4.9
(156)
Bài giảng Svelte.js miễn phí cho người mới bắt đầu trong hơn 2 giờ!!
Cơ bản
Svelte
Khóa học Svelte.js hay nhất với thời lượng hơn 21 giờ!
529 học viên
Độ khó Cơ bản
Thời gian Không giới hạn
Đánh giá từ những học viên đầu tiên
5.0
madstone dev
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
5.0
Taylor
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.
5.0
소라연
Tôi rất thích bài giảng mẫu và đang theo học nó ^^
Học tập vững chắc các Core API của Svelte.js mới nhất từ những bước cơ bản!
Bạn có thể hiểu về tính bất biến (Immutable) và tính khả biến (Mutable) của dữ liệu trong JavaScript!
Hãy cùng tìm hiểu về bất đồng bộ trong JavaScript và học các mô hình bất đồng bộ khác nhau nhé!
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ác cấu hình bổ sung!
Bạn có thể tạo một ứng dụng 'Trello clone' với Sortable.js là mô-đun cốt lõi, đăng ký dịch vụ Netlify và triển khai dự án liên tục (CD)!
Hãy cùng đắm chìm vào sức hấp dẫn của Svelte.js,
một framework Front-end JavaScript mới nhất và cực kỳ thú vị!
Hãy tham khảo thêm các bài giảng Svelte khác!
"Dự án tìm kiếm phim Svelte.js SPA"
"Hướng dẫn nhập môn Svelte.js"
Ví dụ dễ hiểu hơn và giải thích chi tiết dành cho người mới bắt đầu,
cùng với các pattern đa dạng của Svelte API và cú pháp mới dành cho người trình độ trung cấp trở lên,
nội dung được xây dựng để giúp ích cho bất kỳ ai đang học Svelte!
Để giúp bạn hiểu dễ dàng hơn cả những ví dụ trên trang chủ,
tôi đã vắt óc tự mình chuẩn bị hầu hết các ví dụ cho từng phần!
Ngay cả khi bạn không đăng ký khóa học ngay lập tức,
bạn vẫn có thể trải nghiệm các khái niệm cơ bản của Svelte thông qua phần xem trước!
Ở cuối phần xem trước, chúng ta cũng sẽ cùng nhau tạo một ví dụ Todo đơn giản.
Bạn sẽ nhận ra rằng đây là một framework frontend dễ dàng và tiện lợi hơn cả React hay Vue~
Và hãy nhớ xem qua toàn bộ chương trình giảng dạy nhé!
Năm ngoái (2019), phiên bản thứ 3 - phiên bản tạo nên Svelte của ngày hôm nay - đã lần đầu tiên được phát hành chính thức.
Đây là một framework cực kỳ mới mẻ, thú vị và đầy sức hút dù chỉ mới ra mắt được 1 năm~
Học phần bắt buộc!
Sau khi hoàn tất việc học Svelte Core API, chúng ta sẽ cùng tạo một ứng dụng clone của dịch vụ Trello!
Chúng ta sẽ cấu hình dự án dựa trên trình đóng gói Rollup và áp dụng nhiều kỹ thuật khác nhau (bao gồm cả việc học SCSS).
Tôi cũng đã thêm mới phiên bản chuyển đổi sang công cụ build Snowpack mới nhất!
Chúng ta cũng sẽ thực hiện triển khai liên tục (Continuous Deployment) dựa trên kho lưu trữ GitHub bằng dịch vụ Netlify~
Vui lòng tham khảo chương trình học để biết thêm chi tiết.
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
Sau vài bài giảng đầu tiên, chất lượng âm thanh sẽ tốt hơn.
Tôi đã đổi sang một chiếc micro đắt tiền và tốt hơn rồi~
Nếu có bất kỳ câu hỏi nào trong quá trình học, vui lòng sử dụng trang Hỏi & Đáp.
Tôi sẽ trả lời bạn nhanh nhất có thể.
Nếu bạn đang cân nhắc về việc đăng ký khóa học hoặc có những thắc mắc khác trước khi học,
vui lòng sử dụng trang Hỏi đáp trước khi đăng ký.
Nếu bạn cần tài liệu tiếng Hàn về Svelte API,
vui lòng kiểm tra bài viết 'Hướng dẫn hoàn chỉnh về Svelte.js (Renew)'.
https://heropy.blog/2019/09/29/svelte
2020.10.22
Trong khi chuẩn bị mở khóa học, một vài kỹ thuật của phiên bản Svelte mới nhất đã được thêm vào.
Tôi sẽ sớm cập nhật!
2020.11.03
Bài viết đã được cập nhật thành 'Svelte.js Hướng dẫn hoàn chỉnh (Renew)'.
Hãy xem cùng với các bài giảng video.
2020.11.08
Đã thêm các phần sau vào bài giảng này!
- 7-4. Key block
- 11-4. Slot Forwarding
- 18-1. Snowpack là gì?
- 18-2. Hiểu về cài đặt và cấu hình template Svelte dựa trên Snowpack
- 19-1. Sao chép các thư mục chính và áp dụng HMR
- 19-2. Cài đặt và cấu hình các module cốt lõi
- 19-3. Cấu hình SCSS và Svelte Preprocess
- 19-4. Cấu hình loại bỏ log trong chế độ production
- 19-5. Tối ưu hóa mã (nén mã) và cấu hình bí danh đường dẫn (path alias)
- 19-6. Tạo kho lưu trữ GitHub và Push dự án
- 19-7. Triển khai liên tục qua Netlify
2020.12.24
Đã thêm các phần sau vào bài giảng này!
Hãy nhất định xem! trước khi bắt đầu ví dụ bài giảng 'Tạo ứng dụng Trello clone'
- 15-1. Đồng nhất phiên bản module của ví dụ bài giảng
2020.12.30
Đã thêm phần sau vào bài giảng này!
- 11-5. $$slots
Svelte.js, Frontend, Framework, Core API, Sortable.js, Rollup.js, React, Vue.js, Angular, React, Vue, Angular
Khóa học này dành cho ai?
Dành cho những ai muốn trải nghiệm framework web front-end mới nhất!
Những bạn còn thiếu kinh nghiệm phát triển Frontend!
Dành cho những ai cảm thấy khó học hoặc không hiểu một phần nào đó khi đọc tài liệu chính thức của Svelte.js!
Dành cho những ai không ngại việc giải thích dài dòng!
Cần biết trước khi bắt đầu?
HTML
CSS
JS
4,228
Học viên
224
Đánh giá
162
Trả lời
4.9
Xếp hạng
3
Các khóa học
Xin chào~ Rất vui được gặp các bạn! Tôi là Park Young-woong, hiện là nhà phát triển Frontend đang phát triển giải pháp quản lý doanh nghiệp tại một startup nhỏ. Tôi cũng đang vận hành blog kỹ thuật HEROPY.
Xin chào~ Rất vui được gặp các bạn!
Tôi là Park Young-woong, hiện là nhà phát triển Frontend đang phát triển các giải pháp quản lý doanh nghiệp tại một startup nhỏ.
Tôi đang vận hành blog kỹ thuật HEROPY,
ngoài ra tôi cũng tham gia các hoạt động giảng dạy tại doanh nghiệp và các khóa học online/offline.
Blog: https://heropy.blog
Youtube: https://www.youtube.com/channel/UCcjhMpoaNvyy0StN9KgtF6w
Email: thesecon@gmail.com
Tất cả
116 bài giảng ∙ (21giờ 18phút)
Tất cả
38 đánh giá
4.9
38 đánh giá
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
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.
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ẻ~
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
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
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 ^^
Đánh giá 27
∙
Đánh giá trung bình 4.9
5
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.
Ồ! 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!
Đánh giá 84
∙
Đánh giá trung bình 5.0
5
Tôi rất thích bài giảng mẫu và đang theo học nó ^^
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 ^^
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!
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é ^^
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!
Miễn phí