fbpx

使用 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 

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: