หลักสูตร FlutterFlow App Development เป็นการอบรมสร้างแอปมือถือและเว็บแบบ Low-Code ด้วย FlutterFlow ตั้งแต่ออกแบบหน้าจอ จัดการ State เชื่อม Firebase หรือ Supabase จนถึงรับชำระเงินด้วย Stripe เหมาะกับผู้ที่อยากทำแอปโดยเขียนโค้ดน้อย โปรแกรมเมอร์ และเจ้าของธุรกิจ จบแล้วสร้างแอปที่พร้อม Deploy ได้เอง
FlutterFlow เป็นเครื่องมือสร้างแอปแบบ Low-Code ที่ออกแบบหน้าจอและ Logic ผ่านหน้าจอแบบลากวาง แล้วสร้างเป็นโค้ด Flutter ให้จริง จึงได้แอปที่รันบน Android, iOS และเว็บจากโปรเจกต์เดียว และยังเพิ่มโค้ดเองหรือส่งต่อโค้ดให้นักพัฒนาได้เมื่องานซับซ้อนขึ้น ทำให้ทั้งทีมธุรกิจและนักพัฒนาใช้ FlutterFlow ทำแอปต้นแบบและแอปใช้งานจริงได้เร็วกว่าการเขียนโค้ดตั้งแต่ต้น
หลักสูตรนี้เป็นฉบับปรับปรุงใหม่ที่พาสร้างแอปตั้งแต่ศูนย์ตามแนวทางปัจจุบันของ FlutterFlow ทั้งการออกแบบ UI, Theme และ Component, การจัดการ State, Action Flow Editor, ระบบสมาชิกและฐานข้อมูลบน Firebase, ทางเลือก Supabase, การเรียก REST API, Custom Code, การรับชำระเงินด้วย Stripe ไปจนถึงการทดสอบ ทำงานเป็นทีมด้วย Branching และ Deploy แอปขึ้นเว็บและ Store (อบรม 3 วัน วันละ 6 ชั่วโมง รวม 18 ชั่วโมง ระดับ Beginner-Intermediate)
รายละเอียดหลักสูตร
หลักสูตรนี้เป็นฉบับปรับปรุงใหม่ปี 2026 ที่มาแทนหลักสูตร FlutterFlow รุ่นเดิม เนื้อหาเขียนใหม่ตามฟีเจอร์ปัจจุบันของ FlutterFlow อบรม 3 วัน วันละ 6 ชั่วโมง รวม 18 ชั่วโมง (09:00-16:00 น.) รูปแบบบรรยายสลับ Lab และ Workshop ตลอดหลักสูตร ระดับ Beginner-Intermediate ผู้เรียนจะได้สร้างแอปจองสถานที่หนึ่งตัวต่อเนื่องตั้งแต่ออกแบบหน้าจอ Theme และ Component จัดการ State เขียน Logic ด้วย Action Flow Editor ทำระบบสมาชิกและฐานข้อมูลด้วย Firebase ลองใช้ Supabase เรียก REST API เพิ่ม Custom Code รับชำระเงินด้วย Stripe ไปจนถึงทดสอบและ Deploy พร้อมรับ Lab Guide และโปรเจกต์ตัวอย่างกลับไปใช้งานต่อ
Section 1: Lab: รู้จัก FlutterFlow และเริ่มโปรเจกต์แรก
Section 2: Lab: UI Builder, Widget Tree และ Layout
Section 3: Lab: Theme, Design System และ Component
Section 4: Lab: Navigation และการส่ง Parameter ระหว่างหน้า
Section 5: Lab: จัดการ State ใน FlutterFlow
Section 6: Lab: เขียน Logic ด้วย Action Flow Editor
Section 7: Lab: ตั้งค่า Firebase และระบบสมาชิก
Section 8: Lab: CRUD บน Cloud Firestore
Section 9: Lab: อัปโหลดรูปและไฟล์
Section 10: Lab: เรียก REST API และจัดการ JSON
Section 11: Lab: ทางเลือก Backend ด้วย Supabase
Section 12: Lab: Custom Code และ AI Agent
Section 13: Lab: รับชำระเงินด้วย Stripe
Section 14: ทดสอบ ทำงานเป็นทีม และ Deploy
Section 15: Workshop: Capstone แอปจองสถานที่ครบวงจร
ขณะนี้ยังไม่มีรอบอบรมเปิดรับสมัคร ลงชื่อจองไว้ได้เลย ทีมงานจะติดต่อกลับเป็นกลุ่มแรกเมื่อเปิดรอบถัดไป หรือสอบถามทางไลน์ หรือโทร 02-570-8449 หรือ 088-807-9770
FlutterFlow เป็นเครื่องมือสร้างแอปแบบ Low-Code ที่ออกแบบหน้าจอ เขียน Logic และเชื่อมฐานข้อมูลผ่านหน้าจอแบบลากวาง แล้วสร้างเป็นโค้ด Flutter ให้ จึงได้แอปที่รันบน Android, iOS และเว็บเหมือนเขียน Flutter เอง แต่ทำได้เร็วกว่ามากในงานทั่วไป เมื่อมีส่วนที่เครื่องมือสำเร็จรูปทำไม่ได้ก็เพิ่ม Custom Code เป็นภาษา Dart ได้ และเชื่อม GitHub เพื่อเก็บโค้ดไว้ให้นักพัฒนาต่อยอดได้ ส่วนการเขียน Flutter เองให้อิสระเต็มที่แต่ต้องเขียนโค้ดทั้งหมด
สร้างโปรเจกต์ Firebase แล้วเชื่อมกับ FlutterFlow ในหน้าตั้งค่า เปิด Authentication และเลือกวิธีล็อกอิน เช่น อีเมลและรหัสผ่านหรือบัญชี Google จากนั้นสร้างหน้า Sign Up และ Sign In แล้วผูก Action การสมัครและล็อกอินเข้ากับปุ่ม ตั้งหน้าเริ่มต้นแยกตามสถานะล็อกอิน และเก็บข้อมูลโปรไฟล์เพิ่มเติมใน Collection ของผู้ใช้ ถ้าใช้ Supabase ก็ทำได้ในแนวทางเดียวกันผ่าน Supabase Authentication
App State เป็นค่าที่ใช้ได้ทั้งแอป เช่น ตะกร้าสินค้าหรือ Token และตั้งให้จำค่าไว้ในเครื่องแม้ปิดแอปได้ Page State เป็นค่าที่ใช้เฉพาะในหน้านั้น เช่น คำค้นหาหรือตัวเลือกที่ผู้ใช้กำลังเลือก ส่วน Component State เป็นค่าภายใน Component แต่ละตัว ซึ่ง Component อื่นเข้าถึงโดยตรงไม่ได้ ต้องส่งผ่าน Parameter จากหน้าหลัก การเลือกระดับให้เหมาะช่วยให้แอปดูแลง่ายและไม่ Rebuild หน้าจอโดยไม่จำเป็น
เหมาะกับผู้ที่อยากสร้างแอปมือถือหรือเว็บแอปโดยเขียนโค้ดน้อย โปรแกรมเมอร์ที่ต้องการทำแอปต้นแบบให้เร็วขึ้น เจ้าของธุรกิจและทีม Product ที่ต้องการทดสอบไอเดีย รวมถึงนักศึกษาและผู้สนใจทั่วไป ไม่จำเป็นต้องเขียนโปรแกรมมาก่อน ขอเพียงใช้คอมพิวเตอร์และอินเทอร์เน็ตได้คล่อง และมีบัญชี FlutterFlow กับบัญชี Google สำหรับ Firebase
ออกแบบหน้าจอด้วย UI Builder, Theme และ Component จัดการ State เขียน Logic ด้วย Action Flow Editor ทำระบบสมาชิกและ CRUD ด้วย Firebase หรือ Supabase อัปโหลดรูป เรียก REST API เพิ่ม Custom Code รับชำระเงินด้วย Stripe ทำงานเป็นทีมด้วย Branching และ Deploy แอปขึ้นเว็บและเตรียมขึ้น Store ได้ ผู้ผ่านการอบรมได้รับใบประกาศนียบัตร (Certificate of Completion) ที่มีเลขที่ของตัวเองและตรวจสอบออนไลน์ได้
ได้ หลักสูตรนี้จัดเป็นการอบรมแบบ In-house ให้ทีมในองค์กรได้ และปรับโจทย์ Workshop ให้ตรงกับงานของทีม เช่น ทำแอปภายในสำหรับบันทึกงานภาคสนามหรือแอปต้นแบบของบริการใหม่ ขอใบเสนอราคาได้จากหน้านี้ หรือติดต่อทาง LINE @itgenius โทร 02-570-8449
Flutter เป็นเฟรมเวิร์กยอดนิยมสำหรับสร้างแอปจากโค้ดชุดเดียวให้ทำงานได้ทั้ง Android, iOS, เว็บ และเดสก์ท็อป และทุกส่วนของแอป Flutter ตั้งแต่หน้าจอไปจนถึงลอจิกการทำงานเขียนด้วยภาษา Dart ผู้ที่ข้ามพื้นฐาน Dart ไปเรียน Flutter ทันทีมักสับสนกับ Null Safety,…
เมื่อเขียน Flutter เบื้องต้นได้แล้ว ก้าวต่อไปที่หลายคนติดคือการสร้างแอปที่มีหลายหน้าจอ ดึงข้อมูลจริงจากระบบหลังบ้าน และมีฟีเจอร์ที่ผู้ใช้คาดหวัง เช่น โหลดข้อมูลต่อเมื่อเลื่อนถึงท้ายรายการ ดึงลงเพื่อรีเฟรช แจ้งเตือน และสลับภาษา…
ถ้าอยากเริ่มสร้างแอปมือถือที่ใช้ได้ทั้ง Android และ iOS จากโค้ดชุดเดียว Flutter ยังเป็นตัวเลือกที่ได้รับความนิยมสูง เพราะเขียนด้วยภาษา Dart ภาษาเดียว แสดงผลได้ลื่นใกล้เคียงแอป Native และเห็นผลการแก้โค้ดทันทีด้วย Hot Reload…
