Contents
使用 React Node MongoDB 建立全端的電子商務應用程式，支援 PayPal 和信用卡支付以及管理者數位儀表板
從這 16 小時的課程，你會學到
- 學習 Node JS API (後端)開發
- 學習 React JS (前端) Web 開發
- 學習使用 React Hooks 編寫功能元件( Functional Components )
- 學習建構電子商務應用程式的基本概念
- 學習實現信用卡和 PayPal 支付閘道器
- 學習整合 Braintree (一個 PayPal 公司)的支付處理
- 學習實現基於分類的高階搜尋 / 過濾功能
- 學習實現基於價格範圍的高階搜尋 / 過濾功能
- 學習使用分類選項 / 下拉選單實現標準產品搜尋系統
- 學習建立購物車
- 學習基於 JWT 技術實現身份驗證
- 學習使用合適的佈局和 Routes 建構可擴展的 React 應用程式
- 學習如何建立管理者和使用者的數位儀表板
- 學習如何實現靈活的私有和管理路由系統
- 學習產品和分類的高階 CRUD
- 學習如何處理檔案上傳
- 學習使用 LocalStorage (CRUD)來最小化對後端的請求
- 學習將已售產品記錄存入資料庫進行進一步處理
- 使用者配置( User Profile )和更新能力
- 學習實現由管理者觀看的訂單管理系統
- 學習將你的應用程式部署到 Digital Ocean 的雲端伺服器
- 學習新增一個自定的網域名稱到你的應用程式
- 學習使用 Cloudflare 的 CDN 來服務你的應用程式(提高速度)
- 學習使用 Cloudflare 的免費 SSL 來保護你的應用程式
要求
- 基本理解 JavaScript 或任何其它程式語言 ( 請參考 javascript 程式設計學習地圖 )
- 對 React JS 的基本理解 ( 請參考 React 前端開發學習地圖 )
- 對 Node JS 的基本理解 ( 請參考 完整的 NodeJS 開發者課程 ( 版本 3.0 ) )
課程說明
課程更新: 增加了部署，網域，CDN 和免費 SSL 等部分
使用 Digital Ocean 雲端伺服器學習部署你的全功能電子商務應用程式到可以營運。 學習新增自己的自定義域名。 學習使用 Cloudflare 的 CDN 來提高你的網站速度，同時使用免費的 SSL 來保護你的應用程式。
使用 React 和 Node 從無到可部屬的電子商務應用程式
作為一個 Web 開發者，我一直想建立一個電子商務應用程式。
我想知道如何實現新增到購物車，支付閘道器，訂單管理系統等等..。
我知道你們很多人都想體驗一下建立電子商務應用程式。 這種體驗絕對是令人驚奇的，它給了你大量必須的知識和信心，使用 React Node 和 MongoDB 開始你的下一個大專案。
本課程還使用最新的 React Hooks，這是一個絕對的樂趣。 你的程式碼將是如此簡化和具有可讀性，令人難以置信。
我們的 Node API 將遵循 MVC 模式。 程式碼庫將是如此乾淨和優雅，你將絕對喜歡它。
你也會學到使用 Braintree (一個 PayPal 公司)處理付款。 Braintree 無疑是 PayPal 和信用卡支付在營運網站上最好的支付匣道器。
在課程結束時，你將學習如何將你的全功能電子商務應用程式部署到 Digital Ocean 雲端伺服器進行營運。
不僅如此… 你還將學會新增自己的自定網域名稱，使用 Cloudflare 的 CDN 來加速你的應用程式，並使用免費 SSL 來保護你的應用程式。
所有這些好東西只需要一個午餐的價錢( 以美國消費水準 )? 是的! 沒錯！
我們確實生活在一個善良的時代，不是嗎？
好了，說得夠多了，我知道你迫不及待地想上這門課 🙂
順便說一下，你永遠不會被這門課困住，因為每堂課都有可用的原始碼。 真的嗎？
以下是本課程的一些亮點:
- 搜尋產品
- 根據特定類別搜尋產品
- 新到的產品
- 最暢銷的產品
- 產品圖片
- 產品資訊
- 產品有存貨 / 無存貨
- 檢視產品
- 相關產品
- 加入購物車
- 移除產品
- 調整數量
- 登入結帳
- 使用者的儀表板
- 管理儀表板
- Private routes
- Admin routes
- 購物車
- 使用信用卡和 PayPal 結帳
- 結帳時附上送貨地址
- 成功的完成購買資訊
- 更新個人資料
- 進階的搜尋產品功能
- 基於分類和價格範圍的進階搜尋
- 載入更多產品
- 管理儀表板
- 建立分類
- 建立產品
- 檢視訂單
- 管理產品的更新 / 刪除
- 基於角色的訪問
- 還有更多..。
讓我歡迎你在一個令人難以置信的旅程，從基礎開始建立一個全端的 React，Node 和 MongoDB 驅動的電子商務應用程式。 我們開始吧。 讓我們一起編寫程式。
目標受眾
- 希望用 Node JS 和 MongoDB 來建構 API 的 Web 開發者
- 希望使用 React JS 構建快速、互動和可擴展的 Web 應用程式的 Web 開發者
- 希望建立一個使用 MERN 堆疊的全端電子商務應用程式的 Web 開發者
講師簡介
Ryan Dhungel 網頁開發者 ( 更多講師主講課程介紹 )
Ryan Dhungel 是一名來自澳大利亞雪梨的網頁開發者。 他建立了網站和 Web 應用程式， 主要關注於 PHP 和 Laravel 和 JavaScript 以及 React。
他還希望透過為其他開發人員製作解釋清楚實用的指南和培訓課程，使整個 web 開發過程既愉快又富有成效。
英文字幕：有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境？LN+ for Web 已經針對 ChatGPT 的整合做最佳化
🙌 讓 Notion AI 成為你線上學習的得力助手，詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結
- 點選這個✨優惠連結 課程特價 | Udemy 永久擁有課程 NT370 起( 請登入 Udemy｜按過“優惠連結”後到”報名參加課程“連結網頁做更新 ）
- Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- ＄代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現
報名參加課程
也許你會有興趣
- React Node 全端開發課程—從零開始部署一個社交網站
- 更多 Node.js 相關課程介紹
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣！
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入
你必須登入才能發表留言。