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ờ!!
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 giaKhi 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
- heropyGiả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 ^^
- simongs
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
28% đã tham giaGầ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.
- heropyGiả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ẻ~
- sorayeon
Đánh giá 81
∙
Đánh giá trung bình 5.0
5
98% đã tham giaTôi rất thích bài giảng mẫu và đang theo học nó ^^
- heropyGiả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 ^^
- heropyGiả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!
- heropyGiả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é ^^
- truestar
Đánh giá 26
∙
Đánh giá trung bình 4.9
5
100% đã tham giaTô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.
- heropyGiả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!
1.135.980 ₫
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!
![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]Course Thumbnail](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)
