Mã hóa bản sao giao diện người dùng Netflix bằng Flutter + Firebase [Flutter]

Mã hóa bản sao Netflix !
Xây dựng ứng dụng gốc nhanh chóng và ấn tượng với Flutter .

Cách nhanh nhất để bắt đầu phát triển ứng dụng: Flutter

Flutter là một nền tảng phát triển ứng dụng/web/máy tính để bàn được Google phát triển.
Mặc dù ban đầu phải đối mặt với nhiều thách thức do ngôn ngữ Dart không quen thuộc, nhưng nó đã trở nên vô cùng phổ biến nhờ hiệu suất ứng dụng và tốc độ phát triển vượt trội hơn React Native.

Nhiều nhà phát triển đã thử Flutter tin rằng nó có thể thay thế hoàn toàn việc phát triển ứng dụng gốc.

Bây giờ, hãy nhanh chóng tìm hiểu Flutter bằng cách làm theo giao diện người dùng Netflix!

💡 Tính năng của khóa học

Phụ đề bài giảng đầy đủ! Tiến trình mã nhanh!

(Chất lượng và tốc độ biên tập của 4 bài giảng đầu tiên không tốt😭😭 Các bài giảng sau đó thì mượt mà hơn..!!)

Khóa học "Just Flutter" giảm thiểu phần giải thích cho từng mã, do đó bạn có thể làm theo mã trước rồi tự học trong khi suy nghĩ về mã đó.

Nội dung giải thích trong bài giảng này có thể chưa đầy đủ, vì vậy tôi dự định sẽ đăng tải một bài giảng riêng về các widget và logic xuất hiện trong bài giảng này trong tương lai. Bài giảng này có thể không phù hợp với những ai cần nắm vững các khái niệm cơ bản trước.

Tôi sẽ giải thích chi tiết hơn và tử tế hơn trong bài giảng sau về "Flutter that Pulls Off the Balls" !

✏️ Bạn sẽ học được gì trong khóa học này

Trong khóa học này, bạn sẽ học:

☑️ Cách xây dựng UI bằng Flutter
☑️ Cách kết nối Flutter và Firebase Firestore để trao đổi dữ liệu
☑️ Cách tạo ứng dụng Flutter với cấu trúc thanh tab dưới cùng

📖 Giao diện người dùng Netflix đã hoàn thiện vào cuối bài giảng này

Sau bài giảng, bạn sẽ có thể hoàn thành giao diện người dùng Netflix bên dưới :)
(Hình ảnh logo được cung cấp bởi Guinness! Cảm ơn bạn😊😊)

🛠 Môi trường phát triển bắt buộc

Bất kỳ môi trường nào hỗ trợ phát triển bằng Flutter đều ổn!
Không có bài giảng riêng nên hãy chuẩn bị trước nhé :)

Thiết lập môi trường phát triển Flutter

Môi trường phát triển của tôi như sau:

Hệ điều hành: Mac OS Mojave / iOS Simulator
SDK: Flutter SDK 1.12.13+hotfix.8
Biên tập viên: VS code
Phần mở rộng mã VS: Dart / Flutter / Rainbow Brackets

Phòng Tài liệu Bài giảng

Kho mã nguồn đầy đủ: https://github.com/TaeBbong/netflix-clone-lecture

Mã nguồn cho mỗi bài giảng: https://taebbong.github.io

(Bạn cũng có thể xem trên YouTube!) Đường dẫn bài giảng miễn phí trên YouTube: https://bit.ly/33BYAlD

🙋🏻‍♂️ Những câu hỏi dự kiến QnA

H. Tôi có phải làm chính xác như trong bài giảng không?
A. Giảng viên không phải là lập trình viên lành nghề, nên có thể anh ấy đã viết code kém. Hơn nữa, vì anh ấy không có nhiều kinh nghiệm với Flutter, nên có thể có một số code không cần thiết. 😭😭 Mình sẽ học thêm và hướng dẫn các bạn code và bài giảng nâng cao hơn trong tương lai. :)

H. Tôi tò mò về Widget của Flutter!
A. Trong Flutter, mọi thứ đều là Widget! Từ màn hình lớn đến các mục văn bản nhỏ, Flutter đều coi chúng là Widget. Hãy coi chúng như các thành phần, tương tự như các thành phần được tìm thấy trong các framework phát triển khác.

H. Tôi tò mò về cách quản lý trạng thái của Flutter.
A. Trong Flutter, hình thức quản lý trạng thái cơ bản nhất được thực hiện bằng StatefulWidget và createState(). Để phát triển hơn nữa, chúng ta hãy cùng tìm hiểu về bloc, provider và các phương thức khác!

💡 Nếu bạn thích bài giảng..!

Vì khóa học này miễn phí nên người tạo ra khóa học chỉ có thể làm việc chăm chỉ nhờ sự ủng hộ và động viên của bạn!

Nếu bạn thích bài giảng, hãy mua cho tôi một tách cà phê (nhấp vào) :)