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

การพัฒนาแอปพลิเคชั่นด้วย 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/Flutt...
Fluter On Mobile: https://flutter.dev/multi-platform/mo...
Android Studio: https://developer.android.com/studio?...
VS Code: https://code.visualstudio.com/
ดาวน์โหลด JDK จาก AdoptOpenJDK: https://adoptium.net/
ดาวน์โหลด JDK จาก Oracle: https://www.oracle.com/java/technolog...
ติดตั้ง Package flutter_launcher_icons: https://pub.dev/packages/flutter_laun...
ติดตั้ง Package connectivity_plus: https://pub.dev/packages/connectivity...
ติดตั้ง Package fluttertoast: https://pub.dev/packages/fluttertoast
ติดตั้ง Package crystal_navigation_bar: https://pub.dev/packages/crystal_navi...
ติดตั้ง 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_prefe...
Install VS Code:    • Computer Tips EP 1: สอนการติดตั้ง VS Code ...  
API : https://nominatim.openstreetmap.org/s...
API คืออะไร? :    • Computer Tips EP 10: API คืออะไร? ใช้ยังไง...  
API Request Postman On VS Code :    • Computer Tips EP 9: API Request Postman On...  
API Weather : https://api.open-meteo.com/v1/forecas...
API Request Postman On VS Code :    • Computer Tips EP 9: API Request Postman On...  
ตรวจสอบว่า URL เป็นของ YouTube หรือไม่ :
r'^(https?://)?(www\.)?(youtube\.com/watch\?v=|youtu\.?be/)([a-zA-Z0-9_-]{11})',
ดึงค่าตำแหน่งพิกัด:    • Flutter EP.20 ดึงค่าอุณหภูมิผ่าน API (Weat...  
รายละเอียด Iconly https://m-noer.github.io/#/
รายละเอียด Icon https://www.fluttericon.com/
Google Maps: https://www.google.com/maps/search/?a...
Gistda WMS: https://gistdaportal.gistda.or.th/dat...