Flutter Mobile Application Development with AI
รายละเอียด
Flutter Mobile Application Development with AI
เคยอยากมีแอปเป็นของตัวเองไหม? คอร์สนี้พาคุณสร้างแอปมือถือตั้งแต่ศูนย์จนใช้งานได้จริงบนอินเทอร์เน็ต ภายใน 10 ตอน (20 ชั่วโมง) โดยมี AI เป็นผู้ช่วยเขียนโค้ดคู่ใจ คุณจะได้ลงมือทำแอป “AI Expense Tracker” บันทึกรายรับรายจ่ายที่แค่ถ่ายรูปใบเสร็จ AI ก็อ่านและจัดหมวดหมู่ให้เอง แถมแชตถามได้ว่า "เดือนนี้ใช้เงินไปเท่าไหร่" เรียนครบทั้งการสร้างหน้าตาแอปด้วย Flutter, ระบบหลังบ้านด้วย Python และการนำขึ้นออนไลน์บน DigitalOcean โดยอธิบายด้วยภาษาที่เข้าใจง่าย ไม่ต้องมีพื้นฐาน Flutter หรือ Python ลุงจะปูพื้นฐานที่จำเป็นสำหรับการสั่ง AI ให้ จบคอร์สคุณจะไม่ได้แค่ความรู้ แต่ได้แอปที่ใช้งานได้จริง พร้อมวิธีใช้ AI ช่วยเขียนแอพได้ตามสั่ง เรียนจบเข้าใจ workflow จะนำไปประยุกต์ต่อยอดสร้างแอพแบบ Custom ได้สบายๆ + Extra EP. จะยกตัวอย่างการใช้ AI สร้าง 10 App ตามสั่งที่แตกต่างกันที่พร้อมใช้ได้ทันที
EP.1 — เริ่มต้นทำแอปแรกกับผู้ช่วย AI
> เตรียมเครื่องให้พร้อมและรันแอปแรกให้ได้
- ทำความรู้จัก Flutter (เฟรมเวิร์กสร้างแอปมือถือของ Google) ว่าเขียนครั้งเดียวได้ทั้ง Android และ iPhone
- ติดตั้งโปรแกรมที่ต้องใช้ (Flutter SDK, Android Studio / VS Code) และตรวจความพร้อมของเครื่องด้วย flutter doctor
- เปิดแอปจำลองบนคอมพิวเตอร์ (Emulator) แล้วดูผลทันทีเมื่อแก้โค้ด (Hot Reload)
- เรียนวิธีสั่งงาน AI ให้ได้คำตอบตรงใจ (Prompt) เช่น บอกให้ชัดว่าต้องการอะไรและมีข้อจำกัดอะไร
- ให้ AI อธิบายโค้ดทีละบรรทัดเป็นภาษาง่าย ๆ และช่วยแก้ข้อผิดพลาด (Debug)
- Workshop: แอป "Hello, [ชื่อของคุณ]" ที่รันได้จริง
------------
EP.2 — ภาษา Dart แบบเข้าใจง่าย
> อ่านและเขียนโค้ดพื้นฐานได้ และตรวจได้ว่า AI เขียนถูกหรือไม่
- เก็บข้อมูลด้วยตัวแปร (Variable) ข้อความ (String) ตัวเลข (int / double) และรายการ (List)
- เขียนคำสั่งที่ใช้ซ้ำได้ (Function) และตัดสินใจด้วยเงื่อนไข (if / else)
- สร้าง "แบบฟอร์มข้อมูล" (Class / Model) เช่น รายจ่าย 1 รายการมี ชื่อ จำนวนเงิน หมวดหมู่ วันที่
- เข้าใจการรอข้อมูล (Async / Future) เช่น รอโหลดจากอินเทอร์เน็ตโดยแอปไม่ค้าง
- ให้ AI เป็นติวเตอร์ ออกโจทย์ ตรวจคำตอบ และให้อธิบายโค้ดของตัวเองกลับมา เพื่อจับจุดที่ AI พลาดหรือแต่งเรื่องเอง (Hallucination)
- Workshop: แบบฟอร์มข้อมูลรายจ่าย พร้อมชุดตรวจสอบอัตโนมัติ (Unit test) ที่ผ่านทุกข้อ
------------
EP.3 — ออกแบบหน้าจอแอป
> สร้างหน้าตาแอปได้ โดยให้ AI ช่วยแปลงภาพร่างเป็นหน้าจอจริง
- เข้าใจว่าหน้าจอแอปประกอบจากชิ้นส่วนเล็ก ๆ ซ้อนกัน เหมือนต่อเลโก้ (Widget Tree)
- จัดวางข้อความ ปุ่ม รูป และรายการให้เป็นระเบียบ (Layout: Row, Column, ListView)
- ตั้งสีและตัวอักษรทั้งแอปในจุดเดียว (Theme / Material 3) รวมถึงโหมดมืด (Dark Mode)
- ถ่ายรูปภาพร่างหรือตัวอย่างหน้าจอ (Screenshot) ให้ AI แล้วให้สร้างหน้าตาแอปให้
- จัดโค้ดให้อ่านง่าย แยกชิ้นส่วนที่ใช้ซ้ำ (Refactor)
- Workshop: หน้าแรก (ยอดรวม + รายการล่าสุด) และหน้าเพิ่มรายจ่าย โดยใช้ข้อมูลตัวอย่าง (Mock data)
------------
EP.4 — ทำให้แอปจำข้อมูลและอัปเดตอัตโนมัติ
> เพิ่ม ลบ แก้ข้อมูลแล้วทุกหน้าเปลี่ยนตามทันที
- เข้าใจว่าทำไมแอปต้องมีที่เก็บ "สถานะ" กลางไว้ให้ทุกหน้าใช้ร่วมกัน (State Management)
- ใช้เครื่องมือ Riverpod จัดการข้อมูลกลาง แทนการแก้ทีละหน้า (เทียบกับ setState)
- ทำให้ยอดรวมคำนวณและเปลี่ยนเองเมื่อมีรายการใหม่ (Reactive)
- แยกหน้าที่ให้ชัดเจน ส่วนแสดงผล (UI) ส่วนคิดคำนวณ (State) ส่วนเก็บข้อมูล (Data)
- ให้ AI ช่วยปรับโค้ดเดิมเป็นแบบใหม่ (Refactor) และเปรียบเทียบข้อดีข้อเสีย โดยเราเป็นคนตัดสินใจ
- Workshop: แอปที่เพิ่มและลบรายจ่ายได้ และยอดรวมเปลี่ยนทันทีทุกหน้า
------------
EP.5 — หลายหน้าและแบบฟอร์มที่ใช้ง่าย
> ทำแอปที่มีหลายหน้า และรับข้อมูลจากผู้ใช้ได้ถูกต้อง
- เชื่อมหน้าต่าง ๆ เข้าด้วยกัน (Navigation / go_router) พร้อมเมนูด้านล่างสำหรับสลับหน้า (Bottom Navigation)
- สร้างแบบฟอร์มกรอกข้อมูล (Form / TextFormField) เลือกวันที่ และเลือกหมวดหมู่
- ตรวจข้อมูลที่กรอก (Validation) เช่น เว้นว่าง ใส่ค่าติดลบ หรือใส่ตัวอักษรแทนตัวเลข
- ออกแบบสถานะต่าง ๆ ให้ผู้ใช้ไม่งง ตอนกำลังโหลด (Loading) ไม่มีข้อมูล (Empty state) หรือเกิดข้อผิดพลาด (Error state)
- ให้ AI ช่วยคิดสถานการณ์แปลก ๆ ที่ผู้ใช้อาจทำ (Edge case) แล้วนำมาทดสอบแอป
- Workshop: หน้าเพิ่ม แก้ไข และดูรายละเอียดรายจ่าย ใช้งานได้ครบ
------------
EP.6 — สร้างระบบหลังบ้านด้วย Python
> สร้างระบบกลางที่เก็บข้อมูลไว้ให้แอปเรียกใช้
- เข้าใจภาพรวมว่าแอปกับระบบหลังบ้าน (Backend / REST API) คุยกันอย่างไร เปรียบเหมือนลูกค้ากับพนักงานรับออร์เดอร์
- เลือกเครื่องมือ Python ที่ใช้สร้างระบบ คือ Flask (เบา เรียนง่าย) หรือ Django REST Framework (ครบเครื่องกว่า)
- สร้างคำสั่งพื้นฐาน (Endpoint) ดู เพิ่ม แก้ไข และลบรายจ่าย (CRUD)
- เก็บข้อมูลไว้ในฐานข้อมูล (Database: SQLite → PostgreSQL) และตรวจข้อมูลที่ส่งเข้ามาก่อนบันทึกทุกครั้ง (Validation)
- ให้ AI ช่วยออกแบบโครงสร้างตาราง (Schema) และเขียนโค้ด แต่เราต้องตรวจความถูกต้องและความปลอดภัยเอง เช่น การถูกแทรกคำสั่งอันตราย (SQL Injection)
- Workshop: ระบบหลังบ้านที่รันบนเครื่อง ทดสอบด้วยโปรแกรม Postman แล้วใช้งานได้ครบทุกคำสั่ง
------------
EP.7 — เชื่อมแอปกับระบบหลังบ้าน และระบบล็อกอิน
> แอปดึงและบันทึกข้อมูลจริง และผู้ใช้แต่ละคนเห็นเฉพาะข้อมูลของตัวเอง
- ให้แอปส่งและรับข้อมูลจากระบบหลังบ้านแทนข้อมูลตัวอย่าง (เรียก API ด้วย dio, รูปแบบข้อมูล JSON)
- สร้างระบบสมัครสมาชิกและล็อกอิน (Authentication) โดยเก็บรหัสผ่านแบบเข้ารหัส (Hash) ไม่เก็บเป็นข้อความธรรมดา
- ใช้ "บัตรผ่านดิจิทัล" (JWT Token) ยืนยันตัวตนทุกครั้งที่แอปขอข้อมูล และเก็บไว้ในที่ปลอดภัยของมือถือ (Secure Storage)
- จัดการเวลาเน็ตช้าหรือหลุด (Timeout / Error handling) ให้แอปบอกผู้ใช้อย่างเข้าใจง่าย
- ให้ AI ช่วยสร้างโค้ดเชื่อมต่อจากเอกสารอธิบาย API (OpenAPI) และช่วยหาสาเหตุเมื่อข้อมูลไม่ตรงกัน
- Workshop: ผู้ใช้ 2 คนล็อกอินแล้วเห็นเฉพาะรายจ่ายของตัวเอง
------------
EP.8 — เอาระบบหลังบ้านขึ้นออนไลน์ด้วย DigitalOcean
> ให้ใครก็ใช้แอปของเราได้จากทุกที่ ไม่ใช่แค่ในเครื่องเรา
- รู้จัก DigitalOcean คือบริการเช่าคอมพิวเตอร์บนอินเทอร์เน็ต (Cloud) พร้อมดูค่าใช้จ่ายและตั้งแจ้งเตือนไม่ให้เกินงบ (Billing alert)
- เตรียมระบบก่อนขึ้นจริง (Production) เช่น ปิดโหมดทดสอบ (DEBUG=False) และเก็บรหัสลับไว้ในที่ปลอดภัย (Environment variables)
- เลือกวิธีออนไลน์ได้ 2 แบบ แบบง่าย (App Platform ผูกกับ GitHub แล้วอัปเดตอัตโนมัติ) หรือแบบเรียนรู้ลึก (เช่าเครื่อง Droplet แล้วตั้งค่าเองด้วย Gunicorn + Nginx)
- ใช้ฐานข้อมูลสำเร็จรูปของ DigitalOcean (Managed PostgreSQL) พร้อมการสำรองข้อมูล (Backup)
- ผูกชื่อเว็บไซต์ (Domain / DNS) และเปิดการเชื่อมต่อแบบปลอดภัยฟรี (HTTPS / Let's Encrypt)
- Workshop: ลิงก์ระบบหลังบ้านที่ใช้งานได้จริง และแอปบนมือถือที่ทำงานผ่านอินเทอร์เน็ต
------------
EP.9 — ใส่ความสามารถ AI ลงในแอป
> ให้แอปอ่านใบเสร็จและตอบคำถามเรื่องการใช้เงินได้
- เข้าใจเส้นทางของข้อมูล แอป → ระบบหลังบ้านของเรา → บริการ AI (LLM API) เพื่อไม่ให้กุญแจ (API key) หลุดไปอยู่ในแอป
- ทำฟีเจอร์ถ่ายรูปใบเสร็จ แล้วให้ AI อ่านชื่อร้าน ยอดเงิน วันที่ และจัดหมวดหมู่ให้ (Vision / OCR)
- ทำฟีเจอร์แชตถาม เช่น "เดือนนี้กินข้าวไปเท่าไหร่" (Chatbot)
- เขียนคำสั่งถึง AI ให้ได้คำตอบเป็นรูปแบบที่แอปนำไปใช้ต่อได้ (Structured output / JSON) และคุมค่าใช้จ่ายไม่ให้บานปลาย (Token)
- จำกัดจำนวนครั้งที่ใช้ต่อคน (Rate limiting) และป้องกันข้อความแปลก ๆ ในใบเสร็จที่พยายามสั่งให้ AI ทำผิดเรื่อง (Prompt injection)
- Workshop: ถ่ายรูปใบเสร็จแล้วได้รายการที่ให้ผู้ใช้ตรวจแก้ก่อนกดบันทึก (เพราะ AI อาจอ่านผิด)
------------
EP.10 — ทดสอบ ปล่อยแอป และนำเสนอผลงาน
> เปลี่ยนจากแอปฝึกหัดเป็นแอปที่พร้อมให้คนอื่นใช้
- ทดสอบทั้งแอปและระบบหลังบ้าน (Widget test / Integration test / pytest) โดยให้ AI ช่วยคิดกรณีทดสอบ แล้วเราตรวจดูว่าครบหรือไม่
- หาจุดที่แอปช้าหรือมีข้อผิดพลาดด้วยเครื่องมือตรวจสอบ (DevTools / flutter analyze) และแก้ให้เรียบร้อย
- เตรียมไฟล์แอปสำหรับปล่อยจริง (Build release: APK / AAB) ใส่ไอคอน หน้าเปิดแอป (Splash screen) และลงลายเซ็นของผู้พัฒนา (Signing)
- เรียนขั้นตอนขึ้น Google Play และ App Store รวมถึงเขียนนโยบายความเป็นส่วนตัว (Privacy Policy) ที่ระบุว่าข้อมูลถูกส่งไปที่ AI
- ให้ AI ช่วยเขียนคำอธิบายแอปสำหรับหน้าร้านค้า (Store listing) และตรวจโค้ดรอบสุดท้าย (Code review)
- Workshop: นำเสนอแอปคนละ 5 นาที (Capstone Demo) ตัดสินจากฟีเจอร์ครบ 30% · ระบบหลังบ้านและการขึ้นออนไลน์ 20% · ความเป็นระเบียบของโค้ด 15% · การใช้ AI อย่างมีวิจารณญาณ 15% · ความใช้ง่าย (UX) 10% · การนำเสนอ 10%
------------
Extra EP. จะยกตัวอย่างการใช้ AI สร้าง 10 App ตามสั่งที่แตกต่างกันที่พร้อมใช้ได้ทันที
- EP. นี้จะให้สมาชิกในกลุ่มออกไอเดียว่าอยากทำแอพอะไร ลุงและทีมงานจะทดลองสร้างแอพให้ดูโดยเขียน Prompt ที่ AI สามารถสร้างตามได้เลย และเป็นแอพที่เมื่อ AI สร้างจบก็สามารถใช้งานได้ทันที
<<วันเวลาเรียน>>>
เรียนออนไลน์ผ่านไลฟ์ในกลุ่มเฟสบุ๊ค ทุกวันอาทิตย์ยาว 10 สัปดาห์ เริ่มคลาสแรกวันอาทิตย์ที่ 23 มกราคม 2570 และ เวลา 19.15 เป็นต้นไป สัปดาห์ละ 2 ชั่วโมง (ดูย้อนหลังได้เลยหลังจบไลฟ์)
<<<ค่าลงทะเบียนปกติ 3960 บาท ลดให้พิเศษ! early bird 75% >>>
สำหรับ 50 คนแรกที่เห็นข้อความนี้เท่านั้น จ่ายเพียง 990 บาทเท่านั้น!
กดสมัครทางนี้ได้เลยจ้าาา
-----วิธีสมัคร------
1-กรอกข้อมูลตามแบบฟอร์มนี้ https://www.uncle-engineer.com/course/flutter-ai-2027
2-โอนชำระผ่านบัญชีด้านล่างแล้วแนบสลิปสมัครแล้วกดส่ง
3-รอรับอีเมลภายใน 24 ชั่วโมง
-----------------
ชำระค่าใช้จ่ายผ่าน…
บัญชี ออมทรัพย์ ธนาคารกรุงเทพ สาขา สยามพารากอน
ชื่อบัญชี: บริษัท คอนส์ โรโบติกส์ จำกัด เลขบัญชี:
<<<< 855-0-65158-5 >>>> หรือ พร้อมเพย์ 0105561008411
ชื่อบัญชี: บริษัท คอนส์ โรโบติกส์ จำกัด
สอบถามข้อมูลเพิ่มเติมทางเพจ "ลุงวิศวกร สอนคำนวณ" https://www.facebook.com/UncleEngineer/ หรือไลน์แอด @uncleengineer
-------------------
ราคาปกติ: 3,960 บาท
ส่วนลดบุคคลทั่วไป ลด 75% เหลือ:
990 บาท
สมัครเรียนกรอกแบบฟอร์มทางนี้
