Sử dụng Iconify & Tailwind V4 để hiện thị CSS icon, và @svelte-put/inline-svg cho SVG icon trong ứng dụng Vite & Svelte
Svelte Việt Nam
Vì một cộng đồng thân thiện và sáng tạo
Bốn bước đến Svelte
Bước một
Khám phá Svelte bằng thực hành
Svelte tutorial* là tài liệu hướng dẫn chính thức, giúp bạn ‘học bằng hành’ — tiếp cận những khái niệm về Svelte và SvelteKit từ cơ bản đến nâng cao thông qua từng bài tập nhỏ.
* đây là tài liệu dành cho Svelte 5 và hiện tại chỉ hỗ trợ tiếng Anh
Svelte playground* (REPL) là trình tương tác chính thức, giúp bạn nhanh chóng thử nghiệm ý tưởng hoặc quan sát đầu ra của trình biên dịch (Svelte compiler).
SvelteLab là trình tương tác nâng cao được xây dựng bởi cộng đồng, mở rộng ý tưởng từ Svelte playground, hỗ trợ SvelteKit và nhiều tính năng cho dự án hoàn chỉnh.
Bước hai
Đọc qua tài liệu Svelte & SvelteKit
Svelte documentation là tài liệu chính thức, hệ thống hóa các tính năng của Svelte và SvelteKit một cách đầy đủ và dễ tìm kiếm, mang giá trị tham khảo cao trong công việc hằng ngày.
Bước ba
Tham gia cộng đồng Svelte Việt Nam
Svelte Việt Nam là một dự án mã nguồn mở và là cộng đồng cho bất cứ ai quan tâm đến Svelte tại Việt Nam, với mong muốn tạo ra kênh thông tin bổ ích và môi trường lành mạnh để thành viên chia sẻ kinh nghiệm, giúp đỡ lẫn nhau trong hành trình phát triển phần mềm và tiếp cận mã nguồn mở.
'%3e%3cpath%20d='M164.5%2048v11.6c1.2.4%202.3.9%203.3%201.5V49.4c-1-.6-2-1-3.3-1.4Zm-16.1%201.4c-2.6%201.6-4%203.6-4%205.6v11.7c0-2%201.4-4%204-5.6a22%2022%200%200%201%2016-1.5l.1-11.6a21.4%2021.4%200%200%200-16%201.4Z'/%3e%3c/g%3e%3cpath%20fill='%23ABA69F'%20d='M148.5%2060.7v11.6l-22%2012.7.1-11.6%2021.9-12.7Z'/%3e%3cpath%20fill='%23E9E3DB'%20d='M189.7%2036.7%20168%2049.4a21.6%2021.6%200%200%200-19.5%200c-5.3%203.1-5.3%208.2.1%2011.3l-21.9%2012.7-22-12.7c-5.3%203-14%203-19.4%200-5.4-3.1-5.4-8.2%200-11.3L63%2036.7%20126.2%200l63.5%2036.7Z'/%3e%3cpath%20fill='%238E3F14'%20d='M182.2%2049.2v11.6c0%202%201.3%204.1%204%205.7V54.8c-2.7-1.5-4-3.6-4-5.6Zm4.2%2031.1v11.6l-22-12.7V67.5l22%2012.8Z'/%3e%3cmask%20id='b'%20width='24'%20height='20'%20x='182'%20y='86'%20maskUnits='userSpaceOnUse'%20style='mask-type:luminance'%3e%3cpath%20fill='%23fff'%20d='M182%2097.7V86c0%202%201.4%204.1%204.1%205.7%205.4%203.1%2014%203.1%2019.4%200l.3-.2v11.7l-.3.2c-5.4%203-14%203-19.4%200-2.7-1.6-4-3.6-4-5.7Z'/%3e%3c/mask%3e%3cg%20fill='%238E3F14'%20mask='url(%23b)'%3e%3cpath%20d='M205.5%2091.4a20.8%2020.8%200%200%201-16%201.5V105a20.8%2020.8%200%200%200%2016-1.5l.3-.2V91l-.3.3Zm-19.4%200c-2.7-1.6-4-3.8-4-6v12.3c0%202.1%201.3%204.3%204%206%201%20.5%202.1%201%203.3%201.4V93c-1.1-.4-2.3-.9-3.3-1.5Z'/%3e%3c/g%3e%3cpath%20fill='%23FF6A2F'%20d='m291%2067.5-63.1%2036.7-22-12.7-.4.2c-5.3%203.1-14%203.1-19.4%200-5.4-3.1-5.4-8.1%200-11.3l.3-.1-22-12.8%2021.8-12.7c-5.3-3-5.4-8.1%200-11.2%205.3-3.1%2014-3.1%2019.4%200l21.9-12.7L291%2067.5Z'/%3e%3cpath%20fill='%238E3F14'%20d='M291%2067.5v11.7L227.9%20116v-11.7L291%2067.5Zm-63.1%2036.7V116l-22-12.7V91.5l22%2012.7Z'/%3e%3cpath%20fill='%23FF6A2F'%20d='M126.6%2073.4%20104.8%2086c-5.4-3.1-14-3.1-19.4%200-5.4%203-5.3%208.1%200%2011.2L63.6%20110%200%2073.3l63.1-36.6%2022%2012.7c-5.3%203.1-5.3%208.1.1%2011.3%205.4%203%2014%203%2019.4%200l22%2012.7Z'/%3e%3cpath%20fill='%238E3F14'%20d='M63.6%20110v11.7L0%2085V73.3L63.6%20110Z'/%3e%3cpath%20fill='%23E9E3DB'%20d='m190.2%20110-63%2036.7L63.5%20110l21.9-12.7c-5.4-3.1-5.4-8.1%200-11.2%205.3-3.2%2014-3.2%2019.3%200l22-12.8%2022%2012.8c-5.4%203-5.4%208.1%200%2011.2%205.4%203.1%2014%203.1%2019.4%200l22%2012.7Z'/%3e%3cpath%20fill='%23ABA69F'%20d='M190.2%20110v11.7l-63.1%2036.7v-11.7l63.1-36.7Zm-63.1%2036.7v11.7l-63.5-36.7V110l63.5%2036.7Z'/%3e%3c/svg%3e)
Ngoài ra, bạn có thể theo dõi sự kiện của Svelte Việt Nam và các bài viết tại Blog của Svelte Việt Nam Blog.
Bước bốn
Theo dõi các kênh thông tin Svelte quốc tế
Svelte là dự án mã nguồn mở. Theo dõi và đóng góp vào sự phát triển của Svelte qua các kênh sau.
Svelte society là mạng lưới quốc tế liên kết những người quan tâm đến Svelte. Svelte Society phát triển và duy trì nhiều tài nguyên quan trọng.
Svelte Summit là sự kiện quốc tế về Svelte, hội tụ bảo trì viên và diễn giả từ khắp nơi trên thế giới.
SvelteHack là sự kiện hackathon thường diễn ra sau các dấu mốc quan trọng trong hệ sinh thái Svelte.
Ngoài ra, bạn còn có thể:
- đăng ký nhận cập nhật tin tức về Svelte hàng tháng qua “The (Unofficial) Svelte JS Newsletter”,
- xem hoặc chia sẻ các dự án, sản phẩm về Svelte với cộng đồng quốc tế qua trang “Made by Svelte”,
- theo dõi tin tức tức việc làm quốc tế qua kênh #job-postings từ Discord chính thức của Svelte, hoặc qua trang “Svelte Jobs”.
Sự kiện
Gặp gỡ cộng đồng Svelte Việt Nam, cùng nhau chia sẻ kinh nghiệm, sản phẩm, và mọi thứ liên quan đến Svelte và open source
Chưa có sự kiện mới nào
Đăng ký cập nhật sự kiện mới nhất!
hoặc
Xem lại sự kiện đã diễn ra
Bài viết
Đọc và viết bài tại Blog của Svelte Việt Nam.
Tài trợ
Giúp cộng đồng Svelte Việt Nam phát triển bền vững bằng cách trở thành nhà tài trợ
Các nhà tài trợ được liệt kê tại
Open Collective của Svelte Việt Nam.