Mobile Apps · MBC-20

Flutter 3 Workshop (สำหรับผู้เริ่มต้น)

18 hours 3 days

Last updated 25 Sep 2026

Flutter 3 Workshop (สำหรับผู้เริ่มต้น) is a 18-hour training course by IT Genius Institute. ถ้าจะเริ่มพัฒนาแอพแบบ Cross Platform (รองรับทั้ง Android / iOS) ตัวเลือกที่น่าสนใจ คงเป็นใครไปไม่ได้นอกจาก "Flutter framework" สุดร้อนแรงจาก google…

Training schedule

No public rounds are open right now — register your interest and we will contact you when the next round opens, or request an in-house session for your team.

Corporate training quote

Flutter 3 Workshop (สำหรับผู้เริ่มต้น) ถ้าจะเริ่มพัฒนาแอพแบบ Cross Platform (รองรับทั้ง Android / iOS) ตัวเลือกที่น่าสนใจ คงเป็นใครไปไม่ได้นอกจาก "Flutter framework" สุดร้อนแรงจาก google ที่เป็นกระแสความนิยมในหมู่พัฒนาอย่างรวดเร็ว ด้วยความเรียบง่าย ความเร็ว ประสิทธิภาพของแอพพลิเคชั่นที่ได้ใกล้เคียงกับ Native (การพัฒนาด้วยภาษาเครื่อง) โดยใช้การพัฒนาด้วยภาษาเพียงภาษาเดียวนั่นก็คือ "ภาษา Dart" ที่มีรูปแบบภาษาคล้ายคลึงกับภาษา C และ Java ผสมผสานกับ JavaScript อีกนิดหน่อย ตัวภาษานับว่ามีความคลาสสิก และความทันสมัยอยู่ในตัว

สำหรับเนื้อหาใน Flutter 3 workshop for beginner (สำหรับผู้เริ่มต้น) นี้เป็นจุดเริ่มต้นที่สำคัญมากๆ สำหรับทุกคน เพราะเป็นการปูพื้นฐานที่ดีในการพัฒนา Mobile app ว่ากันตั้งแต่การเตรียมความพร้อมเครื่องไม้เครื่องมือ แนวคิดในการพัฒนาแอพพลิเคชั่นทั้งฝั่งแอนดรอยด์ (android) และไอโอเอส (ios) ทำความเข้าใจโครงสร้างของโปรเจ็กต์อย่างละเอียดชนิดที่ต้องเล่าทุกไฟล์ ทุกบรรทัดสำหรับมือใหม่ เพื่อให้เข้าใจทะลุปรุโปร่งทุกจุด ก่อนจะไปลุยกันต่อในการเขียนแอพที่ซับซ้อนขึ้นต่อไป

การอบรมเป็นลักษณะ Workshop ตลอดทั้งหลักสูตร เน้นการสร้างแอพจริงๆ เช่นแอพดึงข่าวสารจาก API (ใช้ WordPress เป็น Backend) มาแสดงเป็น ListView มีการใช้เทคนิคต่างๆ มากมายในแอพ อาทิ การอัพเดทคอนเทนต์อัตโนมัติเมื่อแสดงผลไปถึงจุดล่างสุดของหน้า (infinite scroll listview) การอัพเดทเนื้อหาเมื่อลากจากด้านบนลงมา (RefreshIndicator) การแสดงแอพหลายภาษา (Multi Language Support) การล็อกอินด้วย Social media เช่น Facebook และ Google การทำแจ้งในแอพ (Pushnotification) และเนื้อหาองค์ประกอบอื่นๆ อีกมากมายที่เป็นประโยชน์สำหรับมือใหม่ทุกท่านจะสามารถนำไปประยุกต์ใช้งาน

Objectives

ปูพื้นฐานที่ดีในการพัฒนา Mobile app

Who this course is for

นักเรียนนักศึกษา
ครู อาจารย์ วิทยากรที่สนใจ
นักวิชาการ นักไอที หรือผู้ดูและระบบ
ตลอดจนผู้สนใจทั่วไปในการพัฒนาแอพพลิเคชั่นแบบ Cross Platform ด้วย Flutter

Prerequisites

Flutter 3 for beginner (สำหรับผู้เริ่มต้น)

Curriculum

Module 1: การเตรียมเครื่องมือและความพร้อมทั้งบน Mac และ Windows

วิธีการติดตั้งเครื่องมือและ flutter sdk บนระบบ Windows
วิธีการติดตั้งเครื่องมือและ flutter sdk บนระบบปฎิบัติการ MacOS
การทดสอบการทำงานทั้งบน Mac และ Windows
การติดตั้ง Visual Studio Code พร้อมส่วนเสริมที่จำเป็น
การสร้าง Emulator และ Simulator บน Android และ iOS
การใช้ flutter ตรวจเช็คความพร้อมของระบบ

Module 2: อัพเดทสิ่งใหม่ๆ ในภาษา Dart 2.1x ของปี 2023

รู้จัก sound null-safety ใน Dart V.2.1x
การกำหนด typedef ใน Dart
การทำงานกับ Class และ Constructor
การเรียกใช้งาน Library ต่างๆ
การเขียนโปรแกรมแบบ Asynchronous Programming
การจัดการกับ Exceptions ใน Dart
เรียนรู้และจัดการกับ date and time ใน Dart

Module 3: การขึ้นโปรเจ็กต์ Flutter 3 เพื่อรองรับโปรเจ็กต์ขนาดใหญ่

การจัดวางโครงสร้างไฟล์ต่าง เพื่อรองรับโปรเจ็กต์ที่มีขนาดใหญ่ขึ้นในอนาคต
การแบ่งส่วนการแสดงผล แยกไฟล์ screen , theme, style, model, services และ widget ต่างๆ เป็นส่วนย่อยๆ
การเรียกใช้งานซ้ำจากส่วนต่าง ๆ ที่สร้างไว้
การสร้างไฟล์เก็บข้อมูลค่าคงที่ (constant) และ global variable ต่าง ในโปรเจ๊ก พร้อมการเรียกใช้งาน
นำโครงสร้างที่ได้ไปใช้ซ้ำกับโปรเจ็กต์อื่นๆ ได้

Module 4: การออกแบบ Layout แบบต่างๆ

การวาง Layout แบบ Bottomnav เมนู
การสร้าง Layout ร่วมกับเมนูด้านข้าง (Drawer Menu)
การสร้าง Layout ร่วมกับ Tabbar Menu
การปรับแต่ง Layout ให้รองรับทั้ง Mobile และ Tablet

Module 5: การเตรียมระบบหลังบ้านสำหรับออก API ด้วย WordPress ล่าสุด

การเซ็ตอัพ WordPress บนเว็บ Server เช่น Apache ผ่าน XAMPP
การเพิ่มหมวดหมู่และ Content บน WordPress สำหรับเรียกใช้งานผ่าน API
การเปิดใช้งาน API บน WordPress
การกำหนด Auth แบบ JWT บน WordPress Rest API

Module 6: ขึ้นโปรเจ็กต์ Workshop ระบบการดึงข่าวจาก API (News App)

แนะนำภาพรวมโปรเจ็กต์แสดงข่าวจาก Web API
ขึ้นโปรเจ็กต์แบบรองรับการจัดการ State ด้วย Provider
ออกแบบ Layout หลักในแอพประกอบด้วย Bottom Navigation , Drawer Menu, Tabbar Menu และ Listview สำหรับแสดงข่าวแบบต่าง ๆ ทั้งแนวตั้งและแนวนอน
สร้าง Model สำหรับใช้แสดงข่าว
สร้าง Server Rest API เพื่อดึงข่าวตามหมวดหมู่ ดึงรายละเอียดข่าว ออกมาแสดงบนแอพ

Module 7: การทำระบบ Login ด้วย Facebook และ Google API

การเตรียมความพร้อม Account Faebook เปิดใช้งานในส่วน Developer Console
สร้าง App ID ใน Facebook สำหรับนำมาผูกใน Flutter App
เขียนคำสั่งเชื่อมต่อกับ Facebook API
การเตรียมความพร้อม Account Google และเปิดใช้งาน Google Dev Console
สร้าง App ID ใน Google Console พร้อมตั้งค่าต่างๆ ที่จำเป็น
ทำการ Config Google App ID เข้ากับ Flutter แอพ
เขียนคำสั่งเชื่อมต่อกับ Google API

Module 8: การเขียน ListView ดึงข่าวแบบต่างๆ (Listview แนวตั้งและแนวนอน)

เรียนรู้แนวทางการออกแบบ ListView พื้นฐาน
การออกแบบ ListView ทั้งแนวตั้งและแนวนอน ในหน้าเดียวกัน พร้อมดึงข้อมูลจาก Web API มาแสดง
การปรับแต่ง List View ให้แสดงผลให้อย่างถูกต้อง ทั้งบน Mobile และ Tablet

Module 9: การทำ Infinite scroll listview และ RefreshIndicator

การดึงข่าวสารจำนวนมาก แบบมีการแบ่งส่วนการแสดงผลทีละชุด เมื่อผู้ใช้เลื่อนไปถึงจุดท้ายสุดให้โหลดเนื้อหาใหม่ มาเติมอัตโนมัติแบบ Infinite scroll listview
การอัพเดทหรือรีโหลดเนื้อหาโดยการใช้ RefreshIndicator คล้ายๆ กับ Pull to refresh ใน Android
การประยุกต์ใส่ทั้ง Infinite scroll listview และ RefreshIndicator ในเพจเดียวกัน

Module 10: การทำระบบแจ้งเตือน Pushnotification ด้วย One Signal และ Firebase

แนะนำ One Signal สำหรับทำ Pushnotification
สมัครและเปิดใช้งาน One Signal ฟรี
เชื่อมต่อ One Signal เข้ากับ Google Firebase
เขียนคำสั่งเชื่อมต่อกับ One Signal API ใน Flutter
เขียน Feature สำหรับให้ผู้ใช้สามารถเปิด/ปิด การแจ้งเตือนในแอพได้
ทดสอบระบบแจ้งเตือนทั้งบน iOS และ Android

Module 11: การทำแอพรองรับ 2 ภาษาขึ้นไป (Multi Language Support)

เพิ่ม package จัดการหลายภาษาลงในไฟล์ pubspec.yaml (Update pubspec.yaml)
การสร้าง json ไฟล์แยกภาษาที่ต้องการ (Create the language files)
สร้าง Delegate Class สำหรับจัดการเลือกภาษา (Create Delegate Class)
จัดการแสดงผลภาษาในส่วนของ UI (Translating text in the UI)
บันทึกข้อมูลภาษาที่เลือกไว้ลงในเครื่องด้วยการใช้ provider และ shared_preferences (changing App language manually)
ปรับแต่งการแสดงผลให้เหมาะสมในงานจริง (Custom for your app)

Module 12: การ Build และ Deployed โปรเจ็กต์บน Android และ iOS เพื่อนำไปใช้งาน

การเปลี่ยนภาพ Icon ของแอพ
การเปลี่ยนชื่อและแพคเกจของแอพ
การ Sign app สำหรับ Android และ iOS
การ Configuration ส่วนต่างๆ ของแอพใน Android และ iOS ก่อนทำการ Build
การ Building app สำหรับการ Release ทั้ง Android และ iOS

Frequently asked questions

Who is Flutter 3 Workshop (สำหรับผู้เริ่มต้น) for, and what background is needed?

Built for นักเรียนนักศึกษา · ครู อาจารย์ วิทยากรที่สนใจ · นักวิชาการ นักไอที หรือผู้ดูและระบบ Background you should have: Flutter 3 for beginner (สำหรับผู้เริ่มต้น) Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does Flutter 3 Workshop (สำหรับผู้เริ่มต้น) cost and how long does it run?

THB 9,500 (currently THB 8,550 on promotion). The course runs 18 hours. The fee covers course materials, lunch and refreshments throughout. Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.

Do I get a certificate?

Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.

Where does the training take place, and is there an online option?

You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.

What if I fall behind or miss a session — can I retake it?

Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.

How do I enrol, or request a quotation for my company?

Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.