Flutter intermediate (ขั้นกลาง) with Laravel Rest API

ภาพรวมหัวข้อการอบรม

Module 1: เตรียมพร้อม Laravel Rest API for flutter

• เตรียมเครื่องมือสำหรับการขึ้นโปรเจ็กต์ Laravel 7
• ขึ้นโปรเจ็กต์ Laravel 7 ตั้งแต่เริ่มอย่างรวดเร็ว
• ออกแบบฐานข้อมูลสำหรับไว้ทดสอบทำ Rest API
• เขียน Routing API ใน Laravel
• เขียน CRUD Rest API ใน Laravel สำหรับการไว้ทดสอบเรียกใช้งานใน Flutter

Module 2: Responsive & Adaptive User Inferaces and Apps

• แนวทางการออกแบบ UI หน้าตาของแอพแบบ Responsive & Adaptive
• การออกแบบหน้าจอให้รองรับทั้ง Tablet และ Mobile
• การแยกส่วน Component การออกแบบและการเรียกใช้งานอย่างมีประสิทธิภาพ
• การปรับแก้ปัญหาที่เกิดขึ้นจากการออกแบบรองรับหลายขนาดหน้าจอ

Module 3: Animation in flutter

• แนวคิดและรูปแบบการใช้งาน Animation ใน Google Flutter
• การเขียน Animation ให้กับการเปลี่ยนหน้า Screen
• การใช้งาน Animation­Controller, Tween, Implicit animations
• การทำงานกับ Hero animations
• ประยุกต์ใช้ Animation กับโปรเจ็กต์ตัวอย่าง

Module 4: Flutter CRUD to Laravel API with MySQL

• นำ API ที่เขียนไว้ใน Laravel มาใช้งานใน Flutter
• ติดตั้ง Package สำหรับเรียกใช้งาน HTTP ลงใน Flutter project
• เขียน Service สำหรับการเชื่อมต่อ API ใน flutter
• เรียกแสดงข้อมูลจาก API ใน ListView พร้อมปรับแต่งประสิทธิภาพ
• สร้าง UI การเพิ่มข้อมูลจาก Flutter ไปยัง API ที่เตรียมไว้
• สร้าง UI และเขียนการทำงานส่วนแก้ไข (update) ข้อมูลจาก flutter ไปยัง API
• สร้างส่วนการลบข้อมูลจาก flutter ไปยัง API
• ปรับแต่งการแสดงผลให้เหมาะสมกับอุปกรณ์ขนาดหน้าจอต่างๆ

Module 5: Firebase Auth with Gmail , Facebook

• เข้าใช้งาน Firebase Console
• เขียนส่วนการทำงานกับ Auth with Gmail ใน firebase
• ทำระบบ Auth ด้วย Facebook (facebook login) ใน firebase ด้วย flutter
• ปรับแต่งแก้ปัญหาและปรับแต่งการแสดงผลใน flutter ให้เรียบร้อย

Module 6: Provider with State Management in flutter

• เรียนรู้ปัญหาการจัดการ State Management ใน flutter เบื้องต้น
• การจัดการปัญหา state ด้วย Provider สำหรับผู้เริ่มต้น
• การแยกส่วน class การทำงานของ provider ให้เหมาะสมต่อการเรียกใช้งานในโปรเจ็กต์ขนาดใหญ่ขึ้น

Module 7: Flutter with Google Map API

• เตรียม Google Map API Key สำหรับการใช้งานใน flutter
• ติดตั้ง Package พื้นฐานใน flutter เพื่อเรียกใช้ google map
• เขียนการเรียกแสดงผล google map ใน flutter
• เขียนปักหมุด (marker) พร้อมแสดงรายละเอียดใน flutter
• เรียกใช้งานค่าพิกัด lat,lon จาก api มาแสดงผลใน google map

Module 8: Flutter with QRCode and Barcode Scan

• ออกแบบ UI สำหรับการเรียก Scan QR/Barcode
• ติดตั้ง package สำหรับการใช้งาน QR/Barcode ใน flutter
• เขียนส่วนการทำงานกับการเปิดกล้องและแสกน
• รับค่าการ Scan ส่งข้อมูลผ่าน API ที่เตรียมไว้
• แก้ปัญหาและปรับแต่งการทำงานกับส่วนหน้าจอการ scan