React 完整指南 (包含 Hooks、 React Router 和 Redux)

Contents

從頭開始深入學習 React.js ！探索 Reactjs、Hooks 、Redux、React Routing、Animations、Next.js 的基礎… 以及更多更多！

從這 49 小時的課程你會學到

建構功能強大、快速、用戶友好和反應靈敏的 Web 應用程式
通過輕鬆利用 JavaScript 的功能提供出色的用戶體驗
現在就可以在高需求的 Web 開發領域申請到高薪的工作或成為自由工作者
學習 React Hooks 和基於類( class )的組件

要求

絕對要有 JavaScript + HTML + CSS 基礎
你不需要是 JavaScript 專家才能成功完成本課程
具備 ES6+ JavaScript 的知識有幫助但非必要
不要求具備 React 或任何其他 JS 框架經驗

課程說明

本課程完全與 React 18（React 的最新版本）保持同步！

它完全更新並從頭開始重新錄製 – 它教授最新版本的 React 以及您需要了解的所有核心現代功能！

本課程還提供兩條路徑供您選擇：“完整”路徑（完整 > 40 小時課程）和“摘要”路徑（~4 小時摘要模組）——您可以選擇最適合您的時間要求的路徑！ 🙂

React.js 是當今最流行的 JavaScript 程式庫，您可以使用和學習為 Web 建構現代、反應式的用戶界面。

本課程從頭開始，通過深入研究所有核心基礎知識，探索大量示例並向您介紹高級概念，從而深入地教您 React。

您將獲得大多數其他資源跳過的所有理論、大量示例和演示、作業和練習以及大量重要知識 – 畢竟，這門課程如此龐大是有原因的！ 🙂

如果您甚至不知道你為什麼想要學習 React 而您只是因為一些廣告或“演算法”而來到這裡 – 不用擔心：ReactJS 是 Web 開發人員的一項關鍵技術，在本課程中我會還會跟您解釋為什麼它那麼重要！

歡迎來到“React – 完整指南”！

本課程將以面向實踐的方式教您 React.js，使用您需要的所有最新模式和最佳實踐。您將學習所有關鍵基礎知識以及高級概念和相關主題，使您成為 React.js 開發人員。

這是一門巨大的課程，因為它確實涵蓋了成為 React.js 開發人員所需了解和學習的所有內容！

無論您是對 React 一無所知，還是已經掌握了一些基本的 React 知識(不是必需的，但也不是問題)，您將從本課程中獲得大量有用的資訊和知識！

我開設這門課程的目標是確保您對使用 React 充滿信心，以便您可以申請 React 工作，在您自己的專案中使用它，或者只是作為開發人員增強您的投資組合 – 無論您的目標是什麼：本課程讓您達到目標！

我最初在 2017 年創建了這門課程，從那以後我一直在更新它——在 2021 年從頭開始重做。當然，我致力於使這門課程保持最新——這樣你就可以依賴這門課程以最好的方式學習 React！

課程中有什麼 :

React.js 的全面介紹（它是什麼以及為什麼要使用它？）
所有核心基礎知識：React 的工作原理、使用 React 構建組件和使用 React 構建 UI
組件、道具和動態資料綁定
使用用戶事件和狀態來創建互動式應用程式
一個(徹底的)幕後觀察，以了解 React 在幕後是如何工作的
有關如何使用列表和條件內容的詳細說明
React Hooks(深入)！
使用內建的 Hooks 和構建自定義的 Hooks
如何除錯 React 應用程式
使用“樣式化組件”和“CSS 模組”設計 React 應用程式樣式
使用“片段”和“門戶”( “Fragments” & “Portals” )
處理副作用
基於類的組件和功能組件
發送 Http 請求和處理過渡狀態 + 響應
處理表單和用戶輸入(包括驗證)
Redux 和 Redux 工具包
使用 React Router 進行路由
深入介紹 Next.js
部署 React 應用程式
實施認證
單元測試
將 React 與 TypeScript 結合
添加動畫
大量示例和演示專案，以便您可以將學到的所有知識應用到實際專案中
還有更多 – 查看此頁面上的完整課程！

這真的是“完整指南” – 承諾！

最重要的是？

你不需要任何先前的 React 知識！

本課程以零知識開始！您所需要的只是基本的 Web 開發和 JavaScript 知識(儘管本課程甚至包括簡短的 JavaScript 複習以確保我們都在同一頁面上！)。

您有 30 天退款保證，查看完整課程、免費預覽影片且無風險地加入課程！

目標受眾

想要學習如何建構反應迅速的 web 應用程式的學生
任何有興趣先進科技公司如 Netflix 等所使用的非常受歡迎的技術的人
希望把他們的 web 開發技能提升到一個新的水平，學習未來性技術的學生

講師簡介

Maximilian Schwarzmüller，專業網站開發人員和教練 ( 更多講師主講的課程介紹 )

擔任 Web 開發者的經驗

從13歲開始，我從來沒有停止學習新的程式設計技能和語言。早期我開始為朋友創建網站，也只是為了好玩。這種熱情已經持續，導致我決定作為一名自由網路開發人員和顧問。我在這份工作中取得的成功和樂趣是無與倫比的並且真的讓這種熱情繼續存在。

開始使用 PHP 與 Laravel，NodeJS 開發 Web 後端，我也像越來越多前端開發者在很多專案採用現代化的框架，例如 Angular 或是 VueJS 。我現在都愛這兩個不同的世界！

作為一個自學的開發者，我有機會透過學習工商管理碩士學位來拓寬我的視野。這使我能夠在一家大型策略顧問公司和一家銀行工作。在學習的時候，我喜歡這些領域的發展，在這個領域的時間大大提高了我的整體經驗和技能。

擔任教練的經驗

作為一名自學的專業人士，當學習新知識或改進已知程式語言時，我真的知道困難的部分和難題。這種背景和經驗使我能夠專注於最相關的關鍵概念和主題。我的許多 5 星級課程以及一個成功的 YouTube 頻道記錄是最好的證明。

無論是作為開發教練或教學工商管理我總是收到豐盛的回饋。最寶貴的經驗是看到學生找到新的、更好的工作，開發出很棒的 Web 應用程式，取得精彩的專案或在我課程的幫助下將技能變成嗜好享受。

學生評論

英文字幕：有

想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境？LN+ for Web 已經針對 ChatGPT 的整合做最佳化

🙌 讓 Notion AI 成為你線上學習的得力助手，詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結

點選這個✨優惠連結課程特價 | Udemy 永久擁有課程 NT370 起( 請登入 Udemy｜按過“優惠連結”後到”報名參加課程“連結網頁做更新）
Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
手機上點選優惠連結看到的價格比電腦上看到的貴
＄代表當地貨幣, 如在台灣為 NT
點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現

報名參加課程

也許你會有興趣

React 程式設計學習地圖
★英語學習地圖 – 練好英文是最大的學習槓桿
如何找工作學習地圖 – 找工作不要靠運氣！

React 完整指南 (包含 Hooks、 React Router 和 Redux)

從這 49 小時的課程你會學到

要求