โทร. 02-570-8449 มือถือ 088-807-9770 ชำระเงิน
จ–ศ 9:00–17:00 น. @itgenius
สถาบันไอทีจีเนียสIT Genius Institute
สถาบันไอทีจีเนียสIT Genius Institute
หลักสูตรเวิร์กชอปตารางอบรม
สำหรับองค์กร
อบรมในองค์กร (In-house)AI Transformationอบรมหน่วยงานภาครัฐบริการพัฒนาระบบเช่าห้องอบรม
บทความ
เกี่ยวกับเรา
รู้จักสถาบันไอทีจีเนียสวิทยากรผลงานลูกค้าของเราช่องทางชำระเงิน
ติดต่อเราคอร์สออนไลน์
ธีม
ภาษา
THENLA
สอบถามหลักสูตรเลือกช่องทางที่สะดวก ทีมงานตอบเองทุกช่อง
LINE @itgeniusตอบเร็วที่สุด · จ–ศ 9:00–17:00 น.
โทรศัพท์
02-570-8449สำนักงาน088-807-9770มือถือ
อีเมลและโซเชียล
contact@itgenius.co.thสำหรับใบเสนอราคาและเอกสารFacebookitgeniusonlineYouTubeitgeniusengขอคำปรึกษาจัดอบรมให้ทีม
หน้าแรก / หลักสูตร / พัฒนาแอพมือถือ / รายละเอียด
พัฒนาแอพมือถือ · MBC-23

Flutter 3 advanced (ขั้นสูง)

หลักสูตร Flutter 3 advanced เป็นการอบรมต่อยอดจากขั้นกลางในหัวข้อที่ใช้กับงานจริง ทั้ง Material Components ขั้นสูง แอป iOS ด้วย Cupertino แอปหลายภาษา ฐานข้อมูล SQLite การอัปโหลดรูปผ่าน API, Firestore CRUD และระบบ Chat แบบเรียลไทม์ด้วย Firebase เหมาะกับผู้ที่ผ่าน Flutter ขั้นกลางมาแล้วหรือเขียน Flutter มาบ้าง

อัปเดตล่าสุด
ราคาเริ่มต้น 12,150 บาท / ท่าน 13,500 −10% ยังไม่รวม VAT 7% · มีราคาหมู่คณะ
ขอใบเสนอราคาอบรมองค์กร ลงชื่อจองไว้
PDFดาวน์โหลด Course Outline
  • ระยะเวลา30 ชั่วโมง · 5 วัน
  • รูปแบบออนไซต์ / ออนไลน์สด
  • รอบถัดไปเปิดตามคำขอ
  • ใบรับรองมี Certificate

ภาพรวมหลักสูตร

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

สำหรับเนื้อหาใน Flutter Advanced (ขั้นสูง) นี้เป็นการต่อยอดจาก flutter intermediate ขั้นกลาง เพื่อให้ผู้เรียนและผู้เข้าอบรมสามารถประยุกต์ใช้งาน flutter ได้อย่างครบถ้วน เนื้อหาเจาะลึกในหัวข้อที่สามารถนำไปใช้ในงานจริง อาทิ การออกแบบด้วย Material Advanced, การออกแบบแอพส่วนของ iOS ด้วย Cupertino, การทำแอพให้รองรับหลายภาษา ,

การใช้งานฐานข้อมูลภายในแอพด้วย SQLite , การอัพโหลดไฟล์ภาพผ่าน API, การทำงานกับ Google Firebase, ทำระบบ Chat แบบเรียลไทม์, การอัพโหลดรูปภาพด้วย firebase, พัฒนาระบบแจ้งเตือน , เขียนระบบด้วยโครงสร้างแบบ MVC, จัดการ State ด้วย Bloc, การบันทึกเสียงใน flutter, การเขียนระบบเชื่อมต่อกับ Youtube API, การติดต่อกับอุปกรณ์และเซ็นเซอร์ต่างๆ บนมือถือ และเนื้อหาอื่นๆ อีกมากมาย

เมื่อผู้เข้าอบรมจบหลักสูตรนี้ไปจะมั่นใจได้ว่า ได้ความรู้ ความเข้าใจที่ครบถ้วน ในการนำไปต่อยอดพัฒนาผลงานของตนเองได้อย่างมีประสิทธิภาพต่อไป

สิ่งที่คุณจะได้รับ

  • การออกแบบด้วย Material Advanced Components
  • การออกแบบแอพส่วนของ iOS ด้วย Cupertino (Building a Cupertino app with Flutter for iOS)
  • การทำแอพให้รองรับหลายภาษา (Localization and Multi Language in flutter)
  • การใช้งานฐานข้อมูลภายในแอพด้วย SQLite (Using SQLite in Flutter)
  • การอัพโหลดไฟล์ภาพผ่าน API (Upload Images To REST API)
  • การทำงานกับ Google Firebase (Firestore CRUD in Flutter)
  • ทำระบบ Chat แบบเรียลไทม์ (Realtime chat with firebase in flutter)
  • การอัพโหลดรูปภาพด้วย firebase (Firebase Image Upload)
  • พัฒนาระบบแจ้งเตือน (Push Notifications in Flutter using Firebase)
  • เขียนระบบด้วยโครงสร้างแบบ MVC (Flutter MVC design pattern)
  • จัดการ State ด้วย Bloc (State management with Bloc)
  • การบันทึกเสียงใน flutter (Flutter Audio Recorder)
  • การเล่นวิดีโอ (Flutter Video Player)
  • การเขียนระบบเชื่อมต่อกับ Youtube API (Flutter YouTube API and Video Player)
  • การติดต่อกับอุปกรณ์และเซ็นเซอร์ต่างๆ บนมือถือ (Flutter with Device API)
  • การเตรียมความพร้อมแอพและอัพโหลดขึ้น Store (Build and published app to store)

หลักสูตรนี้เหมาะสำหรับ

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

พื้นฐานของผู้เข้าอบรม

  • พื้นฐานการเขียน flutter มาบ้างเล็กน้อย หรือผ่านหลักสูตร flutter for intermediate ขั้นกลางมาแล้ว
  • มีพื้นฐานภาษา Dart มาบ้าง หากไม่มีจะมีการปรับพื้นฐานให้ก่อนอบรม
  • ไม่จำเป็นต้องเขียนภาษา Swift หรือ Java มาก่อน
  • มีพื้นฐานการใช้งาน Mobile app ทั้ง android และ iOS มาบ้าง

หัวข้อการฝึกอบรม

Module 1 การออกแบบด้วย Material Advanced Components
  • ติดตั้ง flutter และกำหนดสภาพแวดล้อม (Set up your Flutter environment)
  • เพิ่มส่วนของ backdrop เมนู (Add the backdrop menu)
  • เพิ่มการทำรูปทรงต่างๆ (Add a shape)
  • เพิ่มการทำ motion (Add motion)
  • เพิ่มเมนูส่วน back layer (Add a menu on the back layer)
  • เพิ่มไอคอนแสดงแบรนด์ของแอพ (Add a branded icon)
Module 2 การออกแบบแอพส่วนของ iOS ด้วย Cupertino (Building a Cupertino app with Flutter for iOS)
  • ติดตั้ง flutter และกำหนดสภาพแวดล้อม (Set up your Flutter environment)
  • สร้างและกำหนดค่าเริ่มต้นสำหรับ Cupertino (Create the initial Cupertino app)
  • กำหนดโครงสร้างของแอพเป็น 3 แท็บ (Create structure for a 3-tab app)
  • เพิ่มส่วนการจัดการ State (Add state management)
  • ใช้ list view แสดงรายการ (List products for sale)
  • ทำส่วนการค้นหาข้อมูลใน List (Add product search)
  • ปรับแต่งส่วนของข้อมูลลูกค้า (Add customer info)
  • เพิ่มส่วนการแสดงวันเวลา (Add date picker)
  • เพิ่มส่วนการเลือกข้อมูลใน List (Add selected items for purchase)
Module 3 การทำแอพให้รองรับหลายภาษา (Localization and Multi Language in flutter)
  • การเตรียมโปรเจ็กต์ flutter สำหรับรองรับหลายภาษา (Prepare Your Project)
  • เพิ่ม 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 4 การใช้งานฐานข้อมูลภายในแอพด้วย SQLite (Using SQLite in Flutter)
  • การใช้ SQLite ใน flutter เบื้องต้น ติดตั้ง plugin SQFLITE (SQLite in Flutter: SQFLITE plugin)
  • สร้างส่วนของ model (Implementing Model Class)
  • สร้างส่วนของ helper สำหรับทำเรียกดู เพิ่ม ลบ แก้ไข(Creating DatabaseHelper Class: CRUD Operation)
  • เชื่อมต่อฐานข้อมูลกับส่วนแสดงผล (Connect database to UI)
  • ปรับแต่งการแสดงข้อมูลจาก SQLite ในส่วนการแสดงผล (Custom to display data to UI)
Module 5 การอัพโหลดไฟล์ภาพผ่าน API (Upload Images To REST API)
  • สร้างโปรเจ็กต์สำหรับใช้ทดสอบการอัพโหลดรูป (Prepare and create project)
  • เพิ่ม package สำหรับการจัดการ network และจัดการไฟล์ใน pubspec.yaml (Install the dependencies in pubspec.yaml)
  • กำหนด layout สำหรับเลือกไฟล์ภาพ (Create layout for add image)
  • เรียกใช้งาน image_picker (Adding the Image Picking Feature)
  • เขียน Rest API ส่วน backend ด้วย Laravel สำหรับอัพโหลดไฟล์ภาพ (Backend Setup To Handle The Image Upload Process)
  • เขียน Logic ส่วนการอัพโหลดไฟล์รูปใน flutter (Implementing The Image Upload Feature)
Module 6 การทำงานกับ Google Firebase (Firestore CRUD in Flutter)
  • สร้างโปรเจ็กต์ flutter (Creating a New Firebase Project)
  • ติดตั้ง firebase ลงใน project android (Android Firebase Project Setup)
  • ติดตั้ง firebase ลงใน project iOS (iOS Firebase Project Setup)
  • Firebase Flutter Packages Setup (iOS & Android)
  • Registering Users with Firebase using FirebaseAuth
  • Authenticating Users with FirebaseAuth
  • Showing a Spinner while the User Waits
  • Saving Data into Cloud Firestore
  • Listening for Data from Firebase using Streams
  • Update Data into Cloud Firestore
  • Delete Data into Cloud Firestore
  • Turning Streams into Widgets Using the StreamBuilder
  • Cloud Firestore Authorisation and Security Rules
Module 7 ทำระบบ Chat แบบเรียลไทม์ (Realtime chat with firebase in flutter)
  • Creating an Authentication Form
  • Connecting Auth Form & Auth Screen
  • Implementing Authentication
  • Storing Extra User Data
  • Finishing Authentication & Logout
  • Adding Firebase Security Rules
  • Listening to Chat Messages
  • Sending & Ordering Chat Messages
  • Creating a Basic Chat Bubble Widget
  • Improving the Chat Bubbles
  • Testing on Multiple Devices
  • Displaying User Names
Module 8 การอัพโหลดรูปภาพด้วย firebase (Firebase Image Upload)
  • Adding an Image Picker
  • Preparing File Upload & Validating Images
  • Uploading Images
  • Improving Image Upload
  • Running on a Real iOS Device
  • Displaying Images

 

Module 9 พัฒนาระบบแจ้งเตือน (Push Notifications in Flutter using Firebase)
  • Creating a Firebase project
  • Integrating the firebase_messaging package
  • Android-specific configurations
  • iOS-specific configuration
  • Initializing the packages in Dart-Code
  • Sending Notifications with the Firebase console
Module 10 เขียนระบบด้วยโครงสร้างแบบ MVC (Flutter MVC design pattern)
  • What is the MVC Design Pattern?
  • The MVC Approach
  • Install package for MVC
  • Create project with MVC structure
  • The Controller
  • The Model
  • The View
Module 11 จัดการ State ด้วย Bloc (State management with Bloc)
  • What is BLoC pattern?
  • Concepts for Bloc Events, States, Transition
  • Implementing the BLoC pattern
  • Creating Events
  • Creating BLoC
  • Creating the UI
  • Running the app
Module 12 การบันทึกเสียงใน flutter (Flutter Audio Recorder)
  • Install project and add package flutter_sound
  • Config on iOS
  • Subscriptions
  • Default uri path
  • Creating instance.
  • Starting recorder with listener.
  • Stop recorder
  • Start player
  • Stop player
  • Pause player
  • Resume player
  • Seek player
  • Setting volume
Module 13 การเล่นวิดีโอ (Flutter Video Player)
  • Setup flutter project
  • Add package video_player in pubspec.yaml
  • Implement for video player
  • Custom to display video in view
  • Test on real device
Module 14 การเขียนระบบเชื่อมต่อกับ Youtube API (Flutter YouTube API and Video Player)
  • Create flutter project and add "youtube_player_flutter" dependencies
  • Config to iOS in Info.plist
  • Create project and enable api in google developer console
  • Get Youtube Data API Key
  • Create Model in flutter
  • Create Video modal
  • Create api service
  • Display video in listview
  • Play video in screen UI
Module 15 การติดต่อกับอุปกรณ์และเซ็นเซอร์ต่างๆ บนมือถือ (Flutter with Device API)
  • WebView
  • Bluetooth
  • Calendar
  • File Picker
  • Battery
  • NFC Reader
Module 16 การเตรียมความพร้อมแอพและอัพโหลดขึ้น Store (Build and published app to store)
  • Preparing the Code
  • Preparing the App Configuration
  • Preparing Third-Party Services
  • Adding Icons & Splash Screens
  • Publishing Android Apps
  • Publishing iOS Apps

รอบอบรมและรูปแบบการอบรม

สำหรับบุคคล — รอบอบรมทั่วไป

ขณะนี้ยังไม่มีรอบอบรมเปิดรับสมัคร ลงชื่อจองไว้ได้เลย ทีมงานจะติดต่อกลับเป็นกลุ่มแรกเมื่อเปิดรอบถัดไป หรือสอบถามทางไลน์ หรือโทร 02-570-8449 หรือ 088-807-9770

ลงชื่อจองไว้ สอบถามรอบอบรม

สำหรับองค์กร — In-house / Private Training

  • ปรับเนื้อหาให้ตรงกับเครื่องมือและงานจริงของทีม
  • เลือกวันเอง อบรมที่บริษัทหรือออนไลน์สด
  • ออกใบเสนอราคาในนามนิติบุคคลให้ฝ่ายจัดซื้อ
ขอใบเสนอราคาอบรมองค์กร

วิทยากรผู้สอน

คำถามที่พบบ่อย

ใช้ SQLite เก็บข้อมูลในแอป Flutter ทำอย่างไร

เพิ่มปลั๊กอิน sqflite และ path ใน pubspec.yaml แล้วสร้าง Model Class ที่แปลงเป็น Map และกลับได้ด้วย toMap และ fromMap จากนั้นเขียนคลาส DatabaseHelper ที่เปิดฐานข้อมูลด้วย openDatabase และสร้างตารางใน onCreate พร้อมเมธอด insert query update และ delete แล้วจึงเรียกใช้จากหน้าจอและแสดงผลด้วย FutureBuilder ข้อมูลเก็บอยู่ในเครื่องจึงใช้งานได้แม้ไม่มีอินเทอร์เน็ต

ทำแอป Flutter ให้รองรับหลายภาษามีขั้นตอนอย่างไร

เริ่มจากเพิ่ม flutter_localizations และแพ็กเกจจัดการภาษาใน pubspec.yaml แล้วสร้างไฟล์ JSON แยกตามภาษา เช่น en.json และ th.json จากนั้นเขียนคลาส Delegate ที่โหลดไฟล์ตามภาษาที่เลือก ใส่ localizationsDelegates และ supportedLocales ใน MaterialApp แล้วจึงเปลี่ยนข้อความบนหน้าจอให้ดึงจากคีย์ในไฟล์ภาษา ถ้าให้ผู้ใช้สลับภาษาเองให้เก็บค่าที่เลือกด้วย Provider และ shared_preferences เพื่อให้จำไว้เมื่อเปิดแอปครั้งถัดไป

ใช้ StreamBuilder กับ Cloud Firestore แสดงข้อมูลแบบเรียลไทม์ทำอย่างไร

Cloud Firestore ส่งข้อมูลเป็น Stream ได้ด้วยเมธอด snapshots() เช่น FirebaseFirestore.instance.collection('messages').orderBy('createdAt').snapshots() นำ Stream นี้ไปใส่ใน StreamBuilder แล้วสร้าง ListView จากเอกสารใน snapshot ทุกครั้งที่มีการเพิ่ม แก้ไข หรือลบข้อมูล หน้าจอจะอัปเดตเองโดยไม่ต้องดึงซ้ำ ซึ่งเป็นหลักการเดียวกับระบบแชตแบบเรียลไทม์ และควรตั้ง Security Rules ให้เฉพาะผู้ใช้ที่ล็อกอินอ่านเขียนได้

หลักสูตร Flutter 3 advanced เหมาะกับใคร ต้องมีพื้นฐานอะไรมาก่อน

เหมาะกับนักเรียนนักศึกษา ครูอาจารย์ นักไอทีหรือผู้ดูแลระบบ และผู้พัฒนาแอปแบบ Cross Platform ด้วย Flutter ที่ต้องการทำแอปสำหรับใช้งานจริง ควรเขียน Flutter มาบ้างหรือผ่านหลักสูตร Flutter ขั้นกลางมาแล้ว มีพื้นฐานภาษา Dart ซึ่งถ้ายังไม่มีจะมีการปรับพื้นฐานให้ และไม่ต้องเคยเขียน Swift หรือ Java มาก่อน

เรียนจบหลักสูตร Flutter 3 advanced แล้วทำอะไรได้บ้าง

ออกแบบด้วย Material Components ขั้นสูง ทำแอปสไตล์ iOS ด้วย Cupertino ทำแอปหลายภาษา เก็บข้อมูลในเครื่องด้วย SQLite อัปโหลดรูปไปยัง REST API ที่เขียนด้วย Laravel ทำระบบสมาชิกและ CRUD บน Cloud Firestore สร้างระบบแชตแบบเรียลไทม์ด้วย Firebase และเตรียมแอปขึ้น Store ได้ ผู้ผ่านการอบรมได้รับใบประกาศนียบัตร (Certificate of Completion) ที่มีเลขที่ของตัวเองและตรวจสอบออนไลน์ได้

จัดอบรมหลักสูตร Flutter 3 advanced ให้ทีมในองค์กรได้ไหม

ได้ หลักสูตรนี้จัดเป็นการอบรมแบบ In-house ให้ทีมในองค์กรได้ และปรับตัวอย่างให้ตรงกับงานของทีม เช่น ฝึกกับฟีเจอร์ของแอปที่ทีมกำลังพัฒนาอยู่ ขอใบเสนอราคาได้จากหน้านี้ หรือติดต่อทาง LINE @itgenius โทร 02-570-8449