การพัฒนาโปรแกรมสำหรับมือถือด้วย Flutter

Warning

ฉบับปรับปรุง 1-2568

  • เพิ่มเนื้อหา GetX สำหรับจัดเการข้อมูลจำเป็นของผู้ใช้ช้

  • เพิ่มการเรียกใช้ข้อมูลผ่าน PocketBase

  • เพิ่มการเรียกใช้ LLM ผ่าน MCP server

Table 4 แผนการเรียนรู้ Flutter + GetX + PocketBase + MCP

สัปดาห์

หัวข้อ

วัตถุประสงค์

ลิงก์ประกอบ

1

แนะนำ Flutter และการติดตั้ง

ติดตั้ง Flutter และรันแอปแรกได้

https://docs.flutter.dev/get-started

2

พื้นฐาน Widget และ Layout

เข้าใจ Stateless/Stateful widget และ layout

https://docs.flutter.dev/development/ui/widgets

3

Navigation และ Routing

สร้าง navigation และส่งข้อมูลระหว่างหน้า

https://docs.flutter.dev/development/ui/navigation

4

Forms และ Input

ใช้ TextField, Form, และ validation เบื้องต้น

https://docs.flutter.dev/cookbook/forms/validation

5

การจัดการ State พื้นฐาน

ใช้ setState และแนวคิด reactive programming

https://docs.flutter.dev/development/data-and-backend/state-mgmt/intro

6

พื้นฐานการเชื่อมต่อ API

ดึงข้อมูลจาก REST API ด้วย http package

https://docs.flutter.dev/cookbook/networking/fetch-data

7

สรุปก่อนสอบ

ทบทวนเนื้อหาและเตรียมสอบกลางภาค

8

สอบกลางภาค

ประเมินความเข้าใจพื้นฐาน Flutter

9

GetX State Management

เข้าใจ controller, Rx และ reactive UI

https://pub.dev/packages/get

10

GetX Routing & DI

ใช้ NamedRoute, Middleware และ Dependency Injection

https://pub.dev/packages/get#navigation-management

11

PocketBase เบื้องต้น

ติดตั้งและใช้งาน PocketBase กับ Flutter

https://pocketbase.io/docs

12

การเชื่อมต่อ PocketBase

Auth, CRUD, และ media upload จากแอป

https://pocketbase.io/docs/collections-api

13

Model-Context Protocol (MCP)

เข้าใจการใช้งาน LLM backend กับ Flutter

https://github.com/modelcontext/mcp

14

การประยุกต์ใช้ MCP

สร้าง LLM feature เช่น chatbot / auto-complete

https://github.com/modelcontext/mcp

15

นำเสนอโปรเจกต์

นำเสนอผลงาน และรับข้อเสนอแนะ