使用 React、Redux 和 Firebase 仿制一个 Slack Chat 应用程序

使用 React、 Redux、 Firebase 5 和 Semantic UI React 创建一个完整、全端的聊天应用程序。

课程介绍:English 繁中

从这 6小时的课程,你会学到

  • 创建全端应用程序,采用 React、Redux 和 Firebase,以及其他在 React 生态系统中的工具
  • 从零开始制作完整的 React 应用程序,从创建开发环境到布署上网
  • 使用直觉实用的模式( patterns )将 Redux 和 Firebase 与 React 应用集成,
  • 学习 Firebase 5的每一个主要部分——即时数据库、保存、规则、监听器( listeners )以及 Firebase 工具的布署

要求

  • 一些 React 的经验( 即用 React Create 应用程序创建过几个项目 )
  • 先前对 ES6 的了解将有帮助( 扩展运算符、解构、对象速记语法 )

课程说明

有兴趣用 React、Redux 和 Firebase 开发出令人印象深刻的全端应用? 这就是你的课程!

课程将会涵盖 :

  • 从零创建一个完整 Slack、Redux 和 Firebase 5 的完整 Slack 聊天应用程序
  • 用实时的 Firebase 数据库即时发送和接收消息
  • 使用 Firebase 保存器上传和显示图像消息
  • 在其他频道( channels )显示新消息的通知
  • 在我们的聊天应用中向其他用户发送直接消息
  • 跟踪 / 显示用户是否在线 / 脱机
  • 在创立的频道中搜索消息
  • 客制化动画以看到其他在同一频道的用户的输入
  • 创建、裁剪和上传用户头像( avatars )
  • 可以标喜欢或不喜欢哪些公共频道的功能
  • 用 Emoji Picker 组件在我们的消息中加表情符号( emojis )
  • 使用 Firebase 做用户身份验证
  • 登录和注册表的表格验证( Form validation )
  • 用 Redux、简单、直接的模式做状态管理
  • 用 Semantic UI React 创建令人惊叹的用户接口
  • React Router 4 ( Switch 组件、withRouter HOC、历史对象 )的基本功能
  • 在 ES6 / 7 下许许多多的功夫
  • 有用的浏览器工具,如 React / Redux Dev Tools
  • 使用 Firebase 规则( Rules )保护应用程序
  • 使用 Firebase 工具将聊天应用布署到网络上
  • 快捷键快速发送消息
  • 还有更多!
  • What will be building in this course?

这门课程的内容是什么?

在整个课程,我们将带开发者创建一个叫做 DevChat 的实时聊天应用,用户可以创建频道,在这些频道上向其他用户发送消息,发送媒体文件,看到其他用户实时的打字,在他们的消息中加表情,加注他们喜欢或不喜某频道,以及在其他频道获得新消息的通知。

目标受众

  • 任何对 JavaScript 的程序库 React 至少有两个月使用经验的人
  • 有兴趣开发实用的应用程序的React 工程师
  • 寻找更多在实际环境中的 JavaScript 语言开发经验的工程师

讲师简介

Reed Barger  全端 Web 开发人员 ( 更多讲师主讲课程介绍 )

我是一个充满热情的网页开发者,热衷于学习和教授我所知道的东西。 我相信通过实践学习,这种哲学在我教授的每一门课程中都有体现。 我喜欢探索新的网络技术,我的课程专注于给你在今日快速发展的行业中拥有优势。

英文字幕:有

  • 想要了解如何将英文字幕自动翻译成中文? 请参考这篇 How-To

优惠信息

如何购买这门课程比较划算?可以参考课程合购优惠方案


报名参加课程

Sponsored by Udemy

也许你会有兴趣

 欢迎使用e-mail订阅 Soft & Share 

发表评论

Powered by WordPress.com.

Up ↑

%d 博主赞过: