Contents
這是 Udemy 熱門課程講師和在舊金山灣區工作的工程師 Stephen Grider 所推出的全端 Web 程式開發課程,這門課講師將教學生如何使用 React、Redux、Express 和 MongoDB 建構全端 Web 應用程式,包括部署、計費/付款和電子郵件處理等主題。它假定先前對 React 和 Redux 有所瞭解,併爲學生提供一個真實世界的應用程式,以更好地理解每個功能的使用。
從這 25.5 小時的課程,你會學到
- 使用 React,Redux,Express 和 Mongo 建立樣板啟動器專案
- 理解常見的 Web 技術和設計模式,將它們連接在一起
- 精通上線和開發環境之間的部署技術
- 使用 Google OAuth 認證( OAuth )製作應用程式
- 學習從後端伺服器有效地建立和發送電子郵件
- 接受並處理用戶的信用卡付款
需求
- 對 JavaScript,React 和 Redux 的基本了解
- 一台 Mac,Windows 或 Linux 電腦
說明
注意:本課程假設你已經獲得了 React 和 Redux 的基礎知識。 看看我的課程-“Modern React with Redux” (這是 udemy 上最受歡迎的 ReactJS 課程,有 5 萬多人參加 ),這是完美的預備課程!
超越了 React 和 Redux 的基礎知識! 本課程將教你結合超級流行的 React,Redux,Express 和 MongoDB 技術建構一個完整的 Web 應用程式。
進階的部署? 你會學習到。帳單/支付?課程也包含在內。 處理電子郵件? 當然!
你會建立什麼?
我所有的課程都是“做中學”:沒有無聊無限的 Powerpoint 講座,只有實況,互動式編寫程式的範例。 在本課程中,我們將建構一個大型 Web 應用程式,以配置 React,Redux,Express 和 Mongo 的進階功能。 透過將每個概念都放入真實的應用程式中,你將更好地了解何時使用每個獨特而強大的功能。
建立一個大型可以收集反饋的應用程式。 這個大型應用程式將包括全部功能,包括從認證到電子郵件處理的所有功能。 你將學習如何建構一個可用於將大量電子郵件發送到大量用戶列表的應用程式,以收集反饋。 我的目標是確保你了解我們在此應用程序中建構的每個功能,以便將來將其應用於你自己的個人或專業專案。
這是我們將要學習的:
- 學習建構全端( full stack )應用程式的架構考量
- 將前端 Create-React-App 伺服器連接到 NodeJS 和 Express 後端
- 將你的 Mongo 資料庫中的資料傳遞給你的 React 應用程式
- 了解如何在前端路由用戶請求使用 React Router ,並在後端使用 Express
- 使用 Redux Form 建立可重複使用的用戶輸入,並附帶導覽( navigation )功能
- 處理信用卡並從 Stripe 的用戶處收到付款
- 使用自動發送電子郵件讓你的用戶更投入
- 透過 Google OAuth 身份驗證增強你的應用程式身份驗證流量
- 使用先進的 API 密鑰處理技術分離已上線( production )和開發資源
- 使用客製化的登陸網頁( landing page )教育你的用戶如何使用你的應用程式
當我學習建構全端 Web 應用程式時,我已經建立了我想要的課程。 一個課程,以最好的順序解釋概念及其實現方式,讓你學習和深入了解它們。
目標受眾
- 任何誰想要學習如何使用最新的 Web 技術建構完整的全端 Web 應用程式
講師介紹
Stephen Grider一直為舊金山灣區的頂級公司構建複雜的 JavaScript 前端應用程式。他具有簡化複雜主題的天賦,Stephen 一直在指導工程師開始軟體開發職業生涯有多年經驗,目前將這種體驗擴展到了 Udemy,創造最高評價反應的課程。他在 Udemy 教授課程並分享了他與其他/她軟體工程師獲得的知識。通過向 Stephen 的課程學習投資自己吧!
英文字幕:有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- 點選這個 Network & Security 課程✨優惠連結✨ ( NT490 起特價中 ) | 大多地區 ✨ 優惠連結 ✨( NT390 起特價中 )| Udemy 永久擁有課程 ( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

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