Flutter 和 Firebase 教程:构建 5 个社交媒体应用程序
通过构建 Instagram、TikTok、Twitch、Zoom 和 WhatsApp 来学习 Flutter 和 Firebase!
教程演示🔗
通过构建 Instagram、TikTok、Twitch、Zoom 和 WhatsApp 来学习 Flutter 和 Firebase!
What you’ll learn 学习内容
-
Learn about Firebase Firestore, Auth, Storage
了解 Firebase Firestore、身份验证和存储 -
Build Real World Projects with Firebase
使用 Firebase 构建真实世界的项目 -
Know When & Why To Use Firebase
知道何时以及为何使用 Firebase -
Deployment 部署
-
Build Cross Platform Apps
构建跨平台应用
Requirements 要求
-
Basic Knowledge of Flutter
Flutter 基础知识 -
Experience with Dart Programming Language
Dart 编程语言经验
Description 描述
Build 5 Real World Social Media Applications in this tutorial!
在本教程中构建 5 个真实世界的社交媒体应用程序!
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.
我们将详细介绍 Firebase Auth,然后进行 Instagram、TikTok、Zoom、Twitch 和 WhatsApp 等现实世界的项目!这些项目不仅谈论 Firebase,Twitch 和 Zoom 等项目甚至包括第三方 SDK,以帮助您了解如何、何时以及为何使用 Firebase。本课程的目的是让您熟悉 Firebase,并拥有 5 个您可以处理的真实世界项目,完成本课程后可以变成一个应用程序。
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 1. Instagram的
-
Responsive Instagram UI 响应式 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 2. 抖音
-
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 TikTok 点赞 UI
3. Zoom 3. 缩放
-
Google Sign In Google 登录
-
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 4. 抽搐
-
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)
使用 GO 生成令牌(创建您的 API) -
Deploy Server 部署服务器
-
Deploy Website 部署网站
5. WhatsApp 5. WhatsApp的
-
Phone Number Authentication
电话号码认证 -
1-1 Chatting with Contacts Only
1-1 仅与联系人聊天 -
Group Chatting 群聊
-
Text, Image, GIF, Audio(with Recording), Video & Emoji Sharing
文本,图像,GIF,音频(带录音),视频和表情符号共享 -
Status/Stories Visible to Contacts Only and Disappears after 24 hours
状态/故事仅对联系人可见,并在 24 小时后消失 -
Video Calling 视频通话
-
Online/Offline Status 在线/离线状态
-
Seen Message 看到的消息
-
Replying to Messages 回复消息
-
Auto Scroll on New Messages
自动滚动新消息 -
Caching Images & Video 缓存图像和视频
Who this course is for:
本课程适用于谁:
- Beginner Flutter Developers wanting to learn more about backend stuff!
初学者 Flutter 开发人员想要了解更多关于后端内容的信息!