강의

멘토링

커뮤니티

Programming

/

Mobile Application Development

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

Bài giảng này nói về việc sao chép giao diện người dùng Netflix bằng Flutter và Firebase! Bắt đầu với Flutter, cách nhanh nhất để học phát triển ứng dụng :)

(4.7) 175 đánh giá

8,868 học viên

  • taebbong
Flutter
Clone Coding
Firebase
Thumbnail

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • Chỉ cần làm theo và xây dựng giao diện người dùng với Flutter.

  • Mã hóa sao chép bao gồm tính năng yêu thích của Netflix

  • Nhập dữ liệu bằng cách liên kết Flutter và Firebase

  • Cách sử dụng các gói Flutter khác nhau

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) :)

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Một người thích những bài giảng có thể được thực hiện bằng cách mù quáng theo dõi.

  • Những người mới làm quen với Flutter

  • Người có kiến ​​thức phát triển cơ bản

  • Một người thích thử cái gì đó trước và nghĩ về nó

Cần biết trước khi bắt đầu?

  • Khái niệm lập trình hướng đối tượng

Xin chào
Đây là

18,059

Học viên

376

Đánh giá

30

Trả lời

4.8

Xếp hạng

2

Các khóa học

프로필

블로그: taebbong.github.io

페이스북: facebook.com/taebbong

깃허브: github.com/TaeBbong

학력

고려대학교 정보보호학부 졸업(2020.02)

한성과학고등학교 조기 졸업(2016.02)

경력

(주) 보이저엑스 인턴, Flutter 앱/백엔드 서버 유지보수 총괄 (2019.07 ~ 2019.09)

소프트웨어 마에스트로 8기 멘티 과정 수료 (2017.08 ~ 2017.12)

유튜브 데이터 분석 스타트업 'Picasso' 공동 창업 (2017.12 ~ 2018.06)

고려대학교 정보보호학부 개발 동아리 DevKor 초대 회장 (2018.12 ~ 2020.02)

오투잡 / 위시켓 프리랜서 개발자 (2018.06 ~ )

소개

'기발자이너'를 꿈꾸는 개발자 권태뽕입니다. 중학교때부터 프로그래밍을 해왔고 이후 창업을 목표로 여러 개발과 관련된 활동을 하고 있습니다. 작년 창업을 경험해보았고 내 아이디어로 창업하는 일을 하고 싶어 그만두고 개발 공부와 강의제작에 몰두하며 지내고 있습니다.

Chương trình giảng dạy

Tất cả

13 bài giảng ∙ (1giờ 25phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

175 đánh giá

4.7

175 đánh giá

  • yeinkang044560님의 프로필 이미지
    yeinkang044560

    Đánh giá 1

    Đánh giá trung bình 3.0

    3

    100% đã tham gia

    Quá cũ

    • gyeom0338님의 프로필 이미지
      gyeom0338

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      Thay vì hiểu tất cả các khái niệm, việc cố gắng làm theo chúng trước tiên sẽ rất hữu ích. Tôi nghĩ bạn có thể tìm hiểu thêm về cách sử dụng tiện ích và ngữ pháp của nó bằng cách xem xét thêm về nó.

      • inkservice20661님의 프로필 이미지
        inkservice20661

        Đánh giá 3

        Đánh giá trung bình 5.0

        5

        38% đã tham gia

        Tôi nhìn thoáng qua và thấy nó có vẻ là một bài giảng rất hay để rèn luyện thực tế nên tôi quyết định nghiên cứu nó. Chúc anh có một cuộc sống quân ngũ khỏe mạnh.

        • insort0323님의 프로필 이미지
          insort0323

          Đánh giá 3

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          Thật tuyệt khi có thể nhanh chóng xác định được rung động.

          • websniper0142님의 프로필 이미지
            websniper0142

            Đánh giá 3

            Đánh giá trung bình 4.7

            5

            100% đã tham gia

            Thật tốt vì bạn có cảm giác như đang học được điều gì đó khi làm theo. Quá trình tạo ra nó mà không cần bất kỳ lời giải thích nào về khái niệm này rất gọn gàng.

            Miễn phí

            Khóa học khác của taebbong

            Hãy khám phá các khóa học khác của giảng viên!

            Khóa học tương tự

            Khám phá các khóa học khác trong cùng lĩnh vực!