แหล่งเรียนรู้ Svelte และ SvelteKit

Svelte Jun 3, 2023

สวัสดีครับ เนื่องจากช่วงนี้ผมเพิ่งหัดเขียน Svelte ก็เลยหาแหล่งเรียนรู้ ฝึกเขียน ลองผิดลองถูกไปเรื่อยๆ ต้องขอบคุณ Community / Tutorial และแหล่งเรียนรู้ต่างๆ ทั้งหลาย

วันนี้เลยรวบรวมแหล่งเรียนรู้มาไว้ในโพสนี้ ซึ่งผมพยายามเลือก ที่เนื้อหาไม่เก่ามาก เน้น 2022 และ 2023 ครับ แต่ละ resource ก็มีข้อดีข้อเสียต่างกันไป แต่บางแหล่งก็อาจจะมีเนื้อหา outdated ไปบ้าง ลองดู แหล่งไหนถูกจริต เข้ากับสไตล์เรา ก็ใช้แหล่งนั้นครับ

Tutorial ไม่ใช่ทั้งหมดเนอะ สุดท้าย เราก็ต้องศึกษาเอง ลองทำเอง ลองผิดลองถูก ใช้ Google ใช้ Github ให้เป็นประโยชน์

เรียนจาก Official

ส่วน Tutorial / Docs และ Example จาก Svelte Offical ครับ

Svelte tutorial
Introduction / Basics
Svelte docs
Complete documentation for Svelte
Svelte examples
Cybernetically enhanced web apps

SvelteKit Docs

SvelteKit docs
Introduction • SvelteKit documentation

แบบ Interactive Version

Welcome to Svelte • Svelte Tutorial
Learn Svelte and SvelteKit with an interactive browser-based tutorial

Beginner SvelteKit

Course Intro
Welcome to the beginning of your SvelteKit journey! In this video you I will give you an overview of the course as well as explain why SvelteKit is something worth learning.

Joy of Code

ผมชอบอ่าน Tutorial ของคนนี้ (ซึ่งส่วนใหญ่ผมชอบอ่าน Text มากกว่า Video)

SvelteKit
SvelteKit category.

ซึ่งเค้าก็มี version video เหมือนกัน สำหรับคนที่ชอบดู video - (ผมดูไม่จบนะครับ แต่ลองดูข้ามๆ ก็อธิบายได้ดีเลย) Complete SvelteKit Course For Building Modern Web Apps

ช่อง Svelte Society มี This Week in Svelte กับ video conference ครับ

Svelte Society
Sponsored by Vercel - https://bit.ly/3xcBS3tVercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. Founded by the inventors of Next.js, Vercel is on a path to build the next-generation internet — where developers c…

Best of Svelte แหล่งรวบรวม tutorial community library ต่างๆ เยอะมากๆ

660+ Svelte Sites | Best Websites Made With Svelte.js
A huge collection of the best sveltejs examples and websites on the web. Click here to find inspiration.

Awesome Svelte

GitHub - TheComputerM/awesome-svelte: ⚡ A curated list of awesome Svelte resources
⚡ A curated list of awesome Svelte resources. Contribute to TheComputerM/awesome-svelte development by creating an account on GitHub.

หวังว่าจะสนุกกับการเรียนรู้นะครับ

Happy Coding ❤️

Tags

Chai Phonbopit

เป็น Web Dev ทำงานมา 10 ปีหน่อยๆ ด้วยภาษา JavaScript, Node.js, React, Vue และปัจจุบันกำลังสนใจ Web3, Crypto และ Blockchain เขียนบล็อกที่ https://devahoy.com