Descargar "พัฒนาแอพด้วย Flutter สำหรับผู้เริ่มต้น 7 ชั่วโมงเต็ม [FULL COURSE]"

🤝 สนับสนุนช่องด้วยการสมัครสมาชิก (Membership): https://www.youtube.com/channel/UCQ1r_4x-P-fETLIU4pqf98w/join 🎯 ข้อมูลพื้นฐาน - ใช้ Flutter version 1.22.3 - ใช้ Android Studio version 4.1 ➤ ดาวน์โหลด Flutter เวอร์ชั่น 1.22.3 ได้ที่ : https://docs.flutter.dev/release/archive 🎓 คอร์สเรียน Udemy : https://github.com/kongruksiamza/udemy-course 🛒ซื้อของผ่าน Shopee : https://shopee.co.th/Computers-Laptops-cat.11044958 ➤ ดาวน์โหลด Flutter SDK : https://flutter.dev/ ➤ ดาวน์โหลด Android Studio : https://developer.android.com/studio ➤ ดาวน์โหลด Visual Studio Code : https://code.visualstudio.com/ 📌 โค้ดประกอบการสอน : https://github.com/kongruksiamza/Flutter-Basic 🗒 เอกสารประกอบการสอน : https://github.com/kongruksiamza/programmer-class-room 🕵‍♂ ติดตั้ง Package : https://pub.dev/ 🕵‍♂ API ที่เกี่ยวข้อง : https://exchangeratesapi.io/ 📌 ประกอบด้วยเนื้อหา : 0:00 - ทำความรู้จักกับ Flutter & Dart 12:15 - Flutter SDK (Windows) 24:16 - แก้ปัญหา Unable to find git in your PATH 30:20 - Android Studio 44:25 - Set Path Android SDK (Windows) 49:37 - Android Emulator 56:18 - ดาวน์โหลด Visual Studio Code 01:01:05 - สร้างโปรเจค Flutter 01:08:51 - ทดสอบรันโปรเจค 01:12:11- โครงสร้างโปรเจค 01:16:44- การเปลี่ยนชื่อแอพ 01:21:15- การเปลี่ยนไอคอนแอพ 01:34:48- รู้จักกับ Widget 01:44:41- เริ่มต้นใช้งาน Widget 01:53:45- Scaffold 02:04:19- เปลี่ยนสีของแอพ 02:09:16- Stateless Widget 02:17:56- Center Widget 02:21:44- กำหนดขนาดและสีข้อความ 02:24:34- นำภาพเข้ามาทำงาน (External) 02:27:30 - Column Widget 02:37:21 - Stateful Widget 02:46:33 - ปุ่มและไอคอน 02:55:30 - Event และ SetState 03:02:50 - กำหนด Event แบบฟังก์ชั่น 03:10:44 - กำหนดกลุ่ม Widget ใน List 03:21:45 - ListView Widget 03:28:09 - กำหนดรายละเอียดด้วย ListTile 03:33:15 - ListView Builder 03:39:06 - แอพเมนูอาหาร 03:49:37 - นำภาพเข้ามาทำงาน (Internal) 03:57:40 - กำหนด Event การเลือกเมนู 03:59:51 - รู้จักกับ Container Widget 04:06:21 - ใช้งาน Container Widget 04:17:52 - กำหนดระยะห่างด้วย Padding 04:27:08 - กำหนด Text Style 04:33:22 - Expanded Widget 04:40:45 - SizedBox 04:49:53 - สร้าง Widget ต้นแบบ 05:06:39 - รูปแบบตัวเลขเป็นสกุลเงิน 05:14:11 - Widget Lifecycle 05:30:21 - Asynchronous & Future 05:56:30 - รู้จักกับ API 06:10:13 - Exchange Rate API 06:15:52 - ติดตั้ง HTTP Package 06:18:33 - การดึงข้อมูลจาก API 06:32:20 - แปลง JSON เป็น Dart 06:38:04 - จัดการค่า NULL 06:44:48 - ดึงข้อมูลและจัดการค่า NULL 06:50:02 - Linear ProgressIndicator 07:00:52 - Future Builder 07:09:57 - แสดงข้อมูลจาก Snapshot 07:14:33 - แสดงอัตราการแลกเปลี่ยน 07:22:07 - ระบุฐานสกุลเงินเริ่มต้น ⏲ อัพเดต!!! กรณีที่ไม่สามารถเรียกใช้งาน get http ได้ โค้ดเดิม var url = "https://api.exchangeratesapi.io/latest?base=THB%22; var response=await http.get(url); ให้เปลี่ยนเป็น var url = Uri.parse('https://api.exchangeratesapi.io/latest?base=THB%27); var response=await http.get(url); ⏰⏰อัพเดต (11/08/2564) ⏰⏰ ปัจจุบันไม่สามารถใช้งาน API (NoSuchMethodError The method '[]' was called on null.) ❌ https://api.exchangeratesapi.io/latest?base=THB ให้เปลี่ยนไปใช้ ✅ https://api.exchangerate-api.com/v4/latest/THB หรือดูขั้นตอนการแก้ปัญหาได้ที่คลิปนี้ 👉 https://www.youtube.com/watch?v=SGUdr3uTlPQ 📢 ติดตามข่าวสารของเราได้ที่ : ➤ Facebook : https://www.facebook.com/unsupportedbrowser ➤ TikTok : https://www.tiktok.com/@kongruksiamstudio ➤ Instagram : https://www.facebook.com/unsupportedbrowser ➤ Medium : https://kongruksiam.medium.com/