พัฒนาแอพด้วย Flutter สำหรับผู้เริ่มต้น 7 ชั่วโมงเต็ม [Full Course] | เขียน web application ด้วยอะไรดี

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


นอกจากการดูบทความนี้แล้ว คุณยังสามารถดูข้อมูลที่เป็นประโยชน์อื่นๆ อีกมากมายที่เราให้ไว้ที่นี่: ดูความรู้เพิ่มเติมที่นี่

สมัครเป็น Supporter เพื่อเข้าดูเนื้อหาได้ที่ :
https://www.youtube.com/channel/UCQ1r_4xPfETLIU4pqf98w/join
👉 ปูพื้นฐานการพัฒนาแอพแบบ Cross Platform
(iOS / Android) ด้วย Google Flutter
ผู้เรียนต้องมีพื้นฐานภาษา Dart เบื้องต้น
👉 สามารถเรียนปูพื้นฐานได้ที่ : https://bit.ly/384jcHe
🎯 ดาวน์โหลด Flutter SDK :
https://flutter.dev/
🎯 ดาวน์โหลด Android Studio :
https://developer.android.com/studio
🎯 ดาวน์โหลด Visual Studio Code :
https://code.visualstudio.com/
📌 โค้ดประกอบการสอน :
https://github.com/kongruksiamza/FlutterBasic
🕵‍♂ ติดตั้ง Package :
https://pub.dev/
🗒 เอกสารประกอบการสอน :
http://bit.ly/3hH7Dsz
🕵‍♂ API ที่เกี่ยวข้อง :
https://exchangeratesapi.io/
🎯 ข้อมูลพื้นฐาน
ใช้ Flutter version 1.22.3
ใช้ Android Studio version 4.1
📌 ประกอบด้วยเนื้อหา :
0:00 ทำความรู้จักกับ Flutter \u0026 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 \u0026 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\”;
var response=await http.get(url);
ให้เปลี่ยนเป็น
var url = Uri.parse(‘https://api.exchangeratesapi.io/latest?base=THB’);
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.exchangerateapi.com/v4/latest/THB
หรือดูขั้นตอนการแก้ปัญหาได้ที่คลิปนี้
👉 https://www.youtube.com/watch?v=SGUdr3uTlPQ
ติดตามข่าวสารของเราได้ที่แฟนเพจ :
https://www.facebook.com/pg/KongRuksiamTutorial/
Flutter Dart Android

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

การสร้างฟอร์มด้วย WebApp ให้บันทึกข้อมูลลง Google Sheet


========================
✅ Facebook..อภิวัฒน์ วงศ์กัณหา
🔴https://www.facebook.com/profile.php?id=100000984524082
✅ กลุ่มหัดสร้างเกมแฟลช
🔴https://www.facebook.com/groups/as3flash
✅ กลุ่มหัดสร้างสื่อด้วย PowerPoint
🔴https://www.facebook.com/groups/powerpointgraphic
✅ กลุ่มหัดสร้างเกมด้วย Construct2
🔴https://www.facebook.com/groups/construct2game
✅ กลุ่มสร้างสื่อ CAI ด้วย Construct2
🔴https://www.facebook.com/groups/1454201051311497
✅ กลุ่มหัดวาดรูปด้วยคอมพิวเตอร์
🔴https://www.facebook.com/groups/1207788526026708
✅ กลุ่มไลน์ OpenChat
🔴https://line.me/ti/g2/KhsLV68KgdQT2uBabpmeYw?fbclid=IwAR3dcNXV53kJFH46BUPhwak_RzB1_0oGTHdlPnWqFJrZlQPwALpvZz3Bcs

การสร้างฟอร์มด้วย WebApp ให้บันทึกข้อมูลลง Google Sheet

งดใช้โซเชียล1วัน ทำอาหาร ทำการบ้าน จัดโต๊ะเครื่องแป้ง เลือกเสื้อผ้า Social Detox | Mink Mink


ถ้าวันนึงเรางดใช้โซเชียล เราจะทำกิจกรรมอะไรบ้าง
📌ติดตามมิ้งค์ได้ที่
IG : mink_gorravee
FB page : Mink Mink
Tiktok : gorravee
📌ติดต่องานสปอนเซอร์
[email protected]

งดใช้โซเชียล1วัน ทำอาหาร ทำการบ้าน จัดโต๊ะเครื่องแป้ง เลือกเสื้อผ้า Social Detox | Mink Mink

สิ่งที่ต้องรู้สำหรับมือใหม่ก่อนเริ่มสร้างเว็บไซต์ มีอะไรบ้าง ไปดูกัน!


สำหรับใครที่เป็นมือใหม่ คันไม้คันมืออยากที่จะสร้างเว็บไซต์ของตัวเอง แต่ไม่รู้ว่าจะเริ่มต้นจากไหนดี ในวันนี้เราเลยจะมาแนะนำทุกคนกัน
เพราะทุกวันนี้การสร้างเว็บไซต์มีหลากหลายรูปแบบมากทั้งตัวเว็บ ภาษาที่ใช้ หรือแม้แต่ระบบหลังบ้าน ซึ่งถ้าคนเริ่มต้นใหม่ก็อาจจะงงว่าเราควรเลือกใช้อันไหน ใชักับอะไร แล้วต้องวางแผนเรียนรู้อะไรบ้าง ?
ในคลิปนี้เราเลยจะมาสรุปสั้น ๆ ให้ทุกคนฟังกัน
▲ ติดตามช่องของเราได้ที่ : http://bit.ly/borntoDevSubScribe​​​​​…​
▲ Facebook : https://www.facebook.com/borntodev​​​…​
▲ Website : http://www.borntodev.com​​​​​​​​​​​​​
🦖BorntoDev Channel คือ ช่องยูทูปที่เน้นสาระด้านเทคโนโลยี การพัฒนาโปรแกรม ไปพร้อมกับความสนุกสนาน และ รอยยิ้มเข้าไว้ด้วยกันทั้งในรูปแบบบทเรียน และ vlog
เพื่อการเปลี่ยนรูปแบบการเรียนรู้ด้านการพัฒนาโปรแกรม และ เทคโนโลยีแบบเดิม ๆ ที่เป็นเรื่องเฉพาะกลุ่มให้เข้าถึง เข้าใจได้ง่ายยิ่งขึ้น โดยพัฒนาเน้นไปที่รูปแบบการนำเสนอใหม่ ๆ ที่เป็นมิตรกับทุกคน
▲ กิจกรรมใน Channel BorntoDev เป็นส่วนหนึ่งในการดำเนินงานของ บริษัท บอร์นทูเดฟ จำกัด ที่เปิดรับ Partners ที่สนใจร่วมเปลี่ยนแปลงให้สังคมไทยเป็นสังคมด้านวิทยาศาสตร์ และ เทคโนโลยีมากยิ่งขึ้น หากคุณสนใจสนับสนุน และ ก้าวไปพร้อมกัน สามารถติดต่อร่วมงานได้แล้ววันนี้
▲ ติดต่อโฆษณา สนับสนุน และ ร่วมงานได้ที่: [email protected]

สิ่งที่ต้องรู้สำหรับมือใหม่ก่อนเริ่มสร้างเว็บไซต์ มีอะไรบ้าง ไปดูกัน!

สอน Flutter ติดตั้งใช้งานและเขียน App ตัวแรก | EP.1 👨‍💻💯


สมัครเป็นสมาชิกของช่องนี้เพื่อเป็นกำลังใจให้ผมผลิตเนื้อหาความรู้ดีๆ
https://www.youtube.com/channel/UCeKE6wQHTt5JpS9_RsH4hrg/join
Follow \u0026 Contacts
👓 FB : https://www.facebook.com/patiphanphengpao
🕶 FB (Fanpage) : https://www.facebook.com/patiphannn/
📷 IG : https://www.instagram.com/ohmilerr/
📧 Business : [email protected]
RukCom จดโดเมนเช่าโฮสต์ ราคาประหยัด
🔗 https://bit.ly/2yrLUgQ
Course Online คอร์สเรียนออนไลน์
🔗 https://milerdev.teachable.com/courses
Website
🏠 https://milerdev.com/
Donate \u0026 Supporting me
🙏🏻 KBANK กสิกร : 0093555821 ปฏิภาณ เพ็งเภา
🙏🏻 Paypal : [email protected]
PatiphanPhengpao MilerDev PatiPhan
Timestamps:
0:00 Intro
1:02 Installation
7:03 Set up an editor
8:25 Create Flutter App
10:04 Run Flutter App
11:24 Write your first app
16:37 Install external package
20:05 Add a stateful widget
23:11 Create an infinite scrolling ListView
31:20 Outro

สอน Flutter ติดตั้งใช้งานและเขียน App ตัวแรก | EP.1 👨‍💻💯

นอกจากการดูหัวข้อนี้แล้ว คุณยังสามารถเข้าถึงบทวิจารณ์ดีๆ อื่นๆ อีกมากมายได้ที่นี่: ดูบทความเพิ่มเติมในหมวดหมู่INVESTMENT

1 thought on “พัฒนาแอพด้วย Flutter สำหรับผู้เริ่มต้น 7 ชั่วโมงเต็ม [Full Course] | เขียน web application ด้วยอะไรดี”

Leave a Comment