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 !
Tạo các ứng dụng gốc nhanh và tuyệt vời với Flutter .

 

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

Flutter là một framework phát triển ứng dụng/web/máy tính để bàn được phát triển bởi Google.
Mặc dù có những khó khăn trong những ngày đầu do ngôn ngữ xa lạ có tên là Dart, nhưng nó đã trở nên rất phổ biến, tự hào về hiệu suất ứng dụng và tốc độ phát triển dễ dàng vượt qua React Native.

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

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

💡 Tính năng bài giảng

Phụ đề đầy đủ cho toàn bộ bài giảng! Tiến triển mã nhanh!

(Chất lượng và tốc độ biên tập của 4 bài giảng đầu chưa tốt. Các bài sau mượt mà..!!)

Bài giảng "Flutter Without a Plan" là một loại bài giảng trong đó việc giải thích từng mã được giữ ở mức tối thiểu, vì vậy bạn chỉ cần làm theo mã trước rồi mới nghiên cứu theo suy nghĩ của riêng mình.

Vì phần giải thích có thể không đầy đủ trong bài giảng nên chúng tôi dự định sẽ tải lên các bài giảng riêng biệt về các vật dụng và logic xuất hiện trong bài giảng này trong tương lai và có thể không phù hợp với những người cần hiểu các khái niệm cơ bản trước.

Mình sẽ giải thích chi tiết và thân thiện hơn cho các bạn ở bài giảng "Nhổ lông" nhé!

✏️ Những điều bạn học được trong bài giảng này

Trong bài giảng, bạn sẽ học:

✔️ Cách định cấu hình giao diện người dùng với Flutter
✔️ Cách trao đổi dữ liệu bằng cách liên kết Flutter và Firebase Firestore
✔️ Cách tạo ứng dụng Flutter có cấu trúc thanh tab dưới cùng

📖 Giao diện người dùng Netflix sẽ được hoàn thiện sau bài giảng này

Sau bài giảng, bạn có thể hoàn thành giao diện người dùng Netflix bên dưới :)
(Hình ảnh logo được Guinness tạo ra! Cảm ơn bạn haha)

🛠 Môi trường phát triển cần thiết

Môi trường nào có thể phát triển với Flutter đều được!
Không có bài giảng giải thích riêng nên các bạ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 / Trình mô phỏng iOS
SDK: Flutter SDK 1.12.13+hotfix.8
Biên tập viên: Mã VS
Phần mở rộng mã VS: Dấu ngoặc phi tiêu / Flutter / Rainbow

🛠 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 mỗi bài giảng: https://taebbong.github.io

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

🙋🏻‍♂️ Câu hỏi dự kiến ​​QnA

Q. Tôi có phải trình bày chính xác như trong bài giảng không?
A. Người hướng dẫn có thể không phải là nhà phát triển giỏi và có thể đã viết mã xấu. Ngoài ra mình chưa có nhiều kinh nghiệm với Flutter nên đôi khi có thể có những code không cần thiết mình sẽ nghiên cứu thêm và cho các bạn xem code cũng như bài giảng nâng cao trong tương lai :)

H. Tôi tò mò về widget của Flutter!
A. Trong Flutter, mọi thứ đều là một widget! Flutter coi mọi thứ từ đơn vị màn hình lớn đến một đoạn văn bản nhỏ đều là một tiện ích. Tôi nghĩ sẽ tốt hơn nếu hiểu nó như một thành phần trong một khung phát triển khác.

Hỏi. 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(). Hãy cùng tìm hiểu các phương pháp như khối và nhà cung cấp để phát triển hơn nữa sau này nhé!

💡 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 khóa học có thể làm việc chăm chỉ nhờ sự hỗ trợ và khuyến khích của bạn!

Nếu bạn thích bài giảng, vui lòng lấy một tách cà phê (click) :)