MERN 從頭開始 |電商平台

剛剛更新!使用 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 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程

Sponsored by Udemy


也許你會有興趣

不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

 

發表迴響

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

由 WordPress.com 建置.

Up ↑

探索更多來自 Soft & Share 的內容

立即訂閱即可持續閱讀,還能取得所有封存文章。

Continue reading