Tạo ứng dụng nhắn tin với Flutter
DEV MOO
Phát triển ứng dụng nhắn tin dùng quản lý trạng thái Riverpod của Flutter và Firebase.
Basic
Flutter, Firebase, riverpod
Tạo ứng dụng SNS với Flutter
Tạo ứng dụng SNS bằng cách sử dụng quản lý trạng thái Nhà cung cấp/StateNotifier của Flutter và Firebase.
Đánh giá từ những học viên đầu tiên
Bạn sẽ nhận được điều này sau khi học.
Quản lý trạng thái bằng Nhà cung cấp / StateNotifier
Đăng ký bằng Firebase Auth/Xác thực email/Đăng nhập/Đăng xuất
Dịch/Đợt hàng loạt trong Firestore
Tải lên/xem/xóa hình ảnh bằng Firestorage
Hoạt hình rung
Phân trang
Thoát ra
Thay đổi biểu tượng khởi chạy ứng dụng
Thay vì sử dụng các ứng dụng nhắc việc tương tự, hãy sử dụng một mạng xã hội thú vị!
Học Quản lý trạng thái Flutter bằng cách xây dựng
In★gram được làm bằng chính đôi tay của tôi
Flutter, xu hướng phát triển ứng dụng di động!
Chúng tôi tạo ra khóa học này để giúp bạn tìm hiểu nhiều tính năng thực tế. Hãy tìm hiểu các tính năng Flutter thiết yếu cần thiết để tạo một ứng dụng mạng xã hội giống Instagram!
Kiến thức cơ bản về Flutter + Quản lý trạng thái nhà cung cấp
Khi tạo một ứng dụng Instagram SNS tương tự, bạn sẽ tìm hiểu về quản lý trạng thái của Provider (StateNotifier) và tìm hiểu sơ lược về Flutter Animation .
Ứng dụng này được khuyến nghị cho những ai muốn tạo ứng dụng mạng xã hội, những người tò mò về cấu trúc và quản lý trạng thái, và những người muốn triển khai các chức năng phức tạp ngoài ứng dụng quản lý việc cần làm.
Tổng quan toàn diện về các dịch vụ chính của Firebase
Tìm hiểu về các dịch vụ chính của Firebase , bao gồm tích hợp Firebase, đăng ký thành viên và đăng nhập xác thực email bằng Xác thực Firebase, truy xuất/lưu/chỉnh sửa/xóa/phân trang dữ liệu Firestore và Giao dịch/Xử lý hàng loạt, cũng như cách lưu/xóa tệp hình ảnh trong Cloud Store.
Những gì bạn học được
Hãy xem thử nhé.
- ✅ Bạn có thể học được những kỹ năng và kiến thức có thể áp dụng vào thực tế .
- ✅ Bài giảng tiến triển bằng cách triển khai nhiều chức năng khác nhau dựa trên mô hình và khuôn khổ cơ bản, do đó, bạn sẽ dễ hiểu hơn khi bài giảng tiến triển.
1. Cài đặt môi trường dự án
- Tạo và kết nối dự án Flutter với dự án Firebase.
- Đăng ký dịch vụ Firebase và thiết lập các quy tắc.
2. Màn hình đăng ký thành viên
- Chọn ảnh đại diện từ thư viện ảnh trên điện thoại thông minh của bạn và hiển thị trên màn hình.
- Áp dụng logic xác thực cho từng trường bắt buộc.
- Lưu trữ dữ liệu trong Firebase Authentication, Firestore và Cloud Storage.
- Gửi email có liên kết xác minh đến địa chỉ email bạn đã nhập và in tin nhắn.
3. Màn hình đăng nhập
- Áp dụng logic xác thực cho từng trường nhập liệu bắt buộc.
- Chỉ thay đổi trạng thái xác thực đăng nhập cho những người dùng đã hoàn tất xác thực email.
4. Di chuyển màn hình theo trạng thái AuthStatus
- Thay đổi giá trị trạng thái của AuthStatus tùy thuộc vào trạng thái xác thực Firebase Authentication.
- Nếu trạng thái AuthStatus chưa được xác thực, bạn sẽ được đưa đến màn hình đăng nhập.
5. Màn hình chính
- Áp dụng hiệu ứng hoạt hình khi di chuyển giữa các trang bằng tiện ích TabBarVIew.
- Sử dụng tiện ích BottomNavigatorBar để điều hướng các trang bằng các nút ở phía dưới.
6. Màn hình đăng ký sau
- Chọn nhiều ảnh từ thư viện và xem chúng dưới dạng trình chiếu.
- Sau khi nhập nội dung bài đăng và xóa những bức ảnh không cần thiết, thông báo hoàn tất đăng ký sẽ hiển thị ngay khi màn hình di chuyển.
7. Màn hình danh sách bài đăng
- Hiển thị danh sách các bài đăng đã đăng ký trên màn hình.
- Xem nhiều ảnh bài đăng trong trình chiếu và phóng to/thu nhỏ.
- Vuốt xuống từ trên cùng để làm mới danh sách bài đăng.
8. Màn hình hồ sơ
- Chạm vào người dùng hiện đang đăng nhập hoặc ảnh đại diện của họ để hiển thị thông tin về người dùng cụ thể đó trên màn hình.
- Hiển thị số lượng bài đăng của người dùng, số người đang theo dõi, người theo dõi và danh sách bài đăng trên màn hình.
- Thực hiện các chức năng Theo dõi và Bỏ theo dõi.
9. Đăng màn hình
- Thêm tính năng thích vào bài đăng của bạn và hiển thị số lượt thích.
- Làm động tính năng tương tự.
10. Màn hình danh sách lượt thích
- Hiển thị danh sách các bài đăng được người dùng hiện đang đăng nhập thích.
11. Màn hình bình luận
- Tạo màn hình để đăng ký và in bình luận về bài đăng.
12. Chức năng xóa bài viết
- Xóa bài đăng do người dùng tạo.
- Dữ liệu liên quan đến các bài đăng đã xóa, chẳng hạn như tệp hình ảnh, nội dung bài đăng và bình luận, sẽ bị xóa khỏi dịch vụ Firebase.
13. Màn hình tìm kiếm người dùng
- Tìm kiếm người dùng theo tên.
- Đi tới màn hình hồ sơ từ kết quả tìm kiếm để hiển thị thông tin về một người dùng cụ thể.
- Áp dụng Debounce vào logic tìm kiếm người dùng của bạn.
14. Chức năng phân trang
- Áp dụng chức năng phân trang cho màn hình danh sách bài đăng, như màn hình danh sách và màn hình hồ sơ để truy xuất số lượng dữ liệu bài đăng đã chỉ định.
15. Thay đổi biểu tượng khởi chạy ứng dụng
- Thay đổi biểu tượng khởi chạy ứng dụng và màn hình chào mừng.
Người tạo ra khóa học này, DEV MOO
- (Hiện tại) Phát triển ứng dụng Web/Flutter tự do
- (Cựu) Giảng viên khóa học SMART CLOUD IT MASTER của Soft Engineer Society
- Tham gia phát triển mô-đun điều khiển TOSHIBA ETC (Nhật Bản)
- Tham gia phát triển nền tảng quản lý khách hàng của SMBC (Nhật Bản)
- (Cựu) Tham gia phát triển ứng dụng giao đồ ăn cao cấp
- Điều hành kênh YouTube
Hỏi & Đáp 💬
H. Xin vui lòng cho tôi biết phiên bản Flutter được sử dụng trong bài giảng.
Tôi đã sử dụng Flutter 3.13.7.
H. Tại sao bạn sử dụng Provider để quản lý trạng thái?
Flutter cung cấp một số gói quản lý trạng thái, bao gồm Riverpod, Bloc và GetX. Trong số đó, Provider được Google tích cực hỗ trợ và khuyến nghị, giúp bạn dễ dàng tìm thấy thông tin cần thiết thông qua các cộng đồng trực tuyến. Hơn nữa, tôi tin rằng việc chuyển đổi từ Provider sang các gói quản lý trạng thái khác, chẳng hạn như Riverpod, sẽ tương đối đơn giản.
H. Nội dung bài giảng không tương thích với iOS phải không?
Nội dung bài giảng hiện tại chỉ được xác minh cho Android. Phiên bản iOS dự kiến sẽ được cập nhật.
H. Tôi có cần kiến thức trước để tham gia khóa học không?
Cần có kiến thức cơ bản về Flutter và quản lý trạng thái nhà cung cấp. Nếu bạn đã từng tạo một ứng dụng hoặc sổ ghi chép việc cần làm đơn giản, bạn sẽ có thể làm theo.
H. Bạn có cung cấp mã nguồn không?
Chúng tôi cung cấp cho sinh viên mã nguồn thông qua Github.
📢 Thông tin cần lưu ý trước khi tham gia khóa học
- Môi trường phòng thí nghiệm yêu cầu Windows 10 và Android Studio .
- Bạn phải thiết lập môi trường phát triển Flutter . (Bài giảng này sử dụng phiên bản 3.13.7 .)
- Sinh viên sẽ được cung cấp mã nguồn cuối cùng và tài liệu thực hành (tệp hình ảnh, v.v.).
- Vui lòng xem lại kiến thức tiên quyết cần thiết cho khóa học này. Cần có kiến thức cơ bản về Flutter và quản lý trạng thái nhà cung cấp. Kinh nghiệm tạo ứng dụng việc cần làm hoặc sổ ghi chép đơn giản bằng Flutter là đủ cho khóa học này.
- Nội dung bài giảng được tối ưu hóa cho Android . (Hỗ trợ iOS sẽ được cập nhật trong tương lai.)
- Bắt đầu từ ngày 1 tháng 11 năm 2024, các dịch vụ Firebase sẽ được tính phí theo gói Blaze, tính phí dựa trên mức sử dụng. Bạn cần có thẻ tín dụng để sử dụng gói Blaze. Tuy nhiên, miễn là bạn không vượt quá hạn mức sử dụng miễn phí, bạn sẽ không bị tính phí. Chúng tôi tin rằng nội dung khóa học sẽ đủ dùng trong hạn mức miễn phí. Để biết thêm thông tin, vui lòng tham khảo chính sách giá của Firebase.
Khuyến nghị cho
những người này
Khóa học này dành cho ai?
Bất kỳ ai muốn tạo ứng dụng SNS
Những người muốn chuyển sang cấp độ tiếp theo của ứng dụng Todo
Bất cứ ai muốn tìm hiểu quản lý nhà nước của nhà cung cấp
Những người muốn trải nghiệm các dịch vụ Firebase khác nhau
Cần biết trước khi bắt đầu?
Kỹ năng tạo một ứng dụng đơn giản với Flutter
Kiến thức cơ bản của Provider/StateNotifier
213
Học viên
16
Đánh giá
101
Trả lời
5.0
Xếp hạng
2
Các khóa học
안녕하세요
한국, 일본에서 웹 개발 및 안드로이드 앱 개발자로 활동했습니다.
프로그래밍 강사로도 활동하면서 지식을 전파하여 사람을 가르친다는 일에
책임감을 갖고 학생분들이 성장하는 모습에 보람을 느끼고 있습니다.
excusme@naver.com
Chương trình giảng dạy
Tất cả
73 bài giảng ∙ (13giờ 28phút)
Tài liệu khóa học:
Tài liệu bài giảng
8. Sử dụng file svg
06:39
12. Xác thực email
07:55
Ngày đăng:
Cập nhật lần cuối:
Đánh giá
Tất cả
10 đánh giá
5.0
10 đánh giá
koyk04082865Đánh giá 1
∙
Đánh giá trung bình 5.0
5
100% đã tham giaTôi đã mua nó sau khi tìm kiếm một khóa học dạy Flutter và Firebase cùng nhau. Lúc đầu hơi khó khăn vì đây là lần đầu tiên tôi sử dụng một nhà cung cấp nên tôi chỉ tìm hiểu thông tin cơ bản về nhà cung cấp đó rồi nghe theo. Tôi đang định nghe nó lần thứ n... nhưng tôi nghĩ mình cần nghiên cứu thêm về nhà cung cấp để hiểu hết về nó..ㅜㅜ Trước hết, tôi thích chất lượng âm thanh vì nó rõ ràng và nhất quán. Văn bản cũng được nhìn thấy rõ ràng. Và tôi thích việc bạn giải thích lý do tại sao bạn làm theo cách này khi viết mã. Tôi cũng thích cách mã được cải thiện. Đây là khóa học sao chép Instagram vì bạn có thể triển khai các thao tác CRUD cơ bản nhưng tôi nghĩ bạn có thể sử dụng nó để tạo bất kỳ ứng dụng nào. Nhìn chung, đó là một bài giảng rõ ràng, kỹ lưỡng và rõ ràng!
- devmooGiảng viên
Cảm ơn! Nếu bạn có bất kỳ câu hỏi nào, xin vui lòng để lại chúng bất cứ lúc nào.
- gimsc
Đánh giá 1
∙
Đánh giá trung bình 5.0
- efforthye
Đánh giá 8
∙
Đánh giá trung bình 4.9
- hdrecssh8454
Đánh giá 1
∙
Đánh giá trung bình 5.0
- twomonths
Đánh giá 2
∙
Đánh giá trung bình 5.0
Ưu đãi có thời hạn
36 ₫
29%
1.401.167 ₫
Khóa học khác của DEV MOO
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!
![[Ứng dụng Block] Tạo ứng dụng thực tế (app review sách): đăng nhập SNS, ứng dụng Firebase, quản lý trạng thái Bloc, GoRouterCourse Thumbnail](https://cdn.inflearn.com/public/courses/331082/cover/b9481892-2741-429c-bde0-45dcee5bf8d2/thumbnail.png?f=avif&w=420)
![[Người mới bắt đầu Python] Ứng dụng dịch giọng nói ChatGPT được tạo bằng FlutterCourse Thumbnail](https://cdn.inflearn.com/public/courses/333668/cover/94589a80-ab05-4bd1-ad98-1e42b75a47fc/333668.png?f=avif&w=420)
![[Unity] Cùng nhau phát triển game IdleCourse Thumbnail](https://cdn.inflearn.com/public/courses/334447/cover/a4464cfb-be08-4a40-b6e2-00060b912c1a/334447.png?f=avif&w=420)
