Flutter 2 Workshop (สำหรับผู้เริ่มต้น)

Flutter 2 Workshop (สำหรับผู้เริ่มต้น)

ปี 2021 นี้ถ้าจะเริ่มพัฒนาแอพแบบ Cross Platform (รองรับทั้ง Android / iOS และ Web App) ตัวเลือกที่น่าสนใจ คงเป็นใครไปไม่ได้นอกจาก "Flutter framework" ที่อัพเดทมาถึงเวอร์ชั่น 2 กันแล้ว รองรับทั้งการเขียนแอพบน Android / iOS และ Web App ในครั้งเดียว ด้วยความเรียบง่าย ความเร็ว ประสิทธิภาพของแอพพลิเคชั่นที่ได้ใกล้เคียงกับ Native (การพัฒนาด้วยภาษาเครื่อง) โดยใช้การพัฒนาด้วยภาษาเพียงภาษาเดียวนั่นก็คือ "ภาษา Dart" ที่มีรูปแบบภาษาคล้ายคลึงกับภาษา C และ Java ผสมผสานกับ JavaScript อีกนิดหน่อย ตัวภาษานับว่ามีความคลาสสิก และความทันสมัยอยู่ในตัว

สำหรับเนื้อหาใน Flutter 2 workshop for beginner (สำหรับผู้เริ่มต้น) นี้เป็นจุดเริ่มต้นที่สำคัญมากๆ สำหรับทุกคน เพราะเป็นการปูพื้นฐานที่ดีในการพัฒนา Mobile app ว่ากันตั้งแต่การเตรียมความพร้อมเครื่องไม้เครื่องมือ แนวคิดในการพัฒนาแอพพลิเคชั่นทั้งฝั่งแอนดรอยด์ (android) และไอโอเอส (ios) ทำความเข้าใจโครงสร้างของโปรเจ็กต์อย่างละเอียดชนิดที่ต้องเล่าทุกไฟล์ ทุกบรรทัดสำหรับมือใหม่ เพื่อให้เข้าใจทะลุปรุโปร่งทุกจุด ก่อนจะไปลุยกันต่อในการเขียนแอพที่ซับซ้อนขึ้นต่อไป

การอบรมเป็นลักษณะ Workshop ตลอดทั้งหลักสูตร เน้นการสร้างแอพจริงๆ เช่นแอพดึงข่าวสารจาก API (ใช้ WordPress เป็น Backend) มาแสดงเป็น ListView มีการใช้เทคนิคต่างๆ มากมายในแอพ อาทิ การอัพเดทคอนเทนต์อัตโนมัติเมื่อแสดงผลไปถึงจุดล่างสุดของหน้า (infinite scroll listview) การอัพเดทเนื้อหาเมื่อลากจากด้านบนลงมา (RefreshIndicator) การแสดงแอพหลายภาษา (Multi Language Support) การล็อกอินด้วย Social media เช่น Facebook และ Google การทำแจ้งในแอพ (Pushnotification) และเนื้อหาองค์ประกอบอื่นๆ อีกมากมายที่เป็นประโยชน์สำหรับมือใหม่ทุกท่านจะสามารถนำไปประยุกต์ใช้งานในปี 2021 นี้เป็นต้นไป

ปกติราคาหลักสูตรนี้ด้วยระยะเวลาและเนื้อหาที่นำมาสอนจะมีราคาเต็มอยู่ประมาณ 6,000 บาท แต่ทางสถาบันนำมาจัดโปรโมชั่นด้วยราคาสุดพิเศษ และอาจจะมีราคานี้เพียงรอบเดียวเท่านั้น

((( เปิดลงทะเบียนพร้อมกันตั้งแต่วันที่ 26 พฤษภาคม 2564 เวลา 14.00 น. เป็นต้นไป)))

  • สำหรับ 30 ท่านแรกราคา 600 บาท
  • ลำดับที่ 31-50 ราคา 700 บาท
  • และลำดับที่ 51 เป็นต้นไปที่ราคา 800 บาทเท่านั้นครับ

การอบรมในหลักสูตรนี้เป็นการสอนสดออนไลน์ ผ่านโปรแกรม Cisco webex conference และมีการบันทึกการอบรมส่งให้ดูย้อนหลังทั้งหลักสูตรครับ

กำหนดการณ์อบรม

  • วันที่ 12-13, 19-20, 26-27 มิถุนายน 2564 เวลา 20:00-23.30 (6 วัน)
  • อบรมเฉลี่ยวันละ 3.5 ชั่วโมง
  • ระยะเวลารวมทั้งหลักสูตร 21 ชั่วโมง

ตารางอบรม 6 วัน

  • ครั้งที่ 1: เสาร์ที่ 12 มิถุนายน 2564 เวลา 20.00-23.30 น.
  • ครั้งที่ 2: อาทิตย์ที่ 13 มิถุนายน 2564 เวลา 20.00-23.30 น.
  • ครั้งที่ 3: เสาร์ที่ 19 มิถุนายน 2564 เวลา 20.00-23.30 น.
  • ครั้งที่ 4: อาทิตย์ที่ 20 มิถุนายน 2564 เวลา 20.00-23.30 น.
  • ครั้งที่ 5: เสาร์ที่ 26 มิถุนายน 2564 เวลา 20.00-23.30 น.
  • ครั้งที่ 6: อาทิตย์ที่ 27 มิถุนายน 2564 เวลา 20.00-23.30 น.
อบรมออนไลน์ (สอนสด)
  • 12 - 27 มิถุนายน 2021
  • 21 ชั่วโมง

ภาพรวมหัวข้อการอบรม

  • Module 1: การเตรียมเครื่องมือและความพร้อมทั้งบน Mac และ Windows
  • Module 2: อัพเดทสิ่งใหม่ๆ ในภาษา Dart 2.1x ของปี 2021
  • Module 3: การขึ้นโปรเจ็กต์ Flutter 2 เพื่อรองรับโปรเจ็กต์ขนาดใหญ่
  • Module 4: การออกแบบ Layout แบบต่างๆ ตามยุคสมัยของปี 2021
  • Module 5: การเตรียมระบบหลังบ้านสำหรับออก API ด้วย WordPress ล่าสุด
  • Module 6: ขึ้นโปรเจ็กต์ Workshop ระบบการดึงข่าวจาก API (News App)
  • Module 7: การทำระบบ Login ด้วย Facebook และ Google API
  • Module 8: การเขียน ListView ดึงข่าวแบบต่างๆ (Listview แนวตั้งและแนวนอน)
  • Module 9: การทำ Infinite scroll listview และ RefreshIndicator
  • Module 10: การทำระบบแจ้งเตือน Pushnotification ด้วย One Signal และ Firebase
  • Module 11: การทำแอพรองรับ 2 ภาษาขึ้นไป (Multi Language Support)
  • Module 12: การ Build และ Deployed โปรเจ็กต์บน Android และ iOS เพื่อนำไปใช้งาน

รายละเอียดหลักสูตร

Module 1: การเตรียมเครื่องมือและความพร้อมทั้งบน Mac และ Windows

  • วิธีการติดตั้งเครื่องมือและ flutter sdk บนระบบ Windows
  • วิธีการติดตั้งเครื่องมือและ flutter sdk บนระบบปฎิบัติการ MacOS
  • การทดสอบการทำงานทั้งบน Mac และ Windows
  • การติดตั้ง Visual Studio Code พร้อมส่วนเสริมที่จำเป็น
  • การสร้าง Emulator และ Simulator บน Android และ iOS
  • การใช้ flutter ตรวจเช็คความพร้อมของระบบ

Module 2: อัพเดทสิ่งใหม่ๆ ในภาษา Dart 2.1x ของปี 2021

  • รู้จัก sound null-safety ใน Dart V.2.x
  • การกำหนด typedef ใน Dart
  • การทำงานกับ Class และ Constructor
  • การเรียกใช้งาน Library ต่าง ๆ
  • การเขียนโปรแกรมแบบ Asynchronous Programming
  • การจัดการกับ Exceptions ใน Dart
  • เรียนรู้และจัดการกับ date and time ใน Dart

Module 3: การขึ้นโปรเจ็กต์ Flutter 2 เพื่อรองรับโปรเจ็กต์ขนาดใหญ่

  • การจัดวางโครงสร้างไฟล์ต่าง เพื่อรองรับโปรเจ็กต์ที่มีขนาดใหญ่ขึ้นในอนาคต
  • การแบ่งส่วนการแสดงผล แยกไฟล์ screen , theme, style, model, services และ widget ต่าง ๆ เป็นส่วนย่อย ๆ
  • การเรียกใช้งานซ้ำจากส่วนต่าง ๆ ที่สร้างไว้
  • การสร้างไฟล์เก็บข้อมูลค่าคงที่ (constant) และ global variable ต่าง ในโปรเจ๊ก พร้อมการเรียกใช้งาน
  • นำโครงสร้างที่ได้ไปใช้ซ้ำกับโปรเจ็กอื่น ๆ ได้

Module 4: การออกแบบ Layout แบบต่างๆ ตามยุคสมัยของปี 2021

  • การวาง Layout แบบ Bottomnav เมนู
  • การสร้าง Layout ร่วมกับเมนูด้านข้าง (Drawer Menu)
  • การสร้าง Layout ร่วมกับ Tabbar Menu
  • การปรับแต่ง Layout ให้รองรับทั้ง Mobile และ Tablet

Module 5: การเตรียมระบบหลังบ้านสำหรับออก API ด้วย WordPress ล่าสุด

  • การเซ็ตอัพ WordPress บนเว็บ Server เช่น Apache ผ่าน XAMPP
  • การเพิ่มหมวดหมู่และ Content บน WordPress สำหรับเรียกใช้งานผ่าน API
  • การเปิดใช้งาน API บน WordPress
  • การกำหนด Auth แบบ JWT บน WordPress Rest API

Module 6: ขึ้นโปรเจ็กต์ Workshop ระบบการดึงข่าวจาก API (News App)

  • แนะนำภาพรวมโปรเจ็กต์แสดงข่าวจาก Web API
  • ขึ้นโปรเจ็กต์แบบรองรับการจัดการ State ด้วย Provider
  • ออกแบบ Layout หลักในแอพประกอบด้วย Bottom Navigation , Drawer Menu, Tabbar Menu และ Listview สำหรับแสดงข่าวแบบต่าง ๆ ทั้งแนวตั้งและแนวนอน
  • สร้าง Model สำหรับใช้แสดงข่าว
  • สร้าง Server Rest API เพื่อดึงข่าวตามหมวดหมู่ ดึงรายละเอียดข่าว ออกมาแสดงบนแอพ

Module 7: การทำระบบ Login ด้วย Facebook และ Google API

  • การเตรียมความพร้อม Account Faebook เปิดใช้งานในส่วน Developer Console
  • สร้าง App ID ใน Facebook สำหรับนำมาผูกใน Flutter App
  • เขียนคำสั่งเชื่อมต่อกับ Facebook API
  • การเตรียมความพร้อม Account Google และเปิดใช้งาน Google Dev Console
  • สร้าง App ID ใน Google Console พร้อมตั้งค่าต่างๆ ที่จำเป็น
  • ทำการ Config Google App ID เข้ากับ Flutter แอพ
  • เขียนคำสั่งเชื่อมต่อกับ Google API

Module 8: การเขียน ListView ดึงข่าวแบบต่างๆ (Listview แนวตั้งและแนวนอน)

  • เรียนรู้แนวทางการออกแบบ ListView พื้นฐาน
  • การออกแบบ ListView ทั้งแนวตั้งและแนวนอน ในหน้าเดียวกัน พร้อมดึงข้อมูลจาก Web API มาแสดง
  • การปรับแต่ง List View ให้แสดงผลให้อย่างถูกต้อง ทั้งบน Mobile และ Tablet

Module 9: การทำ Infinite scroll listview และ RefreshIndicator

  • การดึงข่าวสารจำนวนมาก แบบมีการแบ่งส่วนการแสดงผลทีละชุด เมื่อผู้ใช้เลื่อนไปถึงจุดท้ายสุดให้โหลดเนื้อหาใหม่ มาเติมอัตโนมัติแบบ Infinite scroll listview
  • การอัพเดทหรือรีโหลดเนื้อหาโดยการใช้ RefreshIndicator คล้ายๆ กับ Pull to refresh ใน Android
  • การประยุกต์ใส่ทั้ง Infinite scroll listview และ RefreshIndicator ในเพจเดียวกัน

Module 10: การทำระบบแจ้งเตือน Pushnotification ด้วย One Signal และ Firebase

  • แนะนำ One Signal สำหรับทำ Pushnotification
  • สมัครและเปิดใช้งาน One Signal ฟรี
  • เชื่อมต่อ One Signal เข้ากับ Google Firebase
  • เขียนคำสั่งเชื่อมต่อกับ One Signal API ใน Flutter
  • เขียน Feature สำหรับให้ผู้ใช้สามารถเปิด/ปิด การแจ้งเตือนในแอพได้
  • ทดสอบระบบแจ้งเตือนทั้งบน iOS และ Android

Module 11: การทำแอพรองรับ 2 ภาษาขึ้นไป (Multi Language Support)

  • เพิ่ม package จัดการหลายภาษาลงในไฟล์ pubspec.yaml (Update pubspec.yaml)
  • การสร้าง json ไฟล์แยกภาษาที่ต้องการ (Create the language files)
  • สร้าง Delegate Class สำหรับจัดการเลือกภาษา (Create Delegate Class)
  • จัดการแสดงผลภาษาในส่วนของ UI (Translating text in the UI)
  • บันทึกข้อมูลภาษาที่เลือกไว้ลงในเครื่องด้วยการใช้ provider และ shared_preferences (changing App language manually)
  • ปรับแต่งการแสดงผลให้เหมาะสมในงานจริง (Custom for your app)

Module 12: การ Build และ Deployed โปรเจ็กต์บน Android และ iOS เพื่อนำไปใช้งาน

  • การเปลี่ยนภาพ Icon ของแอพ
  • การเปลี่ยนชื่อและแพคเกจของแอพ
  • การ Sign app สำหรับ Android และ iOS
  • การ Configuration ส่วนต่างๆ ของแอพใน Android และ iOS ก่อนทำการ Build
  • การ Building app สำหรับการ Release ทั้ง Android และ iOS

แจกฟรี Flutter 2.0 News Apps Template

App Features:

  • OneSignal push notification
  • Category based news
  • Search features
  • Video features
  • Html support for description
  • Html link, image and video support for description
  • User profile
  • Made with Flutter and Dart
  • Used WordPress as backend
  • Build Android and iOS App with single code-base
  • Social Sign-In (Google, Apple, OTP Login)
  • Enable and disable Notification
  • Left and Right swipe News

21 ชั่วโมง

ราคา 800 บาท

ลงทะเบียนแล้ว

187 คน

สั่งซื้อวิดีโอบันทึกการอบรม
ติดต่อตามข้อมูลด้านล่างนี้