MyDiaryคอร์ส Flutter · 6 สัปดาห์ เริ่มเรียน

คอร์สเขียนแอปมือถือ · เริ่มจากศูนย์

สร้างแอป MyDiary
ด้วย Flutter ใน 6 สัปดาห์

เรียนจากการลงมือทำโปรเจกต์เดียว ต่อยอดสัปดาห์ต่อสัปดาห์ จากหน้าจอเปล่า สู่แอปสมุดบันทึกที่ผู้ใช้เพิ่ม-ลบ-แก้ข้อมูลได้จริง

6 สัปดาห์ 1 โปรเจกต์ต่อเนื่อง เอกสารสอน · ใบงาน · การบ้าน ครบทุกสัปดาห์
เอกสารประกอบการสอน ใบงาน · Lab งานมอบหมาย · การบ้าน
1
สัปดาห์ที่ 1 · UI · Layout · Navigation

หน้าตาและการนำทาง

เปิดเรียนแล้ว

สร้างโครงแอป MyDiary: รายการบันทึกแบบการ์ด แตะดูรายละเอียดได้ และเมนูล่างสลับหน้า (ข้อมูลยังพิมพ์ไว้ในโค้ดก่อน — โฟกัสที่หน้าตาและการนำทางให้แน่น)

2
สัปดาห์ที่ 2 · เพิ่ม/ลบ/แก้ · บันทึกถาวร

State, ฟอร์ม และฐานข้อมูล

เปิดเรียนแล้ว

ให้ผู้ใช้เขียนบันทึกเองผ่านฟอร์ม เพิ่ม/ลบ/แก้ได้จริง และเก็บถาวรด้วย SQLite (ปิดแอปเปิดใหม่ข้อมูลยังอยู่)

3
สัปดาห์ที่ 3 · Async · REST API

เชื่อมต่ออินเทอร์เน็ต

เปิดเรียนแล้ว

ต่อยอดให้แอปดึงข้อมูลจากอินเทอร์เน็ตจริง — เข้าใจ async/await, เรียก REST API, แปลง JSON และแสดงผลด้วย FutureBuilder พร้อมรับมือตอนเน็ตหลุด

4
สัปดาห์ที่ 4 · POST · PUT · DELETE

จัดการข้อมูล CRUD ผ่าน REST API

เปิดเรียนแล้ว

ต่อยอดจากสัปดาห์ 3 (GET อ่านอย่างเดียว) → ส่งข้อมูลกลับไปที่ server ด้วย POST/PUT/DELETE ทำ CRUD เต็มรูปแบบผ่านเน็ต (บันทึกจริงบน server ของห้อง แยกกล่องข้อมูลด้วยรหัสนักศึกษา)

5
สัปดาห์ที่ 5 · Firebase Auth · Firestore

ล็อกอินและขึ้น Cloud

เปิดเรียนแล้ว

เพิ่มระบบล็อกอิน (Authentication) และย้ายข้อมูลขึ้น Firestore (cloud) ให้แต่ละคนเห็นเฉพาะบันทึกของตัวเอง อัปเดตเรียลไทม์ด้วย StreamBuilder และกันด้วย Security Rules

6
สัปดาห์ที่ 6 · ไอคอน · build APK · ติดตั้งจริง

ปล่อยแอปจริง (Deployment)

เปิดเรียนแล้ว

สัปดาห์สุดท้าย! ใส่ไอคอน + ชื่อแอปของตัวเอง เข้าใจ debug vs release แล้ว build เป็นไฟล์ APK ติดตั้งบนมือถือจริงและแจกให้เพื่อนได้ — MyDiary กลายเป็นแอปจริงที่ปล่อยได้