รวบรวมสารบัญบทความเกี่ยวกับ Web Dev ในเว็บไซต์นี้ (อาจจะไม่มีบทความทั้งหมดในเว็บไซต์นะครับ) หากไม่มีข้อมูล ลองค้นหาจากปุ่มค้นหาเพิ่มเติมดูครับ
อัพเดทล่าสุด 28 August 2023
⭐️ บทความเริ่มต้น / สำหรับมือใหม่
- แหล่งเรียนรู้การทำเว็บไซต์ (HTML/CSS/JS)
- วิธีการใช้ VS Code ในการ debug โค๊ด JavaScript
- สวัสดี Deno - ลองเขียนเว็บด้วย Deno กันดีกว่า
- มาลองหัดเขียน Svelte กันดีกว่า
- ทำ Mock API ด้วย json-server
- เปลี่ยนมาใช้ PNPM แทน NPM และ Yarn
- มาหัดเขียน Regular Expressions กันดีกว่า
- cURL คืออะไร? มาลองหัดใช้กันดีกว่า
🎬 คอร์สเรียน
- สอนเขียนเว็บด้วย React + TypeScript ปี 2023 (Intro to React) ตอนที่ 1
- สอนเขียนเว็บด้วย React.js ปี 2023 (Intro to React) ตอนที่ 2
- สอนเขียนเว็บด้วย React.js ปี 2023 (Intro to React) ตอนที่ 3
⚔️ Workshops
🌐 JavaScript
- CommonJS และ ESM คืออะไร? และต่างกันอย่างไร?
- JavaScript sort ข้อมูลตัวเลข ไม่ถูกต้อง?
- [JavaScript] Sort ข้อมูลใน Object ทำยังไง?
- ดึงข้อมูลจาก API ด้วย JavaScript Fetch API
- วิธีการดึงข้อมูล API ด้วยการใช้ axios
- [JS 101] - Destructuring คืออะไร?
🌿 MongoDB
- เริ่มต้นใช้งาน MongoDB ด้วย Atlas ผ่านหน้าเว็บ Atlas UI
- หัดใช้งาน MongoDB ตอนที่ 1 - ใช้งาน Mongo Shell
🪲 TypeScript
⚛️ React.js
- [React.js]ใช้ SWR เพื่อดึงข้อมูล API
- วิธีการสร้างโปรเจ็ค React ด้วย Vite
- การเปลี่ยนค่า Object ใน state ของ React.js
- ดึงข้อมูล Graphql API ด้วย React + urql
- วิธีการกำหนด Routes ของ React Router v6
- วิธีการกำหนด File Upload ให้เลือกรับเฉพาะ image หรือ pdf และวิธีกำหนดขนาดไฟล์
- มาใช้ Zustand ร่วมกับ React + TypeScript กันดีกว่า
➡️ Next.js
- เขียนเว็บด้วย Next.js + TypeScript ตอนที่ 1
- เขียนเว็บด้วย Next.js + TypeScript ตอนที่ 2 - ว่าด้วยเรื่อง Routing และ Dynamic Routes
🍻 Svelte & SvelteKit
📗 Vue.js
🐭 Golang
บันทึกการเรียนรู้ของผมเองในการเรียนภาษา Golang (ไม่ใช่ Tutorial นะครับ) ทำเอาไว้เป็นบทความ Learn In Public เพื่อเป็นแรงจูงใจให้ตัวเองได้เรียนรู้ครับ
- บันทึกการเรียน Golang - วันที่ 1 เริ่มต้นเขียน Golang
- บันทึกการเรียน Golang - วันที่ 2 เรียนผ่าน A Tour of Go
- บันทึกการเรียน Golang - วันที่ 3 - ทำ Web ง่ายๆ ด้วย net/http
🐞 Testing
- ลองใช้งาน Playwright ในการทำ e2e testing
- ลอง Playwright เทสแอพ React + Vite แบบง่ายๆ
- เขียน Unit Test ด้วย React + Vitest
⛓️ Web3 & Smart Contract
- Interact Smart Contract ด้วย Ethers.js
- วิธีการใช้ Wallet ใน Ethers.js
- ติดตั้งและลองใช้งาน Foundry
- ลองเขียนและ Deploy Smart Contract ด้วย Foundry
- รวมแหล่งเรียนรู้ NEAR ของผมเอง
- รวมแหล่งเรียนรู้ Web3 / Blockchain สำหรับ Developers
- เตรียมเครื่องมือสำหรับ Rust + Substrate Development
- วิธีการรัน Ethereum Blockchain บน Local Node
- ลองใช้งาน Viem เปรียบเทียบกับ Ethers.js
- ทำ subscribe event ง่ายๆ เมื่อมีคนโอน token (USDT)
- การใช้ Custom Errors ในภาษา Solidity