Flutter เป็นเทคโนโลยีที่กำลังทренด์ในปีนี้ บทความนี้จะแนะนำวิธีเรียนรู้การพัฒนาแอป iOS และ Android ด้วย Flutter ทั้งแบบฟรีและเสียค่าใช้จ่าย
คุณสนใจการพัฒนาแอปมือถือไหม?
ถ้าคำตอบคือ "ใช่" คุณอ่านบทความที่ถูกต้อง! อาจคุณยังไม่รู้จัก Flutter ก็ไม่เป็นไร ผมเขียนบทความเกี่ยวกับ Flutter คืออะไร และทำไมควรเรียนในปีนี้
Flutter เป็นกรอบงาน UI มือถือฟรีและโอเพนซอร์ส ที่ Google สร้างและปล่อยเมื่อพฤษภาคม 2017 อย่างสั้นๆ คือ สร้างแอปมือถือ native ได้ด้วย codebase เพียงเดียว หมายความว่าใช้ภาษาเขียนโปรแกรมเดียวและ codebase เดียว สร้างแอป 2 แอปได้ (iOS และ Android) – What is Flutter and Why You Should Learn It in 2020
ในโพสต์นี้ ผมแบ่งเนื้อหา 2 ประเภท: ฟรี และเสียค่าใช้จ่าย พยายามหาแหล่งข้อมูลดีๆ สำหรับทุกประเภทของผู้เรียน (วิดีโอ คอร์ส หนังสือ tutorials ฯลฯ)
ก่อนเริ่ม ผมเขียนบทความเกี่ยวกับว่าควรเรียนเขียนโค้ดด้วยเนื้อหาเสียเงินหรือฟรี - และทำไม? หากไม่แน่ใจว่าประเภทไหนเหมาะสม แนะนำอ่านบทความนั้นก่อนอ่านนี้
มาเริ่มกันเลย ผมพยายามอธิบายแต่ละแหล่งข้อมูลด้วยย่อหน้าสั้น ข้อมูลมาจากคำอธิบายของเว็บไซต์แต่ละแห่ง ผมไม่ได้ลองทุกวิธี ถ้าต้องการรายละเอียดเพิ่ม แนะนำไปเยี่ยมลิงก์เว็บไซต์
เนื้อหาฟรี
วิดีโอ/คอร์ส
- Dart Programming Tutorial - Full Course
คอร์สเต็มของ freeCodeCamp เกี่ยวกับ Dart
เรียนภาษา Dart ใน tutorial ครบครันสำหรับผู้เริ่มต้น Dart เป็นภาษา typed อย่างเคร่งครัด ใช้ใน Flutter framework พัฒนา cross-platform mobile apps – Dart Programming Tutorial - Full Course
- Flutter Course - Full Tutorial for Beginners (Build iOS and Android Apps)
Tutorial เต็มสำหรับผู้เริ่มต้นจาก freeCodeCamp tutorial นี้เป็น reference ตอนผมเริ่ม Flutter เป็นการแนะนำดีมาก ช่วยเข้าใจ concept แรกๆ ที่มีประโยชน์
เรียน Flutter framework พัฒนาหลายแพลตฟอร์มของ Google สร้างแอป Android และ iOS ในคอร์สนี้ Nick Manning จาก Flutter Crash Course สอนวิธีเริ่ม Flutter อย่างรวดเร็วและมีประสิทธิภาพ Nick เป็นวิศวกร Flutter มาตั้งแต่ 2017 และสรุปความรู้จริงเป็น crash course ที่ชัดเจน 実用的 และขั้นตอนละเอียด – Flutter Course - Full Tutorial for Beginners (Build iOS and Android Apps)
- Flutter Crash Course
Crash course Flutter จาก Traversy Media
ใน crash course นี้จะดู Flutter สำหรับสร้าง native mobile apps จะดูว่า Flutter คืออะไร การ setup, built-in widgets, stateless และ stateful widgets, routing และอื่นๆ – Traversy Media
- Flutter Tutorial for Beginners
YouTube playlist Flutter สำหรับผู้เริ่มต้นจาก The Net Ninja
คุณจะค้นพบวิธีใช้ Flutter (และ Dart) สร้างแอป Android และ iOS จากศูนย์ จะเรียนรู้ widgets, packages, assets & asynchronous code สร้าง World Time app รวมถึง mini-apps อีก 2 ตัว เพื่อฝึกทักษะ Flutter! – Flutter Tutorial for Beginners
- Flutter & Firebase App Build
YouTube playlist Flutter และ Firebase จาก The Net Ninja ตอนผมอยากใช้ Firebase ในแอปแรก ผมเรียนคอร์สนี้ก่อน มันครอบคลุมและให้ความเข้าใจดีเกี่ยวกับการ integrate Firebase กับ Flutter
เรียนรู้สร้างแอป Flutter จากศูนย์ ใช้ Firebase Firestore (real-time database) และ Firebase Authentication playlist นี้สำหรับนักพัฒนาที่รู้ Flutter แล้ว – Flutter & Firebase App Build
- Reso Coder
YouTube channel เน้น Flutter Reso Coder สร้าง tutorials เยอะอธิบายการทำงานของ framework เครื่องมือต่างๆ ที่ใช้กับ Flutter ได้อธิบาย เพื่อ integrate เข้าโปรเจกต์ ยังมีบทเรียนเกี่ยว code architecture สำหรับ Flutter
Flutter กำลังเปลี่ยนฉากการพัฒนาแอป อย่าปล่อยให้หลงหลาน! เรียนพัฒนา cross-platform mobile & web เรียนจากบทเรียน project-driven ที่สร้างอย่างรอบคอบ และนำไปประยุกต์ในแอปของคุณทันที – Reso Coder
- FilledStacks
YouTube channel เน้น Flutter ค้นพบทutorials มากมาย: Firebase, UI, architecture ฯลฯ มีบทเรียน mobile และ web Flutter
เรียนรู้สร้าง mobile apps คุณภาพสูง production-ready ด้วย Flutter – FilledStacks
- Code With Andrea
Tutorials เรียนรู้ Flutter วิดีโอประจำครอบทุกอย่าง Flutter รวมถึง state management, layouts, testing และอื่นๆ channel นี้ช่วยให้คุณกลายเป็น Flutter developer ที่ดีขึ้น – Code With Andrea
Google Codelabs
เรียน Flutter ได้ที่เว็บ Google Codelabs ให้ประสบการณ์ coding แบบ hands-on มี tutorial นำทาง ผมเพิ่งค้นพบเว็บนี้ ใช้ได้นอก Flutter ด้วย อ้างอิงเทคโนโลยี Google ทั้งหมดพร้อม tutorials 多
Codelabs ส่วนใหญ่จะนำคุณสร้างแอปเล็กๆ หรือเพิ่มฟีเจอร์ใหม่ในแอปที่มีอยู่ ครอบหัวข้อกว้าง เช่น Android Wear, Google Compute Engine, Project Tango, Google APIs on iOS – Google Codelabs
เอกสารประกอบ (Documentation)
สิ่งที่ผมชอบ Flutter คือ documentation ครบถ้วนและช่วยได้เวลาเรียนหรือพัฒนาแอป
เอกสารครอบหัวข้อมากมาย:
- วิธีเริ่มต้นกับ Flutter
- Widgets ทั้งหมดที่มี
- API docs (library docs)
- Cookbook พร้อม tutorials 多
- ตัวอย่างแอปบางส่วน
- YouTube channel ของ Flutter
หนังสือ
- Flutter Succinctly
ค้นหาใน Flutter documentation พบหนังสือเล่มนี้ ผู้แต่งสร้างแอปทำงานได้จริง ให้ความเข้าใจชัดเจนเข้าถึงได้ทั้งมีประสบการณ์ mobile development หรือไม่ก็ได้
- Flutter Tutorials Handbook
Cookbook นี้มี recipes แสดงวิธีแก้ปัญหาทั่วไปขณะเขียน Flutter apps แต่ละ method standalone ใช้เป็น reference ช่วยสร้างแอป ตัวอย่างเยอะมาก
HereWeCode
ผมวางแผนสร้าง tutorials Flutter เร็วๆ นี้ ติดตาม YouTube channel และ Twitter ได้ แจ้งได้ว่าอยากให้ทำ tutorial เรื่องไหน
เนื้อหาเสียค่าใช้จ่าย
คอร์ส
- The Complete 2020 Flutter Development Bootcamp with Dart
Flutter Bootcamp นี้สร้างร่วมกับ Google Flutter team อย่างเป็นทางการ เรียนจากศูนย์และสร้างแอปหลายตัว คอร์สมีวิดีโอ 27+ ชั่วโมงและโปรเจกต์ เริ่มได้แม้ไม่มีประสบการณ์เขียนโปรแกรม – The Complete 2020 Flutter Development Bootcamp with Dart
- Learn Flutter & Dart to Build iOS & Android Apps [2020]
คู่มือสมบูรณ์ Flutter SDK & Framework สร้าง native iOS และ Android apps ภาษาพื้นฐานช่วยได้แต่ไม่บังคับ ด้วยคอร์สนี้ จะเรียน Flutter ไม่ใช่แค่ทฤษฎี แต่สร้างแอปจริงสมบูรณ์ ใช้ฟีเจอร์ Google Maps, กล้อง, animations และอื่นๆ – Learn Flutter & Dart to Build iOS & Android Apps [2020]
- Dart and Flutter: The Complete Developer's Guide
ทุกอย่างที่ต้องรู้สร้าง mobile apps ด้วย Flutter และ Dart รวม RxDart และ Animations! ต้องมีประสบการณ์ JavaScript, Java, Python หรือคล้ายกัน ในคอร์สนี้ จะเข้าใจการออกแบบ สร้าง animations และ architecture แอปด้วย Flutter คอร์สนี้ดู advanced กว่า เรียน offline storage, optimize network requests, advanced design patterns ฯลฯ – Dart and Flutter: The Complete Developer's Guide
- Flutter & Firebase: Build a Complete App for IOS & Android
ในคอร์สนี้จะสร้างแอป real-world สมบูรณ์สำหรับ iOS และ Android ใช้ Dart, Flutter และ Firebase เริ่มจากพื้นฐาน รวม intro Dart และ Flutter เต็มรูปแบบ ค่อยๆ นำหัวข้อ advanced เข้ามา เน้น production-ready code เพื่อเรียนรู้สร้างแอป robust ที่ scale ได้ อธิบาย concept สำคัญด้วย diagrams ชัดเจน จบคอร์สจะเป็น Flutter developer ที่เก่ง – Flutter & Firebase: Build a Complete App for iOS & Android
หนังสือ
- Learn Google Flutter Fast: 65 Example Apps
หนังสือครบครัน Flutter เรียนผ่านตัวอย่าง 65 mini-apps เรียนสร้างจากแอปพื้นฐานสุดไปจน advanced architecture ตอนท้ายอธิบายเผยแพร่แอปบน app stores
- Beginning Flutter: A Hands-On Guide to App Development 1st Edition
Intro Flutter ที่ดีมาก เริ่มได้เร็วและเข้าใจหลักการพื้นฐาน หากชอบเรียนผ่านหนังสือ อย่าลังเล!
Beginning Flutter: A Hands-On Guide to App Development เป็นแหล่งข้อมูลสำคัญสำหรับนักพัฒนาทุกระดับที่สนใจเริ่ม Flutter เป็น intro Flutter แบบขั้นตอน เขียนโดย Marco L. Napoli CEO ของ Pixolini Inc. และนักพัฒนา mobile, web, desktop มานาน มี track record แน่นอนสร้างระบบสวยงามและใช้งานง่าย – Beginning Flutter: A Hands-On Guide to App Development 1st Edition
สรุป
รู้แหล่งข้อมูล Flutter อื่นๆ ไหม? ส่งข้อความ Twitter มา ผมจะเพิ่มเข้าไป
แชร์บทความนี้ได้อย่างอิสระหากชอบ
หากอยากเนื้อหาแบบนี้ ติดตาม Twitter ของผม ทีตเกี่ยว web development, self-improvement และการเดินทางเป็น full stack developer!
