剛剛更新!使用 React、Redux Toolkit、Express 和 MongoDB 從頭開始建立電子商務平台
從這 13.5 小時的課程,你會學到
- 使用 React、Redux、Node、Express 和 MongoDB 建立自訂電子商務平台
- 以線性和漸進的方式建構的實際專案
- JWT 驗證儲存在僅 HTTP Cookie 中
- 帶有 PayPal 和信用卡/金融卡付款功能的全功能購物車
- 用於管理客戶、產品和訂單的管理區域
- 產品評級和評論系統
- 產品搜尋、輪播、分頁等
要求
- 你應該了解現代 JS 基礎知識和 React 基礎知識
課程說明
這是一個單一專案課程,這意味著我們花了近 13 個小時使用 MERN 堆疊和 Redux Toolkit 建立一個電子商務商店。 我們從一個空資料夾開始。 你將學習從設定伺服器、建模資料、建立 MongoDB 資料庫、播種資料、建立 UI、使用 Redux 管理狀態、使用 JWT 進行身份驗證等等的所有內容。
我們將建立的 ProShop 平台將包括以下功能:
- 功能齊全、數量齊全的購物車
- 產品評論和評級
- 熱門商品輪播
- 產品分頁
- 產品搜尋功能
- 帶有訂單的用戶個人資料
- 管理員產品管理
- 管理員用戶管理
- 管理訂單詳情頁面
- 將訂單標記為已送達選項
- 結帳流程(運送、付款方式等)
- PayPal/信用卡整合
- 自訂資料庫播種器腳本
這不是文檔類型的課程。這是一門「立即參與並親自動手」的課程,到最後,您將擁有一個實際的真實項目可以使用並放入你的作品集中。完成本課程,你將學到以下內容。
- 與功能組件和鉤子進行反應
- 反應路由器
- React-Bootstrap UI 函式庫
- 如何建構組件
- 組件級狀態與道具
- 使用 Redux(Actions 和Reducers)管理全域狀態
- 在元件中使用 Redux 狀態(useDispatch 和 useSelector)
- 使用 Express 創建廣泛的後端
- 使用 MongoDB 資料庫和 Mongoose ODM
- 使用僅 HTTP cookie 的 JWT 驗證(JSON Web 令牌)
- 建立自訂身份驗證中間件
- 自訂錯誤處理程序
- 整合 PayPal API
- 環境變數
- 專案部署
- 多得多!
目標受眾
希望透過建立真實應用程式來學習 MERN 的全端 Web 開發人員
講師簡介
Brad Traversy Traversy Media 的全端 Web 開發者與講師 ( 更多講師主講課程介紹 )
Brad Traversy 有12 年以上的程式設計經驗和近5年的教學經驗。 他創立 Traversy Media ,一個成功的 Web 開發 YouTube 頻道,擅長前端框架 (從 HTML5 到 Angular 等),以及 Node.js、PHP和 Python 等伺服器端技術。 Brad 清楚掌握如何將非常複雜的話題簡單說明,讓聽眾容易了解。 通過 Brad 易懂的課程來投資你自己擴展你的職涯吧。
英文字幕:有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- Udemy 永久擁有課程 許多課程約 NT400(點擊連結看更多)
- ✨年訂閱每月 NT350(再享特別優惠:年度訂閱首年享 25% 折扣) 🌈 悠遊 Udemy 的 26000+ 門課,最大化學習 ( 原價 NT635/月 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

也許你會有興趣
- React 程式設計學習地圖
- NodeJS 相關線上課程介紹
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
發表迴響