EP.1/2 การพัฒนาแอปพลิเคชั่นด้วย Flutter ใน 16 ชั่วโมง (Full Course)

Video Description

การพัฒนาแอปพลิเคชั่นด้วย Flutter ใน 16 ชั่วโมง (Full Course) ⭐️ รายละเอียดเนื้อหา ⭐️ 🎥(00:00:04) 1.ติดตั้ง Flutter On MacOS (How To Install Flutter On MacBook M1,M2,M3) 🎥(00:18:49) 2.ติดตั้ง Flutter On Windows (How To Install Flutter On Windows 10,11) 🎥(00:33:49) 3 ติดตั้ง Java JDK 17 On MacOS (How To Install Java JDK 17 On MacOS) 🎥(00:38:33) 4 Introduction Flutter and Flutter Create Project 🎥(00:49:27) 5 Flutter เปลี่ยนไอคอนแอป และชื่อแอป (Change Icon App And Name App) 🎥(01:07:04) 6 หน้าจอโลโก้แบบไล่เฉดสี (Create a Gradient Logo Screen and Spinkit Package in Flutter) 🎥(01:34:09) 7 ตรวจสอบการเชื่อมต่ออินเตอร์เน็ต (How To Check Internet Connectivity In Flutter) 🎥(01:47:47) 8 แสดงกล่องโต้ตอบการเชื่อมต่ออินเตอร์เน็ต (Show Dialog Check Internet Connectivity) 🎥(02:14:03) 9 สร้างแถบเมนูหลัง (How To Create a Main Menu) 🎥(02:40:49) 10 สร้างปุ่มเมนูแอปบาร์ (How To Create a App Bar) 🎥(03:06:13) 11 สร้างปุ่มเมนูแถบด้านข้าง (How To Create a Sidebar Menu) 🎥(03:27:38) 12 สร้างปุ่มออกจากระบบ (How To Create a App Exit Popup) 🎥(03:49:16) 13 สร้างปุ่มย้อนกลับออกจากระบบ (How To Create a Back Button Exit App Popup) 🎥(04:07:25) 14 สร้างเลย์เอาต์โครงสร้างแอป (How To Create a Layout Body App) 🎥(04:49:41) 15 สร้างเส้นทางและการนำทางแอป (How To Create a Route Page And Navigation App) 🎥(05:26:26) 16 สร้างมุมมองแบบเว็บบนแอป (How To Make WebView On App) 🎥(05:59:52) 17 สร้างการทำงานแอปภายนอก (How To Create a URL Launcher On app In Flutter) 🎥(06:28:42) 18 เชื่อมต่อรับค่า API บนแอปใน Flutter (Get API on app in Flutter) 🎥(07:51:42) 19 ดึงตำแหน่งปัจจุบันบนแอปใน Flutter (Get Current Location in Flutter) 🎥(08:32:47) 20 ดึงค่าอุณหภูมิผ่าน API (Weather Api HTTP Package) ⭐️ ลิงค์ที่เกี่ยวข้อง ⭐️ Source Code: https://github.com/pHichaSignOn/Flutter-Full-Course Fluter On Mobile: https://flutter.dev/multi-platform/mobile Android Studio: https://developer.android.com/studio?hl=th VS Code: https://code.visualstudio.com/ ดาวน์โหลด JDK จาก AdoptOpenJDK: https://adoptium.net/ ดาวน์โหลด JDK จาก Oracle: https://www.oracle.com/java/technologies/javase-jdk17-downloads.html ติดตั้ง Package flutter_launcher_icons: https://pub.dev/packages/flutter_launcher_icons ติดตั้ง Package connectivity_plus: https://pub.dev/packages/connectivity_plus ติดตั้ง Package fluttertoast: https://pub.dev/packages/fluttertoast ติดตั้ง Package crystal_navigation_bar: https://pub.dev/packages/crystal_navigation_bar ติดตั้ง Package iconly: https://pub.dev/packages/iconly ติดตั้ง Package flutter_map: https://pub.dev/packages/flutter_map ติดตั้ง Package latlong2: https://pub.dev/packages/latlong2 ติดตั้ง Package url_launcher: https://pub.dev/packages/url_launcher ติดตั้ง Package shared_preferences: https://pub.dev/packages/shared_preferences Install VS Code: https://www.youtube.com/watch?v=q37o9k6kWkA&list=PLrkV8PC6RJBpP5yuUt5Ai8HIHl8ACszWV API : https://nominatim.openstreetmap.org/search?format=json&q=“สถานที่” API คืออะไร? : https://www.youtube.com/watch?v=arGxq2La7Ks&t=46s API Request Postman On VS Code : https://www.youtube.com/watch?v=9gES0CVhS58&t=9s API Weather : https://api.open-meteo.com/v1/forecast?latitude=52.52&longitude=13.41&hourly=temperature_2m API Request Postman On VS Code : https://www.youtube.com/watch?v=9gES0CVhS58&t=9s ตรวจสอบว่า URL เป็นของ YouTube หรือไม่ : r'^(https?://)?(www\.)?(youtube\.com/watch\?v=|youtu\.?be/)([a-zA-Z0-9_-]{11})', ดึงค่าตำแหน่งพิกัด: https://www.youtube.com/watch?v=H-XFoqNDfFk รายละเอียด Iconly https://m-noer.github.io/#/ รายละเอียด Icon https://www.fluttericon.com/ Google Maps: https://www.google.com/maps/search/?api=1&query=latitude,longitude Gistda WMS: https://gistdaportal.gistda.or.th/data/rest/services/EEC_Public/แผนที่เขตการปกครองและแนวเขตต่างๆ/MapServer