Core Flutter Programming

Section 1: เตรียมเครื่องมือและภาพรวม Flutter

• ติดตั้ง Flutter SDK ตรวจสอบด้วย flutter doctor และตั้งค่า Android Emulator หรืออุปกรณ์จริง
• สถาปัตยกรรมของ Flutter: Framework, Engine และ Impeller Renderer
• โครงสร้างโปรเจกต์ ไฟล์ pubspec.yaml และการเพิ่ม Package จาก pub.dev
• Lab: สร้างโปรเจกต์แรกและรันบน Emulator พร้อมทดลอง Hot Reload

Section 2: Dart Fundamentals และ Null Safety

• ตัวแปร, Type Inference, final และ const
• Sound Null Safety และตัวดำเนินการ ?, !, ?? และ ?.
• Function, Named Parameter, Optional Parameter และ Collection (List, Set, Map) พร้อม Collection if/for
• Lab: เขียนโปรแกรม Dart จัดการรายการเมนูและราคาโดยไม่มีจุดเสี่ยง Null

Section 3: Object-Oriented Programming ใน Dart

• Class, Constructor, Factory Constructor และ Primary Constructors ที่มาใน Dart 3.13
• Inheritance, Mixin, Abstract Class และ Interface
• Class Modifiers (sealed, final, base, interface) และ Extension Methods
• Lab: ออกแบบ Class ของเมนูและหมวดเมนูด้วย Primary Constructors

Section 4: Records, Patterns และ Sealed Class

• Records สำหรับคืนค่าหลายค่าจาก Function
• Pattern Matching ด้วย switch Expression และ Destructuring
• Exhaustiveness Checking กับ Sealed Class และ Dot Shorthands
• Lab: จำลองสถานะคำสั่งซื้อด้วย Sealed Class และ switch Expression

Section 5: Workshop Day 1: Async และ Domain Model ของ NovaBite

• Future, async และ await สำหรับงานที่ต้องรอผล
• Stream และ StreamController สำหรับข้อมูลที่เปลี่ยนต่อเนื่อง
• การจัดการ Error ด้วย try/catch ในงาน Asynchronous
• Workshop: สร้าง MenuItem, CartItem และ Order คำนวณราคารวม ส่วนลดและภาษี พร้อมจำลองการโหลดเมนูแบบ Asynchronous

Section 6: แนวคิด Widget และ Rendering

• ความสัมพันธ์ของ Widget, Element และ RenderObject
• StatelessWidget กับ StatefulWidget และ Lifecycle
• BuildContext และการใช้ const Widget เพื่อลดการ Rebuild
• Lab: แยกหน้าจอเป็น Widget ย่อยที่นำกลับมาใช้ซ้ำได้

Section 7: Layout Widget ที่ใช้บ่อย

• Container, Padding, Row, Column, Stack และ Expanded/Flexible
• ListView, GridView และ CustomScrollView กับ Sliver
• อ่าน Constraint ให้เป็นและแก้ปัญหา Overflow
• Lab: จัด Layout การ์ดเมนูและแก้ Overflow ที่พบบ่อย

Section 8: Responsive และ Adaptive Design

• MediaQuery และ LayoutBuilder
• ออกแบบให้รองรับทั้งโทรศัพท์และแท็บเล็ต
• Adaptive Widget ที่แสดงผลเหมาะกับ Android และ iOS
• Lab: ปรับหน้ารายการเมนูให้สลับ List และ Grid ตามขนาดจอ

Section 9: Material 3 และการจัดการ Theme

• ColorScheme, Typography และ Component ของ Material 3
• Light/Dark Mode และ Custom Theme ของแบรนด์
• แพ็กเกจ material_ui และ cupertino_ui ที่แยกออกจาก SDK และวิธีย้ายมาใช้
• Lab: สร้าง Theme ของแบรนด์ NovaBite รองรับ Light/Dark Mode

Section 10: Workshop Day 2: หน้ารายการเมนูและรายละเอียดเมนู

• Hot Reload, Hot Restart และ Widget Previews สำหรับพัฒนา Widget แยกส่วน
• Flutter DevTools และ Widget Inspector สำหรับตรวจโครงสร้างหน้าจอ
• Workshop: สร้างหน้ารายการเมนูแยกตามหมวดเมนูและหน้ารายละเอียดเมนู
• Workshop: ตรวจหน้าจอหลายขนาดและทั้งสองโหมดสีด้วย Widget Previews

Section 11: Navigation พื้นฐาน

• Navigator, Route และการส่งข้อมูลระหว่างหน้าจอ
• การรับค่ากลับจากหน้าจอปลายทาง
• ข้อจำกัดของการนำทางแบบ Imperative เมื่อแอปซับซ้อนขึ้น
• Lab: เปิดหน้ารายละเอียดเมนูจากรายการเมนูพร้อมส่งข้อมูล

Section 12: go_router สำหรับงานจริง

• กำหนด Route, Path Parameter และ Query Parameter
• Nested Route และ ShellRoute สำหรับ Bottom Navigation
• Redirect ตามสถานะการเข้าสู่ระบบ และ Deep Link เบื้องต้น
• Lab: วางโครงสร้าง Route ทั้งหมดของแอปด้วย go_router

Section 13: Forms และ Validation

• Form, TextFormField และ GlobalKey
• กฎตรวจสอบข้อมูลและข้อความแจ้งเตือนที่ผู้ใช้เข้าใจง่าย
• การจัดการ Focus และ Keyboard บนมือถือ
• Lab: สร้างฟอร์มสมัครสมาชิกพร้อม Validation ครบทุกช่อง

Section 14: การโต้ตอบกับผู้ใช้

• Dialog, Bottom Sheet และ SnackBar
• Gesture พื้นฐาน เช่น แตะ กดค้าง และปัดเพื่อลบ
• Implicit Animation และ Hero Animation
• Lab: เพิ่ม Bottom Sheet เลือกตัวเลือกของเมนูและ Hero Animation ของรูปเมนู

Section 15: Workshop Day 3: Route และระบบเข้าสู่ระบบของ NovaBite

• วาง Bottom Navigation 4 แท็บ: เมนู, ตะกร้า, คำสั่งซื้อ และโปรไฟล์ ด้วย ShellRoute
• สร้างหน้าสมัครสมาชิกและเข้าสู่ระบบพร้อม Validation
• Redirect ไปหน้าเข้าสู่ระบบเมื่อผู้ใช้ยังไม่ Login
• Workshop: ทดสอบ Flow ทั้งหมดบน Emulator และแก้จุดที่ใช้งานไม่สะดวก

Section 16: แนวคิด State Management

• Ephemeral State กับ App State
• ข้อจำกัดของ setState และ InheritedWidget เมื่อแอปใหญ่ขึ้น
• ภาพรวมแนวทาง State Management ที่นิยมใน Flutter
• Lab: วิเคราะห์ว่า State ใดของ NovaBite ควรอยู่ระดับหน้าจอหรือระดับแอป

Section 17: Riverpod 3

• ProviderScope, Provider และ ref (watch, read, listen)
• Notifier และ AsyncNotifier สำหรับ State ที่มี Logic
• Code Generation ด้วย riverpod_annotation, Lifecycle ของ Provider และ Family
• Lab: ย้าย State ของตะกร้าสินค้าไปไว้ใน Notifier

Section 18: เปรียบเทียบ Riverpod กับ Cubit/BLoC

• แนวคิดของ Cubit และ BLoC (State และ Event)
• ข้อดีข้อจำกัดของแต่ละแนวทาง
• แนวทางเลือกใช้ให้เหมาะกับขนาดทีมและโครงการ
• Lab: เขียนตะกร้าสินค้าแบบ Cubit เพื่อเทียบโค้ดกับ Riverpod

Section 19: การเชื่อมต่อ REST API

• เรียก HTTP ด้วย dio (GET, POST, PUT, DELETE)
• แปลง JSON เป็น Model ด้วย json_serializable
• Interceptor สำหรับแนบ Token และจัดการ Error
• Repository Pattern เพื่อแยก Data Layer ออกจาก UI
• Lab: ดึงรายการเมนูจาก Mock REST API ผ่าน Repository

Section 20: Workshop Day 4: ตะกร้าสินค้าและข้อมูลเมนูจาก API

• แสดงเมนูจาก API ผ่าน AsyncNotifier พร้อมสถานะ Loading และ Error
• จัดการตะกร้าสินค้าและสถานะผู้ใช้ด้วย Riverpod
• ส่งคำสั่งซื้อกลับไปยัง API และแจ้งผลให้ผู้ใช้
• Workshop: ทดลองตัดการเชื่อมต่อ API แล้วปรับข้อความและปุ่มลองใหม่ให้ใช้งานได้จริง

Section 21: Local Storage

• shared_preferences สำหรับค่าการตั้งค่าและ Token
• SQLite ด้วย sqflite หรือ drift สำหรับข้อมูลที่มีโครงสร้าง
• แนวคิด Offline-first และการ Cache ข้อมูลจาก API
• Lab: บันทึกประวัติคำสั่งซื้อลง SQLite ให้เปิดดูได้แม้ไม่มีอินเทอร์เน็ต

Section 22: Testing เบื้องต้น

• Unit Test สำหรับ Business Logic และ Notifier
• Widget Test และการ Override Provider ในการทดสอบ
• Mock Repository ด้วย mocktail
• Lab: เขียน Test ให้ Logic คำนวณราคาและหน้าตะกร้าสินค้า

Section 23: คุณภาพและประสิทธิภาพของแอป

• Lint และ dart fix สำหรับปรับโค้ดตามมาตรฐาน
• ตรวจประสิทธิภาพและหาจุดที่ Rebuild เกินจำเป็นด้วย DevTools
• จัดการ Asset, Font และ Icon ของแอป
• Lab: ใช้ DevTools หาและแก้หน้าจอที่เลื่อนแล้วกระตุก

Section 24: Build และเตรียมเผยแพร่

• ตั้งค่า App Name, Package Name และ Version
• Build APK และ App Bundle สำหรับ Android
• ภาพรวมการ Build สำหรับ iOS ข้อกำหนดของ Xcode และ Apple Developer Program (สาธิต)
• แนวคิด Flavor สำหรับแยกสภาพแวดล้อม Dev และ Production
• Lab: Build APK และติดตั้งบนโทรศัพท์ Android จริงหรือ Emulator

Section 25: Master Workshop: แอป NovaBite ที่พร้อมใช้งาน

• เก็บ Token และค่าการตั้งค่าในเครื่อง และเพิ่มหน้าประวัติคำสั่งซื้อแบบ Offline
• เขียน Unit Test และ Widget Test ให้ส่วนสำคัญของแอป
• ทดสอบสถานการณ์ API ล่มหรือเครือข่ายช้าและปรับการแสดงผลให้เหมาะสม
• Build แอป ติดตั้งบนอุปกรณ์ และนำเสนอผลงานพร้อมรีวิวโครงสร้างโค้ดร่วมกัน