Clone UI Netflix bằng Flutter + Firebase [Học Flutter cấp tốc]
Khóa học này hướng dẫn lập trình clone giao diện người dùng (UI) của Netflix bằng Flutter và Firebase!
Hãy bắt đầu với Flutter, cách nhanh nhất để học phát triển ứng dụng nhé :)
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ó.
5.0
Clark
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.
5.0
RyanJ.k
100% đã tham gia
Thật tuyệt khi có thể nhanh chóng xác định được rung động.
Bạn sẽ nhận được điều này sau khi học.
Xây dựng giao diện người dùng (UI) bằng Flutter thông qua việc thực hành theo hướng dẫn
Clone coding bao gồm cả tính năng danh sách yêu thích (찜하기) của Netflix
Lấy dữ liệu bằng cách kết nối Flutter với Firebase
Cách sử dụng các gói Flutter đa dạng
Netflix Clone Coding! Hãy tạo ứng dụng native nhanh chóng và vượt trội bằng 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 do Google phát triển. Mặc dù ban đầu gặp khó khăn do ngôn ngữ Dart còn lạ lẫm, nhưng hiện nay nó đang rất được ưa chuộng nhờ tốc độ phát triển và hiệu suất ứng dụng vượt xa React Native.
Nhiều nhà phát triển từng tiếp cận với Flutter đã đánh giá rằng Flutter hoàn toàn có thể thay thế việc phát triển ứng dụng Native.
Ngay bây giờ, hãy vừa học Flutter thật nhanh vừa thử làm theo giao diện người dùng (UI) của Netflix nhé!
💡 Đặc điểm khóa học
Toàn bộ bài giảng có phụ đề ĐẦY ĐỦ!Tiến độ code nhanh chóng!
(Chất lượng biên tập và tốc độ của 4 bài giảng đầu tiên không được tốt lắm đâu ạㅠㅠ Các bài giảng sau đó sẽ diễn ra suôn sẻ hơn..!!)
Khóa học "Flutter bất chấp" là dạng bài giảng tối giản hóa việc giải thích từng đoạn mã để bạn có thể làm theo mã trước, sau đó tự mình suy ngẫm và nghiên cứu.
Vì phần giải thích trong bài giảng có thể còn thiếu sót, nên tôi dự định sẽ tải lên các bài giảng riêng về các widget hoặc logic xuất hiện trong khóa học này sau. Do đó, khóa học này 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.
Sau này, tôi sẽ giải thích chi tiết và tận tình hơn trong khóa học "뽕뽑는 플러터" nhé!
✏️ Những điều bạn sẽ học trong khóa học này
Trong khóa học này, bạn có thể học được những nội dung sau đây!
☑️ Cách xây dựng giao diện người dùng (UI) bằng Flutter ☑️ Cách liên kết Flutter với Firebase Firestore để truyền và nhận dữ liệu ☑️ Cách tạo ứng dụng Flutter với cấu trúc thanh tab ở phía dưới (bottom tab bar)
📖 Giao diện người dùng Netflix sẽ hoàn thành sau khi kết thúc khóa học này
Sau khi kết thúc bài học, bạn có thể hoàn thành giao diện người dùng Netflix dưới đây :) (Hình ảnh logo được tạo bởi Guinness! Xin cảm ơn bạn nhé haha)
🛠 Môi trường phát triển cần thiết
Bất kỳ môi trường nào có thể phát triển bằng Flutter đều ổn! Vì không có bài giảng hướng dẫn riêng, vui lòng chuẩn bị trước nhé:)
Hệ điều hành: Mac OS Mojave / iOS Simulator SDK: Flutter SDK 1.12.13+hotfix.8 Trình soạn thảo: VS code Tiện ích mở rộng VS code: Dart / Flutter / Rainbow Brackets
(Bạn cũng có thể xem trên YouTube!) Link bài giảng miễn phí trên YouTube: https://bit.ly/33BYAlD
🙋🏻♂️ Giải đáp các câu hỏi thường gặp (Q&A)
Q. Có nhất thiết phải làm giống hệt như trong bài giảng không? A. Người hướng dẫn cũng không phải là người quá giỏi lập trình, nên có thể sẽ có những đoạn mã chưa được tối ưu. Ngoài ra, vì kinh nghiệm với Flutter chưa nhiều nên đôi khi có thể xuất hiện những đoạn mã không cần thiếtㅠㅠ Mình sẽ học hỏi thêm để mang đến những bài giảng và mã nguồn tiến bộ hơn trong tương lai:)
Hỏi: Tôi muốn tìm hiểu về Widget trong Flutter! Đáp: Trong Flutter, mọi thứ đều là Widget! Từ những thứ lớn như đơn vị màn hình cho đến những thứ nhỏ như một đoạn văn bản, Flutter đều coi đó là Widget. Bạn có thể hiểu nó tương tự như các component (thành phần) trong các framework phát triển khác.
Hỏi: Tôi thắc mắc về quản lý trạng thái (state management) trong Flutter Đáp: Trong Flutter, việc quản lý trạng thái cơ bản nhất được thực hiện thông qua StatefulWidget và createState(). Để phát triển nâng cao hơn sau này, chúng ta hãy cùng tìm hiểu các phương thức như bloc, provider nhé!
💡 Nếu bạn thích bài giảng này..!
Vì đây là bài giảng miễn phí, nên người tạo bài giảng có thể làm việc chăm chỉ nhờ vào sự ủng hộ và khích lệ của các bạn!
Tốt nghiệp Khoa Bảo mật thông tin, Đại học Korea (2020.02)
Tốt nghiệp sớm Trường Trung học Phổ thông Khoa học Hansung (2016.02)
Kinh nghiệm làm việc
Thực tập sinh tại VoyagerX Co., Ltd., chịu trách nhiệm bảo trì ứng dụng Flutter và máy chủ backend (2019.07 ~ 2019.09)
Hoàn thành khóa đào tạo Mentee Software Maestro khóa 8 (2017.08 ~ 2017.12)
Đồng sáng lập 'Picasso', startup phân tích dữ liệu YouTube (2017.12 ~ 2018.06)
Chủ tịch đầu tiên của DevKor, câu lạc bộ phát triển thuộc Khoa Bảo mật thông tin, Đại học Korea (2018.12 ~ 2020.02)
Nhà phát triển tự do (Freelancer) trên Otwojob / Wishket (2018.06 ~ )
Giới thiệu
Tôi là Kwon Tae-ppong, một nhà phát triển luôn mơ ước trở thành một "Developer kiêm Designer" (Kibal-signer). Tôi đã bắt đầu lập trình từ khi còn học cấp hai và kể từ đó đã tham gia nhiều hoạt động liên quan đến phát triển phần mềm với mục tiêu khởi nghiệp. Sau khi trải nghiệm việc khởi nghiệp vào năm ngoái, tôi đã quyết định dừng lại vì muốn khởi nghiệp bằng chính ý tưởng của riêng mình. Hiện tại, tôi đang tập trung hoàn toàn vào việc nghiên cứu phát triển và xây dựng các khóa học.
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.
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.
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ó.