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 开发人员想要了解更多关于后端内容的信息!

发表回复

后才能评论

尊敬的用户,您好!由于部分培训机构和留学生的举报,近期导致网站大量链接暂时失效。对此给您带来的不便,我们深表歉意。任何链接失效的资源,欢迎您添加侧边栏二维码随时反馈,我们将在48小时内为您提供新的网盘链接。如果您对此不便感到不满,您也可在48小时内申请无理由退款。感谢您的理解与支持!

Windows播放器推荐:Potplayer Potplayer 是免费的 Windows 播放器,支持双字幕和自动翻译功能。以下是操作指南: 挂载字幕 加载中文字幕:右击选择 字幕 -> 字幕设置,取消“只匹配文件名字幕”选项。可调整字幕颜色、位置和大小。 双字幕设置:右击 字幕 -> 选择字幕 -> 次字幕输出,设置主字幕和次字幕。 自动翻译 若可访问 Google 翻译服务,选择 字幕 -> 实时字幕翻译,勾选 总是使用 和 Google Translate,即可实时翻译英文字幕。 Potplayer 让观看更智能,学习体验升级。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可联络站长解决。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源