Introduction
รู้จัก TaskFlow ว่าทำไมต้องสร้าง คอร์สนี้จัดโครงสร้างยังไง และสุดท้ายคุณจะได้อะไร เปิดดู →
Introduction
รู้จัก TaskFlow ว่าทำไมต้องสร้าง คอร์สนี้จัดโครงสร้างยังไง และสุดท้ายคุณจะได้อะไร เปิดดู →
Setup & Tooling
ติดตั้ง Rust, Node, Docker และเครื่องมือที่เหลือ พร้อมสร้างโปรเจกต์ตั้งต้น เปิดดู →
Database Design
ออกแบบโมเดลข้อมูล boards, columns และ cards ใน PostgreSQL พร้อม migration ตั้งแต่วันแรก เปิดดู →
Backend Foundations
วางรากฐานเซิร์ฟเวอร์ Axum ระบบ routing, การตั้งค่า และการจัดการ error เปิดดู →
Authentication
เพิ่มระบบสมัครสมาชิก ล็อกอิน และจัดการ session เพื่อให้บอร์ดผูกกับผู้ใช้จริง เปิดดู →
REST API
สร้าง endpoint แบบ CRUD สำหรับ boards, columns และ cards เปิดดู →
Caching
เร่งความเร็วการอ่านข้อมูลและช่วยลดภาระ PostgreSQL ด้วยเลเยอร์ cache จาก Redis เปิดดู →
Realtime
ส่งข้อมูลอัปเดตของบอร์ดแบบเรียลไทม์ไปยังทุก client ที่เชื่อมต่ออยู่ผ่าน WebSocket เปิดดู →
Frontend
สร้างหน้าบ้านด้วย Astro ให้คุยกับ API ของคุณและแสดงผลบอร์ด เปิดดู →
The Kanban Island
ต่อระบบ drag-and-drop และซิงก์แบบเรียลไทม์เข้ากับ Astro island แบบอินเทอร์แอกทีฟ เปิดดู →
Testing
คลุมทั้งฝั่ง backend และ frontend ด้วยการทดสอบอัตโนมัติที่วางใจได้ เปิดดู →
Docker & Compose
ทำ container ให้ทุกเซอร์วิส และรันทั้งสแตกด้วยคำสั่งเดียว เปิดดู →
Wrap-up
ทบทวนสิ่งที่คุณสร้างมา และก้าวต่อไปของ TaskFlow เปิดดู →
Real, copy-pasteable code
ทุกโค้ดในคอร์สนี้เป็นโค้ดจริงที่รันได้ คัดลอกไปใช้ในโปรเจกต์ของคุณได้เลย ไม่มี pseudo-code
Adapts the Learn Hub courses
ต่อยอดแพทเทิร์นจากคอร์ส Rust และ Astro ของ Learn Hub มาใช้กับโปรเจกต์จริงแบบครบวงจร
Bilingual EN / ไทย
มีทั้งภาษาอังกฤษและไทย สลับได้ตลอดจากแถบด้านบน
You build it by following along
นี่คือคอร์สแบบลงมือทำ คุณจะได้เขียนโค้ดเองทีละขั้นตอน ไม่ใช่แค่อ่านผ่าน ๆ
ทุก crate, package และ image version ด้านล่างถูกตรวจกับเอกสารทางการ และในส่วนที่รันได้จริงในเครื่อง ก็ตรวจกับ cargo build/cargo test/npm run build/docker compose config จริงบนคอร์สนี้:
| ชั้น | เวอร์ชัน |
|---|---|
| Rust | 1.96, edition 2024 |
| Axum | 0.8 |
| Tokio | 1 (full features) |
| SQLx | 0.8 |
| tower-http | 0.7 |
| redis / deadpool-redis | 0.27 / 0.16 |
| jsonwebtoken | 9 |
| argon2 | 0.5 |
| PostgreSQL image | postgres:18 |
| Redis image | redis:8 |
| Astro | 6 |
| Preact | 10 |
| Node | 24+ |