Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Đăng nhập
Xem tất cả kết quả
Menu
Đăng nhập Đăng ký miễn phí

Flutter & Firebase Tutorial: Build 5 Social Media Apps

Hướng dẫn Flutter & Firebase: Xây dựng 5 Ứng dụng Mạng Xã hội

Hướng dẫn Flutter & Firebase: Xây dựng 5 Ứng dụng Mạng Xã hội

Học Flutter & Firebase qua việc xây dựng Instagram, TikTok, Twitch, Zoom & WhatsApp!

4.3
(543 đánh giá)
7,393 học viên
Giảng viên
Rivaan Ranawat
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 369.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
29.5 giờ video
169 bài giảng
1 bài quiz
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026
#Dart #Firebase #Flutter #Mobile Development

Bạn sẽ học được gì

Tìm hiểu về Firebase Firestore, Auth, Storage
Xây dựng Dự án Thực tế với Firebase
Biết Khi nào & Tại sao nên dùng Firebase
Triển khai ứng dụng
Xây dựng Ứng dụng Đa nền tảng

Yêu cầu

Kiến thức Cơ bản về Flutter
Có kinh nghiệm với Ngôn ngữ Lập trình Dart

Đối tượng phù hợp

Dành cho Lập trình viên Flutter mới bắt đầu muốn tìm hiểu thêm về backend!

Nội dung khóa học

7 phần • 169 bài giảng
1 Giới thiệu
2 Cách Tốt nhất để Theo dõi Khóa học
1 Demo
2 Thiết lập & Tạo Giao diện cho Ứng dụng
3 Xây dựng Widget Bố cục Responsive
4 Thiết lập Firebase
5 Giao diện Màn hình Đăng nhập (Mobile)
6 Giao diện Màn hình Đăng ký (Mobile)
7 Xác thực Đăng ký với Firebase
8 Xác thực Đăng nhập với Firebase
9 Duy trì Trạng thái Xác thực
10 Mô hình hóa Dữ liệu Người dùng
11 Quản lý Trạng thái Dữ liệu Người dùng
12 Sửa lỗi Null Check Operator
13 Thanh Ứng dụng dưới cùng (Mobile)
14 Giao diện Màn hình Thêm Bài đăng
15 Chọn Hình ảnh
16 Lưu trữ Dữ liệu Bài đăng trong Firebase
17 Giao diện Bài đăng trên Bảng tin
18 Hiển thị Dữ liệu Bài đăng từ Firebase
19 Hiệu ứng Thích (Animation)
20 Cập nhật Lượt thích
21 Giao diện Màn hình Bình luận
22 Lưu trữ Bình luận trong Firestore
23 Hiển thị Bình luận
24 Xóa Bài đăng
25 Tìm kiếm Người dùng
26 Hiển thị Bài đăng trên Màn hình Tìm kiếm
27 Tạo Giao diện Màn hình Hồ sơ Tái sử dụng
28 Hiển thị Dữ liệu Hồ sơ
29 Theo dõi Người dùng
30 Đăng xuất
31 Tạo Giao diện Responsive
1 Demo
2 Thiết lập
3 Giao diện Màn hình Đăng nhập
4 Giao diện Màn hình Đăng ký
5 Logic Xác thực
6 Thiết lập Firebase
7 Tạo Mô hình Người dùng
8 Duy trì Trạng thái Người dùng
9 Thanh Tab dưới cùng
10 Màn hình Thêm Video
11 Màn hình Xác nhận Video
12 Tải lên Video
13 Hiển thị Video
14 Thêm Bộ điều khiển Video
15 Thích Bài đăng
16 Bình luận & Thích Bình luận trên Bài đăng
17 Màn hình Tìm kiếm
18 Màn hình Hồ sơ
1 Demo
2 Thiết lập Flutter
3 Giao diện Màn hình Đăng nhập
4 Thiết lập Firebase & Đăng nhập bằng Google
5 Thiết lập Firebase (iOS)
6 Thiết lập Firebase (Android)
7 Duy trì Trạng thái Người dùng
8 Giao diện Màn hình Chính
9 Thiết lập Jitsi Meet (iOS)
10 Tạo Cuộc họp Mới
11 Giao diện Màn hình Tham gia Video
12 Lưu trữ Cuộc họp của Người dùng
13 Hiển thị Cuộc họp của Người dùng
14 Đăng xuất
15 Kiểm thử trên Thiết bị Android Thực & iOS Simulator
16 Lỗi Jitsi Meet
17 Ưu điểm & Nhược điểm
1 Demo
2 Bố cục Dự án
3 Các Route
4 Giao diện Màn hình Onboarding
5 Giao diện Màn hình Đăng ký & Đăng nhập
6 Thiết lập Firebase
7 Thiết lập Firebase iOS
8 Thiết lập Firebase Android
9 Đăng ký Người dùng
10 Đăng nhập Người dùng
11 Duy trì Trạng thái Đăng nhập
12 Thiết kế Bottom NavBar
13 Giao diện Màn hình "Go Live"
14 Chọn Hình ảnh từ Thư viện
15 Sửa lỗi Rò rỉ Bộ nhớ & Thêm Loader
16 Lưu trữ Dữ liệu Livestream trong Firebase
17 Thiết lập Agora Android
18 Giải quyết Lỗi Firebase Livestream
19 Thiết lập Agora iOS
20 Khởi tạo Agora
21 Lấy Agora App ID
22 Tham gia Kênh
23 Thiết kế Màn hình Phát sóng
24 Rời Kênh
25 Chuyển đổi Camera
26 Tắt/Bật Âm thanh
27 Trò chuyện Thời gian thực
28 Cài đặt GO
29 Tạo & Triển khai API bằng GO
30 Gửi Yêu cầu HTTP đến API của chúng ta
31 Thiết kế & Hiển thị Màn hình Bảng tin
32 Sửa lỗi Tham gia Kênh
33 Thiết lập Firebase & Agora Web
34 Tạo Ứng dụng Responsive
35 Thêm Nút Kết thúc Stream
36 Chức năng Bắt đầu Chia sẻ Màn hình
37 Chức năng Dừng Chia sẻ Màn hình
38 Thiết lập Firebase & Agora MacOS
39 Triển khai Ứng dụng Web
40 Kết luận Phần 2
1 Giới thiệu
2 Thiết lập Dự án
3 Tổng quan Dự án
4 Kết nối Ứng dụng Flutter Firebase
5 Thiết lập Flutter Firebase iOS
6 Thiết lập Flutter Firebase Android
7 Giao diện Màn hình Landing
8 Giao diện Màn hình Đăng nhập
9 Xác thực Số điện thoại
10 Thêm Riverpod
11 Auth Controller
12 Về Riverpod
13 Giải quyết Lỗi Ứng dụng iOS
14 Giao diện Màn hình OTP
15 Xác thực OTP
16 Giao diện Màn hình Thông tin Người dùng
17 Lưu Dữ liệu Người dùng vào Firestore
18 Duy trì Trạng thái Xác thực
19 Hiển thị Danh bạ trong Điện thoại Người dùng
20 Hiển thị Tên và trạng thái online/offline
21 Chỉnh sửa Giao diện Ô Chat dưới cùng
22 Gửi Tin nhắn Văn bản
23 Hiển thị Danh bạ Chat
24 Hiển thị Tin nhắn
25 Cuộn Tự động khi có Tin nhắn Mới
26 Thay đổi Trạng thái Online/Offline
27 Gửi Tin nhắn Hình ảnh
28 Hiển thị Hình ảnh được Cache
29 Gửi Tin nhắn Video
30 Gửi Biểu tượng Cảm xúc (Emojis)
31 Chia sẻ GIF
32 Ghi âm & Chia sẻ Âm thanh trong Ứng dụng Flutter
33 Phát Âm thanh
34 Trả lời Tin nhắn
35 Tính năng "Đã xem" (Seen)
36 Tải lên Trạng thái/Stories
37 Hiển thị Trạng thái/Stories
38 Tạo Nhóm
39 Hiển thị Nhóm
40 Lấy Cuộc trò chuyện Nhóm & Chat trong Nhóm
41 Quản lý Dashboard & Thông tin đăng nhập Agora
42 Gọi Video
43 Ngắt Kết nối Cuộc gọi
44 Gọi Nhóm
45 Tái cấu trúc Mã (Refactoring)
46 Lưu ý về Firebase Functions
47 Kiểm thử trên Thiết bị Thực (Android)
1 Giới thiệu
2 Giải thích Dự án Mẫu
3 Kết nối với Firebase
4 Đăng ký bằng Email & Mật khẩu
5 Xác thực Email
6 Đăng nhập bằng Số điện thoại
7 Đăng nhập bằng Email & Mật khẩu
8 Đăng nhập bằng Facebook
9 Đăng nhập Ẩn danh
10 Quản lý Trạng thái (State Management)
11 Hiển thị Chi tiết Người dùng
12 Đăng nhập bằng Google
13 Đăng xuất
14 Xóa Tài khoản

Giới thiệu khóa học

Build 5 Real World Social Media Applications in this tutorial!

We will go through Firebase Auth in detail after which work on real world projects like Instagram, TikTok, Zoom, Twitch & WhatsApp! These projects don't just talk about Firebase, projects like Twitch and Zoom even include third party SDK's to give a feel of how, when and why to use Firebase. The aim of this course is to make you familiar with Firebase and have 5 real world projects which you can work on, after this course to turn into a single app.

This course will have constant repetition which will ensure your confidence is high, even after completing this course and you don't have to take yet another course. If you have any questions during the course, I'll be more than happy to help you out with it! Keep Learning :)


Features of the projects we are going to build:

1. Instagram

  • Responsive Instagram UI

  • Email & Password Authentication

  • Share Posts with Caption

  • Display Posts with Caption

  • Like & Comment on Posts

  • Search Users

  • Follow Users

  • Display User Posts, Followers & Following

  • EVERYTHING REAL TIME

  • Sign Out

2. TikTok

  • Authentication with Email & Password

  • Uploading Videos with Caption

  • Compressing Videos

  • Generating Thumbnails Out of Video

  • Displaying Videos with Caption

  • Liking on Posts

  • Commenting on Posts

  • Liking the Comments

  • Searching Users

  • Following Users

  • Displaying Followers, Following, Likes & Posts of User

  • TikTok Like UI

3. Zoom

  • Google Sign In

  • Create New Meeting

  • Join Meeting

  • Mute/Unmute Audio

  • Mute/Unmute Video

  • Change Display Name while Joining

  • Raise Hand

  • Start Screen Sharing

  • Mute Everyone

  • Start Live Stream

  • Screen Share

  • Chat

  • Switch Front/Rear Camera

  • Picture in Picture

  • Enter Tile View

  • Disable Camera

  • End Call

  • See Your Meeting History

  • Log out

4. Twitch

  • Email & Password Authentication

  • Screensharing

  • Selecting Thumbnail

  • Going Live

  • Joining LiveStream

  • Switching Camera

  • Muting/Unmuting

  • Chatting

  • Cross Platform

  • Responsive UI

  • Token Generation using GO (Create Your API)

  • Deploy Server

  • Deploy Website

5. WhatsApp

  • Phone Number Authentication

  • 1-1 Chatting with Contacts Only

  • Group Chatting

  • Text, Image, GIF, Audio(with Recording), Video & Emoji Sharing

  • Status/Stories Visible to Contacts Only and Disappears after 24 hours

  • Video Calling

  • Online/Offline Status

  • Seen Message

  • Replying to Messages

  • Auto Scroll on New Messages

  • Caching Images & Video

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Dart
Hiển thị tất cả khoá học Firebase
Hiển thị tất cả khoá học Flutter
Hiển thị tất cả khoá học Mobile Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊