Xây dựng ứng dụng mạng xã hội với Flutter

Học phí: 800,000

Đăng nhập để học

Nằm trong lộ trình

Lộ trình học Flutter

Giảng viên

Nguyễn Hoài Nam

Giới thiệu

Nhằm đáp ứng nhu cầu học lập trình ứng dụng Mobile cho tất cả mọi người, TEDU ra mắt khóa học Lập trình ứng dụng mạng xã hội cơ bản sử dụng .NET Core và Flutter. Khóa học này giảng viên đã cố gắng thực hiện nhiều các tính năng nâng cao như gọi điện, gọi video, bài đăng, bình luận, upload ảnh trên ứng dụng.

Từ việc phát triển ứng dụng từ đầu như tạo form, tạo layout và tương tác với phần Backend database cho đến các tính năng nâng cao như chat, notifiation, gọi video...Hy vọng khóa học này sẽ giúp các bạn có được một kỹ năng mới để hiểu cách hoạt động và xây dựng cho mình một ứng dụng Mobile hoàn chỉnh.

Yêu cầu

- Có kiến thức cơ bản về Backend API

- Hiểu được tương tác giữa Backend Server và Mobile App

- Có kiến thức cơ bản về Flutter và ngôn ngữ Dart

Nội dung khóa học

Phần 1 Giới thiệu

App sẽ thực hành trong khóa học
Cài đặt môi trường
Cách chạy source code (.Net core, Flutter, React)
Migrate BE (.Net Core) từ SQL server tới SQLite (dành cho bạn nào không muốn cài SQL server)

Phần 2 Chức năng đăng nhập

Xây dựng màn hình đăng nhập
Thêm button và tối ưu code
VoidCallback, bottomNavBar
HTTP – cách gọi api BE từ flutter
shared_preferences
Stream trong flutter
Fix error response trong flutter

Phần 3 Chức năng bài viết

Xây dựng layout bài viết phần 1
Xây dựng layout bài viết phần 2
Tạo models (Post - Commment – ImageOfPost)
Generic pagination and infinite_scroll_pagination
Hiển thị bài viết
Màn hình thêm bài viết phần 1
Màn hình thêm bài viết phần 2
Thêm API upload ảnh, bài viết
Màn hình hiển thị các ảnh của bài viết
Tip – Cách đưa ảnh vào thiết bị để upload

Phần 4 Màn hình chat

Màn hình chat phần 1
Màn hình chat phần 2
Giới thiệu tính năng online – offline
Getx state managament
Debug presenceHub
Hiển thị last message chat
Online – Offline
Hiển thị số lượng tin nhắn chưa đọc và đăng xuất
Xóa số lượng tin nhắn chưa đọc và show màn hình chat

Phần 5 Chức năng chat 1-1

Màn hình chat 1-1 phần 1
Màn hình chat 1-1 phần 2
Màn hình chat 1-1 phần 3
Message Hub controller
Hiển thị thông tin user ở màn hình chat 1-1
Hiển thị danh sách các tin nhắn
Gửi tin nhắn
Scroll down tin nhắn
Hướng dẫn infinity scroll up tin nhắn không sử dụng thư viện

Phần 6 Chức năng bình luận

Màn hình bình luận
Infinity scroll pagination bình luận không sử dụng thư viện
Bình luận realtime

Phần 7 Cách chạy app trên thiết bị thật

Bật chế độ developer mode trên Android
Chạy thử app flutter trên thiết bị thật kết nối với BE (.Net Core)

Phần 8 Chức năng gọi video

Xây dựng màn hình cuộc gọi đến
Xử lý thông tin màn hình cuộc gọi đến
Xây dựng màn hình trả lời cuộc gọi
Tạo project trên Agora cho chức năng call video
Gọi video – tinh chỉnh màn hình trả lời cuộc gọi
Hướng dẫn xây dựng tính năng cuộc gọi đi
Giải pháp thay thế Agora SDK

Phần 9 Tính năng bong bóng chat (Nâng cao)

Phân tích tính năng bong bóng chat và tài liệu tham khảo
Chạy code mẫu demo Android Service keep running when app is killed
Tìm hiểu SignalR client trên Android kết hợp Service
Cách xác định Bubble Api show bong bóng chat
Chạy thử code Android native tích hợp sẳn bong bóng chat
Tích hợp bong bóng chat vào Flutter
Chỉ show bong bóng chat khi ở chế độ nền
Cách cấu hình service không chạy khi thiết bị ở chế độ ngủ và khi reboot

Phần 10 Nhận cuộc gọi khi kill app và Picture in picture (Nâng cao)

Demo nhận cuộc gọi khi kill app và tính năng picture in picture
Remove agora rtc package in flutter
Tích hợp nhận cuộc gọi khi app bị kill và picture in picture

Phần 11 Push notification

Set up OneSignal trong flutter
Setup OneSignal BE NetCore
Send push notification từ BE khi chat

Bonus

Splash screen
Thay đổi Icon cho app

Nguyễn Hoài Nam

Nguyễn Hoài Nam là một tác giả tâm huyết với mảng Mobile Flutter. Anh đã bỏ nhiều công nghiên cứu để xây dựng ứng dụng mạng xã hội sử dụng Flutter với nhiều tính năng nâng cao.

Tâm huyết của anh cùng với sự đồng hành của TEDU đã tạo ra một khóa học rất công phu mang đến cho cộng đồng.