Contents
學習先進的 React 與最流行的無伺服器框架仿製一個 Hacker News 網頁應用程式
從這 2.5 小時的課程，你會學到
- 使用 React Hooks & Firebase + Firestore 建立令人驚歎的即時、無伺服器的應用程式
- 學習如何使用尖端的 React 功能與最流行的無伺服器平台
- 建立和發佈高品質的網頁應用程式
要求
- 熟悉 React Hooks ( 請參考講師的 React Hooks 課程 )
- Firebase 的知識有幫助，但不是必需的
課程說明
想要使用最好的 React 功能建立令人驚嘆，快速的網頁應用程式？ 這是給你的課程。
在本課程中，您將瞭解建立全端 ( full-stack )、無伺服器應用程式的整個計劃，這些應用程式利用 Firebase 平台上的 React 生態系統的最新和最好的功能。
我們將要建造什麼？
在本課程中，我們將看到如何將 React Hooks 和 Firebase 以及 Firestore 結合在一起，從零到部署仿製一個完整的 Hacker News 。 它看起來和運作原理都和原始的 Hacker News 網站一模一樣，只是增加了一些功能。
我們將在整個製作過程中涵蓋大量的概念ーー如何通過 Firebase 對使用者進行深度身份驗證、新增評論、更新故事、以及通過我們的 Firestore 資料庫即時建立、修改和永續化共享連結資料、為應用程式中的基本任務編寫多個可重用的 hook、為新增的功能構建和部署無伺服器的 Firebase 函式，等等… ..。
它將涵蓋哪些概念？
- 使用 / 整合 Firebase 和 React 的 Rock solid 模式
- 使用 Firestore 即時資料庫實現完整的 CRUD 功能
- 建立和使用客製化的 Reat Hooks 與 Firebase
- 使用 React Context 和 useContext Hook 管理全域性應用程式狀態
- 使用登入 / 註冊進行 Firebase 身份驗證
- 為返回使用者重置密碼功能
- 使用者授權和處理未經授權的操作
- 具有 React Router 5的深層路由概念
- 如何實現基於游標( Cursor-based )的分頁
- 使用 Firestore 查詢對進行排序、順序化和限制文件
- 全文搜尋功能
- 使用 Firestore 做資料變更的即時訂閱
- 建立和部署無伺服器 Firebase Functions
- 使用 Firebase 工具 CLI
- 使用 Firebase 託管的無縫應用程式部署( Seamless App Deployment )
- 使用日期 Fns 格式化時間
為什麼選擇這門課程？
我想用 Hooks 和 Firebase 已經有一段時間了，如果你也有，你會知道這裡很少有關於如何使用 Hooks 製作真實世界的應用程式的內容(當然，除了我的另外兩門課程: p) ，甚至更少關於如何將它們與 Firebase 整合。
這門課程就是為了填補這個空白而設立的。 通過編寫更少的程式碼在應用程式中做你想做的事情，你將得到整個計劃，將它們結合起來，以增強你自己的應用程式開發。
我真的很喜歡製作這門課程，我想你也會同樣喜歡。
期待在課程中見到你們！
目標受眾
- 程式設計師希望建立令人驚嘆的無伺服器應用程式
- 希望在真實專案中使用 Hooks 的 React 開發人員
- 對以最實際的方式學習感興趣的開發人員
講師簡介
Reed Barger 全端 Web & Mobile 開發人員 ( 更多講師主講課程介紹 )
我是一個充滿熱情的全端開發者，熱衷於學習和教授我所知道的東西。 我相信通過實踐學習，這種哲學在我教授的每一門課程中都有體現。 我喜歡探索新的網頁和行動應用程式技術，我的課程專注於給你在今日快速發展的行業中擁有優勢。
除了在 Udemy 上的工作之外，我還建立了 CodeArtistry，為世界各地的開發者提供完整的學習途徑。
英文字幕：有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境？LN+ for Web 已經針對 ChatGPT 的整合做最佳化
🙌 讓 Notion AI 成為你線上學習的得力助手，詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結
- 點選這個✨優惠連結 ，課程最低價 NT330 起( 登入後將看到 ）
- 辦公室生產力課程特價連結
- Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- ＄代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現
報名參加課程
也許你會有興趣
- React 前端開發學習地圖
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣！
你必須登入才能發表留言。