inflearn logo

Hướng dẫn hoàn hảo về Svelte.js [Core API]

Khóa học Svelte.js hay nhất với thời lượng hơn 21 giờ!

(4.9) 38 đánh giá

529 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

Svelte
Svelte
Rollup
Rollup
Sortable
Sortable
Svelte
Svelte
Rollup
Rollup
Sortable
Sortable
Thumbnail

Đánh giá từ những học viên đầu tiên

4.9

5.0

madstone dev

99% đã tham gia

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

28% đã tham gia

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

소라연

98% đã tham gia

Tôi rất thích bài giảng mẫu và đang theo học nó ^^

Bạn sẽ nhận được điều này sau khi học.

  • 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"


Bắt đầu!

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!


Ví dụ chính!

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


Hãy tham khảo nhé!

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ó thắc mắc?

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ý.


Tài liệu Svelte.

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


Thông báo!

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

Khuyến nghị cho
những người này

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

Xin chào
Đây là HEROPY

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

    

Thêm

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á

  • simongs님의 프로필 이미지
    simongs

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    28% đã tham gia

    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
      Giảng viên

      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ẻ~

  • hanbin85705100님의 프로필 이미지
    hanbin85705100

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    99% đã tham gia

    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
      Giảng viên

      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 ^^

  • hanmg님의 프로필 이미지
    hanmg

    Đánh giá 10

    Đánh giá trung bình 4.9

    5

    91% đã tham gia

    Nhờ sự hướng dẫn tận tình của bạn, tôi đã có thể học Svelte + @ (thuật ngữ, scss, v.v.) một cách thú vị.

    • heropy
      Giảng viên

      Tôi chân thành hy vọng rằng bài giảng của tôi là hữu ích! Cảm ơn bạn.👍

  • truestar님의 프로필 이미지
    truestar

    Đánh giá 27

    Đánh giá trung bình 4.9

    5

    100% đã tham gia

    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
      Giảng viên

      Ồ! 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!

  • sorayeon님의 프로필 이미지
    sorayeon

    Đánh giá 84

    Đánh giá trung bình 5.0

    5

    98% đã tham gia

    Tôi rất thích bài giảng mẫu và đang theo học nó ^^

    • heropy
      Giảng viê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 ^^

    • heropy
      Giảng viên

      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
      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é ^^

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!

Miễn phí