อบรม Flutter Fundamental 7 ชั่วโมง #1 (เต็มแล้ว)

วันที่และเวลา

20 เมษายน 2562 เวลา 10:00-18:00

 

ระยะเวลา

7 ชั่วโมง (ไม่รวมช่วงพักเที่ยง)

 

สถานที่

Maven Mesh

29/41, ซอยลาดพร้าว 23 หรือซอยรัชดา 30, ถนนรัชดา, จัตุจักร จันเกษม
กรุงเทพมหานคร 10900

 

 

 

 

ราคา

เนื่องจากเป็นการสอน course แรก
ราคาปกติ 3,900 บาท เหลือเพียง 2,900 บาท (รวมอาหารกลางวัน ของว่าง)

*ตอนนี้มีผู้สมัครเรียนเต็มตามจำนวน course แล้วครับ

 

ผู้สอน

ภาณุวัฒน์ จันทวี (เบนซ์)

Computer Science, CMU
Laravel Developer
Android Developer
Flutter Developer

 

การเรียน

ผู้เรียนจะต้องเอา Notebook/Macbook มาเอง เครื่องมือที่ใช้เขียน คือ Android studio หรือ VS Code แล้วแต่ผู้เรียนถนัด แต่ผู้สอนจะใช้ Android Studio ในการสอน เนื่องจากถนัดกับปุ่มลัดต่างๆใน Android Studio โดยใน course นี้จะไม่สอนวิธีติดตั้ง Flutter ดังนั้นผู้เรียนต้องติดตั้ง Flutter พร้อมรันแอปด้วย emulator หรืออุปกรณ์จริงมาจากที่บ้านแล้ว

 

เนื้อหา

เนื้อหาใน course นี้ผมจะเน้นไปที่พื้นฐาน Flutter ที่ควรรู้เพื่อนำไปต่อยอดได้เอง เน้นไปที่การใช้ Widget ต่างๆ ในการเขียน UI เป็นหลักครับ

1. Dart and Flutter tool

Flutter ใช้ภาษา dart ในการเขียนโปรแกรม ดังนั้นผมจะแนะนำ key สำคัญของภาษา dart ที่ควรรู้ และการใช้รูปย่อต่างๆในภาษา dart ที่มักใช้บ่อยๆใน Flutter

  • Dartpad and Print log.
  • Simplied code in dart.
  • Constructor in Dart.
  • Optional parameter.
  • Arrow functions.
  • Get/Set Method.
  • Importing package.
  • Hot reload and restart.

2. State and Widget

เรื่องพื้นฐานใน Flutter คือต้องรู้ว่า Stateless / Stateful Widget คืออะไร และทำไมถึงต้องใช้ StatefulWidget เมื่อไหร่ควรจะใช้มัน

  • Stateless Widget.
  • Stateful Widget.
  • Parameters of Widget.
  • State lifecycle.

3. Building UI and Controller

ลองมารู้จักกับ Widget ต่างๆใน Flutter เพื่อสร้าง UI ที่ต้องการ เช่น การทำปุ่ม การใส่สี การทำขอบมน การใช้ drawer การใช้ ListView แบบต่างๆ

  • Widget is everything.
  • Scaffold, AppBar, Drawer, Container, Image and Text.
  • Material icons and colors.
  • Decoration and widget style.
  • Row Column and Stack.
  • ListView and GridView.
  • TextField and Controller.

4. Dialog

รู้จักการใช้ dialog ใน Flutter และการทำ custom dialog ในรูปแบบของเราเอง

  • Material dialog.
  • Cupertino dialog.
  • Custom dialog.
  • Dialog callback.

5. Material vs Cupertino

ใน Flutter ได้เตรียม Cupertino Style Widget ซึ่งเป็น Widget สำหรับใน iOS มาให้แล้ว แต่ทว่าคนไม่ค่อยรู้กับมันเท่าไหร่ ผมจะอธิบายว่ามันต่างกับ ที่เราใช้ๆกันอย่างไร

  • Cupertino app introduction.
  • Material and Cupertino widget
  • Specific platform.

6. Routing , Navigation and Route Transition

การเปลี่ยนหน้าจอใน Flutter ต้องรู้เกี่ยวกับเรื่อง Routing ว่าทำงานอย่างไร และ Route กับ Navigator ต่างกันอย่างไร

  • Routing within app.
  • How to navigator work.
  • Create custom route transition.

7. Key Widget and BuildContext

Key และ BuildContext คือสิ่งที่ ทุกๆ Widget มีอยู่ มีหลายๆครั้งเราต้องใช้มันเพื่อระบุตัวตนของ Widget ผมพาไปลองเล่นกับ key แบบต่างๆ และ ผมจะพาไปรู้จักกับ BuildContext มันว่ามันคืออะไร ทำงานอย่างไร

  • Global key and other keys.
  • BuildContext in Flutter.
  • Widget tree and BuildContext.

8. BLoC Pattern

ผมอยากจะแนะนำให้รู้จักกับ BLoC Pattern ใน Flutter ที่ช่วยเรื่องการจัดการ state ว่าใช้งานอย่างไร ทำไมถึงต้องใช้มัน

  • BLoC Pattern 101.
  • StreamBuilder.
  • BLoC with StreamBuilder.

9. Call API and JSON

ลองใช้งาน call API เพื่อทำให้แอปของเราสามารถติดต่อกับ server ได้

  • Http library.
  • JSON and Dart.

10. Future, Async and Await

การใช้ Future<> และ Async method มันคืออะไร ที่ชวนงง สำหรบผู้เริ่มต้น

  • Future and Async
  • FutureBuilder

11. SharePreference (เพิ่มเติม)

ทำแอปให้เก็บข้อมูลลง memory ภายในแอป

  • SharePreference in Flutter.

Workshop

ลองนำความรู้จากการเรียน มาทำแอปง่ายๆด้วย Flutter เพื่อฝึกการเขียน UI และการจัดการ state ใน Flutter

 

การชำระเงิน

โอนผ่านบัญชีธนาคาร ตามเลขที่บัญชีข้างล่างนี้ หรือ พร้อมเพล์ 091-880-1312 (ภาณุวัฒน์ จันทวี)
จากนั้นโปรดแจ้งหลักฐานการโอนเงินมาที่ LINE id : benz7net หรือที่เพจ

ไม่สามารถออกใบกำกับภาษีได้

 

ติดต่อ

เพจ https://web.facebook.com/benzneststudios/
LINE : benz7net
โทร 091-880-1312 (เบนซ์)