เริ่มต้นเรียนรู้ สร้างแอพด้วย Google Flutter
Buy now
Learn more
เริ่มต้นกับ Flutter และการสร้าง Mobile App
รู้จักกับ Flutter
รู้จักกับภาพรวมขั้นตอนการสร้าง Mobile...
ทำความเข้าใจความแตกต่างของของ Mobile ...
ทดสอบกันหน่อย
วิธีติดตั้งโปรแกรมสำหรับคนใช้ Windows
หมายเหตุ สำหรับคนที่ต้องการทดสอบแอพบน...
วิธีติดตั้ง Chocolatey
วิธีติดตั้ง Java Development Kit (JDK)
วิธีติดตั้ง Flutter SDK บน Windows
การติดตั้ง Git Client
วิธีติดตั้ง Android Studio บน Windows
ติดตั้ง Visual Studio Code
วิธีติดตั้งโปรแกรมสำหรับคนใช้ MacOS
การติดตั้ง Homebrew
วิธีติดตั้ง Java Development Kit ด้วย...
วิธีติดตั้ง Flutter SDK ผ่าน Homebrew
ติดตั้ง Android Studio และ Android SD...
ใช้ Flutter Doctor ตรวจความเรียบร้อยข...
วิธีการติดตั้ง Xcode
วิธีการติดตั้ง CocoaPods
ติดตั้ง Visual Studio Code บน Mac (ใช...
การสร้างแอพแรก และทำความเข้าใจโครงสร้างของโปรเจค
เช็คความพร้อมของระบบ ด้วยคำสั่ง Flutt...
วิธีสร้างโปรเจคแอพ Flutter ด้วยโปรแกร...
เทคนิค: สร้างโปรเจคแบบไม่ใช้ตัวช่วย
รู้จักกับโครงสร้างของโปรเจค
การทดสอบแอพพลิเคชั่นบน Android ทั้งแบบ Emulator และอุปกรณ์จริง
วิธีสร้าง Android Virtual Device
ทดสอบแอพพลิเคชั่นบน Android Virtual D...
ทำความเข้าใจการทดสอบแอพบนอุปกรณ์ Android
การปลดล๊อค Developer Option ให้ Andro...
แนวทางการหา และติดตั้ง USB Driver
การเชื่อมต่อระบบ Windows เข้ากับอุปกร...
การทดสอบแอพพลิเคชั่นบนอุปกรณ์ iOS
ข้อควรรู้เกี่ยวกับการทดสอบแอพ iOS
การรัน iOS Simulator
การรันแอพพลิเคชั่นทดสอบบน iOS Simulator
การรันแอพบนอุปกรณ์ iOS - การเชื่อมต่อ...
การรันแอพบนอุปกรณ์ iOS - การกำหนด Tea...
การรันแอพบนอุปกรณ์ iOS - การตรวจสอบ A...
การแก้ไขปัญหาที่พบบ่อย
แก้ไขปัญหาที่พบในการทดสอบแอพบนอุปกรณ์...
แก้ไขปัญหาที่พบในการทดสอบแอพบนอุปกรณ์...
การกำหนดชื่อแอพ และไอคอนของแอพ
วิธีเปลี่ยนชื่อแอพพลิเคชั่น Android ใ...
วิธีเปลี่ยนชื่อแอพพลิเคชั่น iOS ใน Fl...
แนะนำเว็บรวม Package สำหรับ Flutter
วิธีติดตั้ง Package ของ Google Flutter
รู้จักกับระบบ Icon ใน Android
วิธีสร้างไอคอนให้แอพ Android
วิธีสร้างไอคอนให้แอพ iOS
เขียนแอพตัวแรกของเรากัน
ก่อนเริ่มต้น
มาเริ่มต้นจากบรรทัดแรกกัน
จุดเริ่มต้นของแอพกับ function Main()
รู้จักกับ Widget ชิ้นส่วนสำคัญของแอพพ...
วิธีเขียนประกาศใช้งาน Widget ในภาษาโป...
รู้จักกับคำสั่ง Import และการใช้งาน W...
กำหนดโครงสร้างของแอพ ด้วย MaterialApp...
ทำความเข้าใจ new keyword หายไปไหนจากภ...
เทคนิคการเขียนใช้งาน Widget หลายตัวซ้...
สร้างโครงหน้าแอพด้วย Scaffold Widget
กำหนด Theme ให้แอพพลิเคชั่น ผ่าน them...
เริ่มสร้างแอพ NUMBER COUNTER
แนะนำ Stateless และ Stateful Widget แ...
สร้าง Stateless Widget ตัวแรกของเรากัน
สร้าง Stateful Widget ตัวแรกของเรากัน
วิธีใช้งาน Center Widget
รู้จักวิธีเริ่มใช้งาน Column Widget
วิธีกำหนดขนาด และสีสันของข้อความด้วย ...
รู้จักและใช้งานปุ่มกด
แทรกค่าตัวนับ ใช้งานใน Text Widget
รู้จักกับการสร้าง Interactivity ใน Wi...
กำหนดการทำงานของโปรแกรม จาก Event ของ...
รู้จักกับการทำงานของ State
อัพเดตหน้าแอพ ด้วย setState() method
อธิบาย: ทำไมเราควรเขียนโค้ดไว้ใน setS...
เทคนิค: เขียน method แบบฝัง หรือแยกจา...
แอพ Contact List แบบง่าย
แนะนำก่อนเริ่มเวิร์คชอป
ดาวน์โหลดไฟล์ zip ของโปรเจคนี้
การคืนสภาพโปรเจคให้กับ Flutter Package
การเตรียม Column Widget
การสร้าง List Widget จากโค้ดภาษา Dart
สร้าง function สำหรับสร้าง List Widge...
ใช้ ListView เบื้องต้นกัน
ใช้ ListTile กับ ListView แบบ custom ...
รู้จักกับ constructor method ของ List...
สร้าง ListView ด้วยวิธีมาตรฐานกับ Lis...
สร้าง Class Contact สำหรับเก็บข้อมูลผ...
เทคนิค: วิธีการเขียนกำหนด Constructor...
เรียกใช้งาน Class contact ในไฟล์ main
การตรวจสอบ และดูการทำงานของโค้ดในแอพพลิเคชั่น (Debugging)
แนะนำการ Debug Application
ใช้โหมด Run และ Breakpoint
การจัดการ Breakpoint
โปรเจค Contact List ตอน 2
รู้จักกับการจัดเก็บข้อมูลแบบ List
วิธีประกาศตัวแปร List
ใช้ข้อมูล List ด้วยคำสั่ง ListView.bu...
วิธีเพิ่มรูปภาพเพื่อนำมาใช้งานใน Project
กำหนด pubspec เพื่อโหลดไฟล์รูปภาพเข้า...
รู้จักกับ Image Widget
วิธีแสดงรูปภาพใน ListTile Widget
ตอบสนองกับการกดเลือก โดยใช้ onTap() ใ...
ติดตั้ง package - url-launchers
ทำให้แอพโทรออกไปที่เบอร์ในรายการ List...
แอพ Covid 19 Today
แนะนำแอพ COVID-19 Today ส่วนที่ 1
รู้จักกับการทำงานระหว่าง Web API และ ...
ดู Web API ของกรมควบคุมโรค
ดาวน์โหลดโปรเจคจาก Github
คืนสภาพโปรเจคที่ดาวน์โหลดมา
ใช้ ListView และ ListTile สร้าง Layout
ใช้งาน initState method รันโค้ดก่อน m...
ติดตั้ง Http Package
รู้จักกับการทำงานแบบ Asynchronous ในแ...
รู้จักวิธีใช้งาน Asynchronous ในภาษา ...
สร้าง Async method
รู้จักกับ Future
เรียกข้อมูลจาก Web API ด้วย HTTP
สร้างไฟล์ Class สำหรับเก็บข้อมูล JSON
รู้จักกับ QuickType.io
วิธีใช้งานโค้ดจาก quicktype.io
แปลง JSON เป็น object ตัวแปรใน State
อัพเดต Widget ด้วยการ Setstate
ตามหาต้นเหตุของ error confirmed null
ให้ Dart เลือกแสดงค่าอื่นแทน null โดย...
เก็บงาน แสดงจำนวนผู้ป่วยที่หายแล้ว ยั...
แอพ Covid-19 Today ส่วนที่ 2
แนะนำแอพ COVID-19 Today ส่วนที่ 2
เพิ่ม LinearProgressIndicator ลงใน Co...
ใช้ If else ควบคุมการแสดง LinearProgr...
ประกาศใช้งาน FutureBuilder ในหน้าแอพ
การใช้ builder และ snapshot แสดง widg...
การใช้งาน data จาก snapshot
สร้างตัวแสดงยอดสถิติของเราเอง
กำหนดและจัดเรียงยอดสถิติใน Widget
สร้าง Widget StatBox เพื่อใช้ซ้ำ
กำหนดค่า property ให้ Widget เพื่อใช้งาน
กำหนดหน้าตาของ StatBox และใช้ข้อมูล
แทนที่ยอดสถิติเดิม ด้วย Statbox
สร้างระยะห่างระหว่าง Widget ใน Column...
ติดตั้ง package สำหรับการแสดงจำนวนหลั...
จัด Format ตัวเลขหลักพันด้วย NumberFo...
กำหนดสิทธิ์ Permission เพื่อเชื่อมต่อ...
เข้าใจภาพรวมของการเผยแพร่แอพ บน Store ต่างๆ (App Distribution)
รู้จักกับภาพรวม การส่งแอพเผยแพร่บน Ap...
รู้จักกับวิธีที่สโตร์ระบุตัวตนของแอพเรา
รู้จักกับขั้นตอนสำคัญในการยืนยันความเ...
Link สำหรับเข้าไปสมัคร Developer Acco...
การสร้างไฟล์แอพพลิเคชั่นสำหรับทำไปใช้งานบน Play Store
การติดตั้ง Flutter Automation package...
การสร้างไฟล์ Key store สำหรับ Android
ตรวจดูไฟล์ key properties และ build.g...
การสร้างไฟล์ Android App Bundle (AAB)
วิธีการสร้างไฟล์ Android Application ...
วิธีสร้างไฟล์แอพ iOS และส่งขึ้น App Store
เปิดไฟล์ Xcode Workspace และเช็ค Bund...
สร้าง Bundle ID บน Apple Developer Pr...
วิธีสั่ง Archive โปรเจคด้วย Xcode และ...
วิธี Validate Archive ด้วย Organizer
วิธีสร้างโปรไฟล์ของ App เราบน App Sto...
การ Validate App หลังจากสร้างโปรไฟล์ ...
วิธีสั่ง Distribute App จาก Organizer
วิธีเลือก Build ให้กับโปรไฟล์ App ใน ...
แอพ My Timeline
แนะนำแอพ My Timeline
เตรียมพร้อมโปรเจค
เพิ่ม Icon Button ใน App Bar
รู้จักกับ Navigation และระบบ Route
เขียนเรียกใช้ Navigator เพื่อสร้างการ...
สร้าง และแนะนำการจัดเก็บหน้า New Post...
ใช้ Widget New Post Page กับคำสั่ง Na...
รู้จักกับ Form และการรับข้อมูล
สร้างแบบฟอร์มในหน้า New Post Page
สร้างปุ่มสำหรับยืนยันการสร้างโพส
กางปุ่มให้ชิดขอบหน้าจอด้านล่าง
จัดรูปแบบ TextFormField
กำหนดกลไกปุ่มโพส ให้เปิดย้อนกลับมาหน้...
สร้าง ListView สำหรับแสดงโพส
เริ่มต้นสร้าง Widget สำหรับแสดงโพส
กำหนดสีและขนาด Text เพื่อกำหนดความสำคัญ
สร้างช่องแบ่งระหว่างโพสใน ListView
ปรับ ListView ให้หร้อมสำหรับการใช้กับ...
แอพ My Timeline ส่วนที่ 2 - เริ่มเรียนรู้จัดการแอพ ด้วย State Management Provider
แนะนำส่วนประกอบสำคัญของ My Timeline ส...
รู้จักกับ State Management
รู้จักกับ State Management- Provider
ติดตั้ง Package Provider
รู้จักกับ Provider
สร้าง Provider สำหรับข้อมูล Posts
สร้าง get method เพื่อให้ส่วนอื่น เข้...
เขียนสร้าง fat arrow function ครั้งแรก
สร้างฟังก์ชั่นเพื่ออัพเดตข้อมูลใน Pro...
รู้จักกับ Multiple Provider
กำหนด MultiProvider ครอบ Widget ที่ต้...
ปรับการตั้งค่า Provider เป็นรูปแบบ Fa...
รู้จักกับ Consumer
ประกาศ Consumer เพื่อใช้ข้อมูลจาก Pro...
ทดสอบการทำงานของ Provider และ Consume...
สร้างกลไกการตรวจสอบข้อมูลใน Form ด้วย...
สร้าง Validator Function ในการตรวจสอบ...
เช็คความยาวต่ำสุดของข้อความที่กรอกใน ...
ใช้ TextEditingController ในการดึงข้อ...
เพิ่มข้อความใหม่ ลงไปเก็บไว้ใน Provider
ทดสอบการทำงานของ Provider ในการเพิ่มข...
ใช้ Template ที่เราออกแบบให้ ListView...
กำหนดให้โพสใหม่แสดงเป็นรายการแรกใน List
แอพแสกนบาร์โค้ด และคิวอาร์โค้ด (BARCODE & QR CODE)
แนะนำแอพแสกน ส่วนที่ 2
การเรียกใช้งานแอพ YOUTUBE กับแอพ LINE จาก QR CODE ที่แสกนได้ในแอพ
แนะนำแอพแสกน ส่วนที่ 2
รู้จักกับ URL Scheme
รู้จักกับ URL Scheme ของ Youtube
วิธีตรวจเช็ค link YouTube จาก QR code
ทดสอบการอ่านลิ้งค์ Youtube จาก QR Code
แสดงปุ่มเปิดแอพ Youtube ถ้าพบว่าเป็น ...
ติดตั้งแพคเกจ url_launcher
เขียนคำสั่งเปิดแอพ Youtube จากลิ้งค์ท...
ทดสอบเปิดคลิปวิดีโอบนแอพ Youtube จาก ...
วิธีเปิดคลิปวิดีโอ Youtube จาก Link ท...
รู้จักกับ URL Scheme ของแอพ Line
แสดงปุ่มเปิดแอพ LINE ถ้าพบว่าเป็น lin...
ทดสอบเปิดแอพ LINE จากลิ้งค์ที่แสกนได้...
แอพลงทะเบียน PART 1 - สร้างแบบฟอร์มสำหรับรับข้อมูล
แนะนำ Workshop
คำสั่งโคลนโปรเจค git clone https://g...
สร้าง tab menu
สร้างหน้าลงทะเบียน
วาง Layout ของแบบฟอร์มลงทะเบียน
สร้างส่วนสำหรับกดถ่าย และแสดงรูปผู้ลง...
รู้จักกับการใช้งาน InkWell Widget
สร้างเอฟเฟค Ink และ InkWell สำหรับบริ...
รู้จักกับปัญหา Bottom Overflow ที่เกิ...
ทดสอบการกรอกแบบฟอร์ม และปัญหา Overflow
แก้ไขปัญหา Bottom Overflow ด้วย Singl...
สร้าง Class สำหรับเก็บข้อมูล จากแบบฟอ...
สร้าง FormKey เพื่อควบคุมการทำงานของ ...
การดึงข้อมูลออกจาก TextFormField มาใช...
วิธีเก็บข้อมูลจาก Form ทั้งหมด ลง Obj...
ทดสอบเก็บข้อมูลจากแบบฟอร์มด้วย onSave
ทบทวน การตรวจสอบข้อมูลด้วย Validator
ติดตั้ง package form_field_validator
ตรวจจับข้อมูลที่ไม่ได้กรอกลงแบบฟอร์มด...
ตรวจจับการกรอก email ผิดรูปแบบ ด้วย E...
แสดงแป้นคีย์บอร์ดสำหรับพิมพ์อีเมลล์
แอพลงทะเบียน PART 2 - การจัดเก็บข้อมูลไว้ที่ฝั่ง SERVER ด้วย FIREBASE
รู้จักกับ Firebase
วิธีลงทะเบียนเข้าใช้งานระบบ Firebase
รู้จักกับรูปแบบของโปรเจค Firebase
วิธีสร้างโปรเจค Firebase ใหม่สำหรับใช...
รู้จักกับการนำระบบ Firebase มาใช้งานใ...
ติดตั้ง package Firebase_core
วิธีการตั้งค่าใช้งาน Firebase บนระบบ ...
วิธีการตั้งค่าใช้งาน Firebase บนระบบ iOS
รู้จักการรองรับ กลไกเริ่มต้นการทำงานข...
เริ่มต้นใช้งาน Firebase ด้วย FutureBu...
การเปิดใช้งาน Cloud FireStore บนโปรเจ...
ติดตั้ง cloud_firestore
เรียกใช้งาน Cloud Firestore เพื่อบันท...
ทดสอบการบันทึกข้อมูลลง Cloud Firestore
ล้างแบบฟอร์มเมื่อบันทึกข้อมูลเสร็จ
แอพลงทะเบียน PART 3 - ถ่ายรูปผู้ลงทะเบียน
รู้จักกับการทำงานของระบบกล้องถ่ายรูปท...
รู้จักกับ Permission
ติดตั้ง package image_picker
การตั้งค่าแอพ Android สำหรับการใช้งาน...
การตั้งค่าแอพ iOS สำหรับการใช้งานกล้อ...
วิธีเรียกใช้งานกล้องถ่ายรูป ด้วย Imag...
ทดสอบการใช้งานกล้องถ่ายรูปในแอพ Flutter
แสดงรูปภาพที่ถ่ายได้ ด้วย Image Widget
ทดสอบการทำงานหลังจากถ่ายรูป และกลับเข...
แอพลงทะเบียน PART 4 - อัพโหลดและจัดการไฟล์รูปภาพบน FIREBASE
รู้จักกับแนวทางในการจัดการไฟล์ในแอพพล...
รู้จักกับ Firebase Cloud Storage
ติดตั้ง package - firebase_storage
วิธีสร้าง storage bucket บน Firebase
รู้จักกับคำสั่งการใช้งาน Cloud Storag...
สร้างและเรียก function สำหรับอัพโหลดไ...
ทดสอบถ่ายและอัพโหลดรูปภาพขึ้น Firebas...
กำหนด Rule สำหรับอัพโหลดไฟล์แบบไม่ต้อ...
ทดสอบอัพโหลดไฟล์รูปขึ้น Cloud Storage
การกำหนดที่อยู่ของไฟล์ที่อัพโหลด
แสดงป๊อปอัพสถานะการจัดเก็บข้อมูล
ป้องกันการปิดป๊อปอัพโดยผู้ใช้
เคลียร์ข้อมูลรูปภาพหลังอัพโหลดเสร็จแล้ว
ทำการบันทึกชื่อไฟล์ไปที่ firestore เพ...
Products
Course
Section
Lesson
รู้จักกับโครงสร้างของโปรเจค
รู้จักกับโครงสร้างของโปรเจค
เริ่มต้นเรียนรู้ สร้างแอพด้วย Google Flutter
Buy now
Learn more
เริ่มต้นกับ Flutter และการสร้าง Mobile App
รู้จักกับ Flutter
รู้จักกับภาพรวมขั้นตอนการสร้าง Mobile...
ทำความเข้าใจความแตกต่างของของ Mobile ...
ทดสอบกันหน่อย
วิธีติดตั้งโปรแกรมสำหรับคนใช้ Windows
หมายเหตุ สำหรับคนที่ต้องการทดสอบแอพบน...
วิธีติดตั้ง Chocolatey
วิธีติดตั้ง Java Development Kit (JDK)
วิธีติดตั้ง Flutter SDK บน Windows
การติดตั้ง Git Client
วิธีติดตั้ง Android Studio บน Windows
ติดตั้ง Visual Studio Code
วิธีติดตั้งโปรแกรมสำหรับคนใช้ MacOS
การติดตั้ง Homebrew
วิธีติดตั้ง Java Development Kit ด้วย...
วิธีติดตั้ง Flutter SDK ผ่าน Homebrew
ติดตั้ง Android Studio และ Android SD...
ใช้ Flutter Doctor ตรวจความเรียบร้อยข...
วิธีการติดตั้ง Xcode
วิธีการติดตั้ง CocoaPods
ติดตั้ง Visual Studio Code บน Mac (ใช...
การสร้างแอพแรก และทำความเข้าใจโครงสร้างของโปรเจค
เช็คความพร้อมของระบบ ด้วยคำสั่ง Flutt...
วิธีสร้างโปรเจคแอพ Flutter ด้วยโปรแกร...
เทคนิค: สร้างโปรเจคแบบไม่ใช้ตัวช่วย
รู้จักกับโครงสร้างของโปรเจค
การทดสอบแอพพลิเคชั่นบน Android ทั้งแบบ Emulator และอุปกรณ์จริง
วิธีสร้าง Android Virtual Device
ทดสอบแอพพลิเคชั่นบน Android Virtual D...
ทำความเข้าใจการทดสอบแอพบนอุปกรณ์ Android
การปลดล๊อค Developer Option ให้ Andro...
แนวทางการหา และติดตั้ง USB Driver
การเชื่อมต่อระบบ Windows เข้ากับอุปกร...
การทดสอบแอพพลิเคชั่นบนอุปกรณ์ iOS
ข้อควรรู้เกี่ยวกับการทดสอบแอพ iOS
การรัน iOS Simulator
การรันแอพพลิเคชั่นทดสอบบน iOS Simulator
การรันแอพบนอุปกรณ์ iOS - การเชื่อมต่อ...
การรันแอพบนอุปกรณ์ iOS - การกำหนด Tea...
การรันแอพบนอุปกรณ์ iOS - การตรวจสอบ A...
การแก้ไขปัญหาที่พบบ่อย
แก้ไขปัญหาที่พบในการทดสอบแอพบนอุปกรณ์...
แก้ไขปัญหาที่พบในการทดสอบแอพบนอุปกรณ์...
การกำหนดชื่อแอพ และไอคอนของแอพ
วิธีเปลี่ยนชื่อแอพพลิเคชั่น Android ใ...
วิธีเปลี่ยนชื่อแอพพลิเคชั่น iOS ใน Fl...
แนะนำเว็บรวม Package สำหรับ Flutter
วิธีติดตั้ง Package ของ Google Flutter
รู้จักกับระบบ Icon ใน Android
วิธีสร้างไอคอนให้แอพ Android
วิธีสร้างไอคอนให้แอพ iOS
เขียนแอพตัวแรกของเรากัน
ก่อนเริ่มต้น
มาเริ่มต้นจากบรรทัดแรกกัน
จุดเริ่มต้นของแอพกับ function Main()
รู้จักกับ Widget ชิ้นส่วนสำคัญของแอพพ...
วิธีเขียนประกาศใช้งาน Widget ในภาษาโป...
รู้จักกับคำสั่ง Import และการใช้งาน W...
กำหนดโครงสร้างของแอพ ด้วย MaterialApp...
ทำความเข้าใจ new keyword หายไปไหนจากภ...
เทคนิคการเขียนใช้งาน Widget หลายตัวซ้...
สร้างโครงหน้าแอพด้วย Scaffold Widget
กำหนด Theme ให้แอพพลิเคชั่น ผ่าน them...
เริ่มสร้างแอพ NUMBER COUNTER
แนะนำ Stateless และ Stateful Widget แ...
สร้าง Stateless Widget ตัวแรกของเรากัน
สร้าง Stateful Widget ตัวแรกของเรากัน
วิธีใช้งาน Center Widget
รู้จักวิธีเริ่มใช้งาน Column Widget
วิธีกำหนดขนาด และสีสันของข้อความด้วย ...
รู้จักและใช้งานปุ่มกด
แทรกค่าตัวนับ ใช้งานใน Text Widget
รู้จักกับการสร้าง Interactivity ใน Wi...
กำหนดการทำงานของโปรแกรม จาก Event ของ...
รู้จักกับการทำงานของ State
อัพเดตหน้าแอพ ด้วย setState() method
อธิบาย: ทำไมเราควรเขียนโค้ดไว้ใน setS...
เทคนิค: เขียน method แบบฝัง หรือแยกจา...
แอพ Contact List แบบง่าย
แนะนำก่อนเริ่มเวิร์คชอป
ดาวน์โหลดไฟล์ zip ของโปรเจคนี้
การคืนสภาพโปรเจคให้กับ Flutter Package
การเตรียม Column Widget
การสร้าง List Widget จากโค้ดภาษา Dart
สร้าง function สำหรับสร้าง List Widge...
ใช้ ListView เบื้องต้นกัน
ใช้ ListTile กับ ListView แบบ custom ...
รู้จักกับ constructor method ของ List...
สร้าง ListView ด้วยวิธีมาตรฐานกับ Lis...
สร้าง Class Contact สำหรับเก็บข้อมูลผ...
เทคนิค: วิธีการเขียนกำหนด Constructor...
เรียกใช้งาน Class contact ในไฟล์ main
การตรวจสอบ และดูการทำงานของโค้ดในแอพพลิเคชั่น (Debugging)
แนะนำการ Debug Application
ใช้โหมด Run และ Breakpoint
การจัดการ Breakpoint
โปรเจค Contact List ตอน 2
รู้จักกับการจัดเก็บข้อมูลแบบ List
วิธีประกาศตัวแปร List
ใช้ข้อมูล List ด้วยคำสั่ง ListView.bu...
วิธีเพิ่มรูปภาพเพื่อนำมาใช้งานใน Project
กำหนด pubspec เพื่อโหลดไฟล์รูปภาพเข้า...
รู้จักกับ Image Widget
วิธีแสดงรูปภาพใน ListTile Widget
ตอบสนองกับการกดเลือก โดยใช้ onTap() ใ...
ติดตั้ง package - url-launchers
ทำให้แอพโทรออกไปที่เบอร์ในรายการ List...
แอพ Covid 19 Today
แนะนำแอพ COVID-19 Today ส่วนที่ 1
รู้จักกับการทำงานระหว่าง Web API และ ...
ดู Web API ของกรมควบคุมโรค
ดาวน์โหลดโปรเจคจาก Github
คืนสภาพโปรเจคที่ดาวน์โหลดมา
ใช้ ListView และ ListTile สร้าง Layout
ใช้งาน initState method รันโค้ดก่อน m...
ติดตั้ง Http Package
รู้จักกับการทำงานแบบ Asynchronous ในแ...
รู้จักวิธีใช้งาน Asynchronous ในภาษา ...
สร้าง Async method
รู้จักกับ Future
เรียกข้อมูลจาก Web API ด้วย HTTP
สร้างไฟล์ Class สำหรับเก็บข้อมูล JSON
รู้จักกับ QuickType.io
วิธีใช้งานโค้ดจาก quicktype.io
แปลง JSON เป็น object ตัวแปรใน State
อัพเดต Widget ด้วยการ Setstate
ตามหาต้นเหตุของ error confirmed null
ให้ Dart เลือกแสดงค่าอื่นแทน null โดย...
เก็บงาน แสดงจำนวนผู้ป่วยที่หายแล้ว ยั...
แอพ Covid-19 Today ส่วนที่ 2
แนะนำแอพ COVID-19 Today ส่วนที่ 2
เพิ่ม LinearProgressIndicator ลงใน Co...
ใช้ If else ควบคุมการแสดง LinearProgr...
ประกาศใช้งาน FutureBuilder ในหน้าแอพ
การใช้ builder และ snapshot แสดง widg...
การใช้งาน data จาก snapshot
สร้างตัวแสดงยอดสถิติของเราเอง
กำหนดและจัดเรียงยอดสถิติใน Widget
สร้าง Widget StatBox เพื่อใช้ซ้ำ
กำหนดค่า property ให้ Widget เพื่อใช้งาน
กำหนดหน้าตาของ StatBox และใช้ข้อมูล
แทนที่ยอดสถิติเดิม ด้วย Statbox
สร้างระยะห่างระหว่าง Widget ใน Column...
ติดตั้ง package สำหรับการแสดงจำนวนหลั...
จัด Format ตัวเลขหลักพันด้วย NumberFo...
กำหนดสิทธิ์ Permission เพื่อเชื่อมต่อ...
เข้าใจภาพรวมของการเผยแพร่แอพ บน Store ต่างๆ (App Distribution)
รู้จักกับภาพรวม การส่งแอพเผยแพร่บน Ap...
รู้จักกับวิธีที่สโตร์ระบุตัวตนของแอพเรา
รู้จักกับขั้นตอนสำคัญในการยืนยันความเ...
Link สำหรับเข้าไปสมัคร Developer Acco...
การสร้างไฟล์แอพพลิเคชั่นสำหรับทำไปใช้งานบน Play Store
การติดตั้ง Flutter Automation package...
การสร้างไฟล์ Key store สำหรับ Android
ตรวจดูไฟล์ key properties และ build.g...
การสร้างไฟล์ Android App Bundle (AAB)
วิธีการสร้างไฟล์ Android Application ...
วิธีสร้างไฟล์แอพ iOS และส่งขึ้น App Store
เปิดไฟล์ Xcode Workspace และเช็ค Bund...
สร้าง Bundle ID บน Apple Developer Pr...
วิธีสั่ง Archive โปรเจคด้วย Xcode และ...
วิธี Validate Archive ด้วย Organizer
วิธีสร้างโปรไฟล์ของ App เราบน App Sto...
การ Validate App หลังจากสร้างโปรไฟล์ ...
วิธีสั่ง Distribute App จาก Organizer
วิธีเลือก Build ให้กับโปรไฟล์ App ใน ...
แอพ My Timeline
แนะนำแอพ My Timeline
เตรียมพร้อมโปรเจค
เพิ่ม Icon Button ใน App Bar
รู้จักกับ Navigation และระบบ Route
เขียนเรียกใช้ Navigator เพื่อสร้างการ...
สร้าง และแนะนำการจัดเก็บหน้า New Post...
ใช้ Widget New Post Page กับคำสั่ง Na...
รู้จักกับ Form และการรับข้อมูล
สร้างแบบฟอร์มในหน้า New Post Page
สร้างปุ่มสำหรับยืนยันการสร้างโพส
กางปุ่มให้ชิดขอบหน้าจอด้านล่าง
จัดรูปแบบ TextFormField
กำหนดกลไกปุ่มโพส ให้เปิดย้อนกลับมาหน้...
สร้าง ListView สำหรับแสดงโพส
เริ่มต้นสร้าง Widget สำหรับแสดงโพส
กำหนดสีและขนาด Text เพื่อกำหนดความสำคัญ
สร้างช่องแบ่งระหว่างโพสใน ListView
ปรับ ListView ให้หร้อมสำหรับการใช้กับ...
แอพ My Timeline ส่วนที่ 2 - เริ่มเรียนรู้จัดการแอพ ด้วย State Management Provider
แนะนำส่วนประกอบสำคัญของ My Timeline ส...
รู้จักกับ State Management
รู้จักกับ State Management- Provider
ติดตั้ง Package Provider
รู้จักกับ Provider
สร้าง Provider สำหรับข้อมูล Posts
สร้าง get method เพื่อให้ส่วนอื่น เข้...
เขียนสร้าง fat arrow function ครั้งแรก
สร้างฟังก์ชั่นเพื่ออัพเดตข้อมูลใน Pro...
รู้จักกับ Multiple Provider
กำหนด MultiProvider ครอบ Widget ที่ต้...
ปรับการตั้งค่า Provider เป็นรูปแบบ Fa...
รู้จักกับ Consumer
ประกาศ Consumer เพื่อใช้ข้อมูลจาก Pro...
ทดสอบการทำงานของ Provider และ Consume...
สร้างกลไกการตรวจสอบข้อมูลใน Form ด้วย...
สร้าง Validator Function ในการตรวจสอบ...
เช็คความยาวต่ำสุดของข้อความที่กรอกใน ...
ใช้ TextEditingController ในการดึงข้อ...
เพิ่มข้อความใหม่ ลงไปเก็บไว้ใน Provider
ทดสอบการทำงานของ Provider ในการเพิ่มข...
ใช้ Template ที่เราออกแบบให้ ListView...
กำหนดให้โพสใหม่แสดงเป็นรายการแรกใน List
แอพแสกนบาร์โค้ด และคิวอาร์โค้ด (BARCODE & QR CODE)
แนะนำแอพแสกน ส่วนที่ 2
การเรียกใช้งานแอพ YOUTUBE กับแอพ LINE จาก QR CODE ที่แสกนได้ในแอพ
แนะนำแอพแสกน ส่วนที่ 2
รู้จักกับ URL Scheme
รู้จักกับ URL Scheme ของ Youtube
วิธีตรวจเช็ค link YouTube จาก QR code
ทดสอบการอ่านลิ้งค์ Youtube จาก QR Code
แสดงปุ่มเปิดแอพ Youtube ถ้าพบว่าเป็น ...
ติดตั้งแพคเกจ url_launcher
เขียนคำสั่งเปิดแอพ Youtube จากลิ้งค์ท...
ทดสอบเปิดคลิปวิดีโอบนแอพ Youtube จาก ...
วิธีเปิดคลิปวิดีโอ Youtube จาก Link ท...
รู้จักกับ URL Scheme ของแอพ Line
แสดงปุ่มเปิดแอพ LINE ถ้าพบว่าเป็น lin...
ทดสอบเปิดแอพ LINE จากลิ้งค์ที่แสกนได้...
แอพลงทะเบียน PART 1 - สร้างแบบฟอร์มสำหรับรับข้อมูล
แนะนำ Workshop
คำสั่งโคลนโปรเจค git clone https://g...
สร้าง tab menu
สร้างหน้าลงทะเบียน
วาง Layout ของแบบฟอร์มลงทะเบียน
สร้างส่วนสำหรับกดถ่าย และแสดงรูปผู้ลง...
รู้จักกับการใช้งาน InkWell Widget
สร้างเอฟเฟค Ink และ InkWell สำหรับบริ...
รู้จักกับปัญหา Bottom Overflow ที่เกิ...
ทดสอบการกรอกแบบฟอร์ม และปัญหา Overflow
แก้ไขปัญหา Bottom Overflow ด้วย Singl...
สร้าง Class สำหรับเก็บข้อมูล จากแบบฟอ...
สร้าง FormKey เพื่อควบคุมการทำงานของ ...
การดึงข้อมูลออกจาก TextFormField มาใช...
วิธีเก็บข้อมูลจาก Form ทั้งหมด ลง Obj...
ทดสอบเก็บข้อมูลจากแบบฟอร์มด้วย onSave
ทบทวน การตรวจสอบข้อมูลด้วย Validator
ติดตั้ง package form_field_validator
ตรวจจับข้อมูลที่ไม่ได้กรอกลงแบบฟอร์มด...
ตรวจจับการกรอก email ผิดรูปแบบ ด้วย E...
แสดงแป้นคีย์บอร์ดสำหรับพิมพ์อีเมลล์
แอพลงทะเบียน PART 2 - การจัดเก็บข้อมูลไว้ที่ฝั่ง SERVER ด้วย FIREBASE
รู้จักกับ Firebase
วิธีลงทะเบียนเข้าใช้งานระบบ Firebase
รู้จักกับรูปแบบของโปรเจค Firebase
วิธีสร้างโปรเจค Firebase ใหม่สำหรับใช...
รู้จักกับการนำระบบ Firebase มาใช้งานใ...
ติดตั้ง package Firebase_core
วิธีการตั้งค่าใช้งาน Firebase บนระบบ ...
วิธีการตั้งค่าใช้งาน Firebase บนระบบ iOS
รู้จักการรองรับ กลไกเริ่มต้นการทำงานข...
เริ่มต้นใช้งาน Firebase ด้วย FutureBu...
การเปิดใช้งาน Cloud FireStore บนโปรเจ...
ติดตั้ง cloud_firestore
เรียกใช้งาน Cloud Firestore เพื่อบันท...
ทดสอบการบันทึกข้อมูลลง Cloud Firestore
ล้างแบบฟอร์มเมื่อบันทึกข้อมูลเสร็จ
แอพลงทะเบียน PART 3 - ถ่ายรูปผู้ลงทะเบียน
รู้จักกับการทำงานของระบบกล้องถ่ายรูปท...
รู้จักกับ Permission
ติดตั้ง package image_picker
การตั้งค่าแอพ Android สำหรับการใช้งาน...
การตั้งค่าแอพ iOS สำหรับการใช้งานกล้อ...
วิธีเรียกใช้งานกล้องถ่ายรูป ด้วย Imag...
ทดสอบการใช้งานกล้องถ่ายรูปในแอพ Flutter
แสดงรูปภาพที่ถ่ายได้ ด้วย Image Widget
ทดสอบการทำงานหลังจากถ่ายรูป และกลับเข...
แอพลงทะเบียน PART 4 - อัพโหลดและจัดการไฟล์รูปภาพบน FIREBASE
รู้จักกับแนวทางในการจัดการไฟล์ในแอพพล...
รู้จักกับ Firebase Cloud Storage
ติดตั้ง package - firebase_storage
วิธีสร้าง storage bucket บน Firebase
รู้จักกับคำสั่งการใช้งาน Cloud Storag...
สร้างและเรียก function สำหรับอัพโหลดไ...
ทดสอบถ่ายและอัพโหลดรูปภาพขึ้น Firebas...
กำหนด Rule สำหรับอัพโหลดไฟล์แบบไม่ต้อ...
ทดสอบอัพโหลดไฟล์รูปขึ้น Cloud Storage
การกำหนดที่อยู่ของไฟล์ที่อัพโหลด
แสดงป๊อปอัพสถานะการจัดเก็บข้อมูล
ป้องกันการปิดป๊อปอัพโดยผู้ใช้
เคลียร์ข้อมูลรูปภาพหลังอัพโหลดเสร็จแล้ว
ทำการบันทึกชื่อไฟล์ไปที่ firestore เพ...