โค้ดประกอบเนื้อหา Flutter เบื้องต้น
By KongRuksiam Official
- ติดตามผ่านช่อง Youtube
- ปูพื้นฐาน Dart เบื้องต้น
- เอกสารประกอบการสอน Flutter เบื้องต้น (pdf)
- Flutter & ฐานข้อมูล (NOSQL)
- Flutter & Barcode และ QRCode
- Flutter & Firebase
เรียนผ่านวิดีโอสอนจำนวน 55 หัวข้อ
ผู้เรียนต้องมีพื้นฐานภาษา Dart มาก่อน สามารถเรียนได้ที่ลิงค์ด้านบนเลยครับ
- ทำความรู้จักกับ Flutter & Dart
- Flutter SDK (Windows)
- Unable to find git in your PATH
- ติดตั้ง Android Studio
- Set Path Android SDK (Windows)
- Android Emulator
- ดาวน์โหลด Visual Studio Code
- สร้างโปรเจค Flutter
- ทดสอบรันโปรเจค
- โครงสร้างโปรเจค
- การเปลี่ยนชื่อแอพ
- การเปลี่ยนไอคอนแอพ
- รู้จักกับ Widget
- เริ่มต้นใช้งาน Widget
- Scaffold
- เปลี่ยนสีของแอพ
- Stateless Widget
- Center Widget
- กำหนดขนาดและสีข้อความ
- นำภาพเข้ามาทำงาน (External)
- Column Widget
- Stateful Widget
- ปุ่มและไอคอน
- Event และ SetState
- กำหนด Event แบบฟังก์ชั่น
- กำหนดกลุ่ม Widgetใน List
- ListView Widget
- กำหนดรายละเอียดด้วย ListTile
- ListView Builder
เริ่มต้นทำแอพเล็กๆ เช่น แอพแสดงเมนูอาหาร และเพิ่มความซับซ้อนโดยสร้างแอพแสดงอัตราการแลกเปลี่ยนเงินผ่านการใช้งาน API โดยใช้งานร่วมกับ http package Exchange Rate API
- แอพเมนูอาหาร
- นำภาพเข้ามาทำงาน (Internal)
- กำหนด Event การเลือกเมนู
- รู้จักกับ Container Widget
- ใช้งาน Container Widget
- กำหนดระยะห่างด้วย Padding
- กำหนด Text Style
- Expanded Widget
- SizedBox
- สร้าง Widget ต้นแบบ
- รูปแบบตัวเลขเป็นสกุลเงิน
- Widget Lifecycle
- Asynchronous & Future
- รู้จักกับ API
- Exchange Rate API
- ติดตั้ง HTTP Package
- การดึงข้อมูลจาก API
- แปลง JSON เป็น Dart
- จัดการค่า NULL
- ดึงข้อมูลและจัดการค่า NULL
- Linear ProgressIndicator
- Future Builder
- แสดงข้อมูลจาก Snapshot
- แสดงอัตราการแลกเปลี่ยน
- ระบุฐานสกุลเงินเริ่มต้น