Giáo trình tự học Flutter/Dart

Chúng tôi đang biên soạn Giáo trình tự học Flutter/Dart (bài viết, video, ebook) theo cấu trúc sau, hi vọng có thể giúp ích được cho các bạn. Bạn có thể bấm vào từng đường link để đến bài viết cụ thể. Nếu cần luyện tập ngôn ngữ Dart, bạn có thể tham khảo 50 bài tập lập trình Dart cơ bản

https://flutter.dev/docs là nơi tốt nhất để tự học Flutter, đây là nơi cung cấp tài liệu chính thức về Flutter của Google.

Dưới đây là danh sách các video chúng tôi đang thực hiện, các video được đánh số thứ tự để bạn đọc dễ theo dõi.

1️⃣ Giới thiệu về Flutter và Dart

1. Dart/Flutter là gì?

2. Giới thiệu ngôn ngữ Dart

3. Dart Cheat Sheet and Quick Reference

4. Viết app “Hello World” bằng Flutter

5. Cấu trúc một chương trình Flutter/Dart

6. Biến và các kiểu dữ liệu trong Dart

   • Kiểu null trong Dart

   • Kiểu số nguyên int và kiểu số thực double

   • Kiểu logic bool trong Dart

   • Kiểu xâu String trong Dart / Flutter

   • Kiểu danh sách List trong Dart/Flutter

   • Kiểu ánh xạ Map trong Dart/Flutter

   • Kiểu dữ liệu tập hợp Set

   • Kiểu liệt kê thứ tựenum

   • Iterator trong Dart là gì?

7. Các phép toán trong Dart (Toán tử trong Dart / Flutter)

8. Câu lệnh điều khiển luồng chương trình (control flow) https://www.youtube.com/watch?v=p807i7bMbwA

   • Câu lệnh điều kiện if

   • Câu lệnh lựa chọn switch

   • Câu lệnh vòng lặp for và while

   • Câu lệnh điều kiện assert

9. Hàm trong Dart/Flutter https://www.youtube.com/watch?v=BCO-3ffSpwY

   • Khai báo và định nghĩa hàm

   • Hàm nặc danh anonymous

   • Truyền tham số cho hàm

10. Class trong Dart/Flutter

11. Hướng đối tượng (OOP) trong Dart

12. Cài đặt Flutter với Android Studio và VSCode

13. Xử lý lỗi Migrate to Android X hoặc Your App is n’t Android X

14. Phân biệt Hot reload với Hot restart

15. Cách sử dụng Pub.dev để import các package/thư viện Flutter

2️⃣ Common UI Widget (Các Widget thông dụng của Flutter)

Giới thiệu chi tiết về các Widget thường được sử dụng của Flutter

Bạn có thể theo dõi seri Widget of the Week để biết cách sử dụng nhanh của các widget.

1. So sánh StatelessWidget và StatefulWidget

2. Flutter Widget: Container

3. Flutter Widget: Column

4. Flutter Widget: Row

5. Flutter Widget: Image

6. Flutter Widget: ListTile

7. Flutter Widget: Center

8. Flutter Widget: MediaQuery

9. Flutter Widget: Padding

10. Flutter Widget: Spacer

11. Flutter Widget: Expanded

12. Flutter Widget: Flexible

13. Flutter Widget: Stack

14. Flutter Widget: Divider

15. Flutter Widget: Table

16. Flutter Widget: ConstrainedBox

17. Flutter Widget: IndexedStack

18. Flutter Widget: FittedBox

19. Flutter Widget: LimitedBox

20. Flutter Widget: Simple Custom Widget

21. Flutter Widget: RichText

22. Flutter Widget: SelectableText

23. Flutter Widget: Safe Area

24. Flutter Widget: Wrap

25. Flutter Widget: Slider

26. Flutter Widget: ListView

27. Flutter Widget: AnimatedList

28. Flutter Widget: DataTable

29. Flutter Widget: Dismissible

30. Flutter Widget: SilverGrid

31. Flutter Widget: SilverAppBar

32. Flutter Widget: PageView

33. Flutter Widget: SnackBar

34. Flutter Widget: Drawer

35. Flutter Widget: ClipOval

36. Flutter Widget: ClipPath

37. Flutter Widget: ShaderMask

3️⃣ Tự học Flutter qua các app đơn giản

1. Viết app Flutter: I am Rich

2. Viết app Flutter: MiCard

3. Viết app Flutter: Simple Instrument

4. Viết app Flutter: Counter App

5. Viết app Flutter: Project DiceApp

6. Viết app Flutter: Quizzler

7. Viết app Flutter: Music Tutor

8. Viết app Flutter: Dictionary App

4️⃣ Di chuyển giữa các màn hình

1. Navigator

2. Route

3. Di chuyển dữ liệu giữa các màn hình

4. Viết app Flutter: Ứng dụng Todo List

5. Viết app Flutter: Shopping List

6. Viết app Flutter: BMI Calculator

7. Flutter Project: Jokes

8. Flutter Project: Splash Screen

5️⃣ Lập trình bất đồng bộ

• Lập trình bất đồng bộ với Future

• Lập trình bất đồng bộ với Streams

6️⃣ Một số cách quản lý state

1. Provider pattern

2. Mobx pattern

3. Bloc

4. getX

7️⃣ Xử lý dữ liệu trong Dart/Flutter

1. Sử dụng JSON trong Flutter

2. Hướng dẫn Sql trong Flutter

3. Sử dụng http lấy dữ liệu từ REST API