Home
คอร์ส Flutter สอน ตัวต่อตัว 8-9 Feb 19
สืบเนื่องจาก Course Private Flutter https://www.androidthai.in.th/private-project-android-flutter-course.html
สอน การโค้ด ด้วยภาษา dart บน VS code ใช้ Flutter Platform
เนื้อหา เริ่มจาก ศูนย์ จน เชื่อมต่อ Data จาก Server จริง หรือ อ่าน JSON ได้
แล้วเอามาทดสอบ บน เครื่องจำลองต่างๆ Genymotion, Simulator หรือ Emulator หรือ ทดสอบบนเครื่องจริง Android, iPhone ได้ ครับ
Install Flutter on Windows by Clone GitHub
จากหัวข้อนี่ https://www.androidthai.in.th/android-flutter/262-install-flutter-on-windows-by-download-zip.html เราติดตั้ง Flutter โดยการโหลด มาตรงๆ ที่นี่เราจะ Clone ผ่าน GitHub กันครับ สิ่งแรก มีการติดตั้ง Git แล้วนะ https://www.androidthai.in.th/git-and-github-article/29-download-git-and-install-on-windows.html
ไปที่นี่ครับ https://github.com/flutter/flutter
ที่ Clone or download ไป copy (คลิกที่ ไอคอน) url github ก่อน
เปิด cmd แล้ว cd เข้าไปใน โฟวเตอร์ ที่ต้องการเก็บ flutter ในตัวอย่าง มาสเตอร์ เก็บไว้ใน home เลย พิมพ์ คำสั่งนี่เข้าไปครับ
git clone https://github.com/flutter/flutter.git
Install Git on Windows
ไปโหลด Git Control ที่ https://git-scm.com
คลิกที่ Download ได้เลยครับ (คอมพิวเตอร์ สีเขียวๆ นะ)
รอ ครับ เดี๋ยว Git จะหา เวอร์ชั้นที่เหมาะกับเครื่องของเราและ โหลดเองเลย
Setup Path Flutter on Windows10
ความจริง การ Setup พาธ ให้ Windows มาสเตอร์ เคยเขียน ไปแล้วที่ https://www.androidthai.in.th/android-flutter/161-setup-path-flutter-on-windows.html แต่ตอนนั้นจะใช้ Windows 8 นะครับ จาก คอร์ส สอนFlutter https://www.androidthai.in.th/private-project-android-flutter-course.html มีหลายๆ ท่านใช้ Windows 10 แล้ว Setup ไม่ได้ เลย ทำเป็น Tutoial สอนเลยดีกว่า เริ่มจากโจทย์ ก่อน
พอเราติดตั้ง Flutter ไปบน Windows ของเราแล้ว https://www.androidthai.in.th/android-flutter/262-install-flutter-on-windows-by-download-zip.html ที่นี่เราต้องการ ใช้คำสั่ง flutter ต่างๆ บน พาธ ต่างๆ ของ Windows จากตัวอย่าง มาสเตอร์ ใช้คำสั่ง flutter --version ที่ พาธ c:\Users\MasterUNG> จะใช้ไม่ได้
สิ่งแรกของการ Setup Path Windows 10 คือไปที่ System Properies คลิกขวา MyComputer เลือก Properies ครับ
ที่ System Properies คลิกที่ Advance System Setting แล้วคลิกที่ Environment Variables ครับ
อบรมเขียนแอพ บน Flutter สถานีอนามัยบ้านขนาย
เริ่มจากศูนย์ จนสามารถ เชื่อมต่อ ข้อมูล บน Server จริงได้ ใช้ Plateform Flutter ตัวใหม่ล่าสุดอีกต่างหาก มาสเตอร์ ขอชม เลยครับ เทพมาก
ลุขกัน 2 วัน ที่โคราช
9,.00-16.00. กลางวัน ทานข้าวเสร็จ ลุยโค้ด Flutter ต่อเลย
ทุกคนจาก ศูนย์ จริงๆ
Read Data JSON on Flutter
เป็นบนเรียนหนึ่งใน คอร์ส สอน Flutter ตัวต่อตัว นี่ครับ https://www.androidthai.in.th/private-project-android-flutter-course.html
โจทย์เป็นอย่างนี่ เดี๋ยวเราจะอ่านค่า จาก https://jsonplaceholder.typicode.com/photos/1
งั้นเราต้อง Add Library ที่สามารถ อ่านอะไร ? จาก http ได้ก่อนครับ
ไฟร์ นี่แหละครับ
