fbpx

React – 完整的指引 (包含 Hooks、 React Router 和 Redux)

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

報名參加課程

已經上過這門課程?

🔥歡迎來參加這個活動 – 上課心得分享與獎勵說明 :分享就贈送一門線上課程

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

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

要求

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

目標受眾

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

課程說明

本課程完全更新,用最新版本的 React,包括React Hooks!當然它在將來也會保持最新狀態 🙂

本課程關於 :

學會 React 或更深入探究。學習理論、解題、演習的專案實踐,並建構一個在本課程持續改進的大型應用程式:漢堡建構器 (The Burger Builder )!

更多細節 :

JavaScript 是現代 Web 應用程式的主要驅動力,因為這是唯一讓你寫出在瀏覽器能高度反應的應用程式的程式語言。你將可在 Web 開發實現行動 app 般的用戶體驗。

但使用 JavaScript 可能富有挑戰性 – 光要運用 vanilla JavaScript 和 jQuery 開發出好的應用程式就覺得倍感壓力。

React 來搶救 ?

React 完全只關乎元件(基本上是你已習慣的 HTML 元素),以此你可以快速開發出驚人且強大的 Web 應用程式。 只需建一次元件,依你的需要設定好,動態將資料傳送給它 (或候聽你自己的事件!),而後不管多經常的需要都可重用它。

需要在應用程式顯示用戶列表? 這很簡單,只要建立 “ 用戶 ” ( ” User ” ) 元件,即可根據需要頻繁輸出。

本課程將從非常基礎開始,並解釋什麼是 React,以及如何使用它 (以及哪些種類的應用)。 此後,我們將從基礎到進階一路走。 我們不會只觸及表面,也將深入 React 並談很受歡迎的程式庫(libraries) 如 React路由器 ( React-router ) 和 Redux。

完成此課程時,你將能建構出令人驚嘆的 React(單頁)應用程式!

誰是你的教練?

我的名字是 MaximilianSchwarzmüller,我是一名 Web 開發的自由工作者,已做過許多 React 的專案。 我也是 Udemy 5 星級的講師。 我的教學還涵蓋了 React 最受歡迎的替代技術 – Vue 和 Angular 以及許多其他主題。 我瞭解自己的教學主題,也很清楚學習的痛點在哪裡。

我的目標是讓你盡可能快地開始使用React,並確保你的成功。 但我不只是專注新手的學生。 我希望大家從我的課程中受益,這就是為什麼本課程也深入探討 React,分享對進階 React 開發人員有幫助的知識。

這門課適合你嗎?

如果…

  • …你剛剛開始使用前端 / JavaScript 開發,只有 JS 基礎集(不需要先前的 React 或其他框架開發經驗!)
  • …你用過 Angular 或 Vue,但想鑽研 React
  • …知道 React 的基礎知識,但想要刷新它們和/或更深入
  • …已經用 React 工作一陣子,但是想要更深入,且想在更大的應用程式看到這一切一起運用。

要成功完成本課需要?

  • HTML + CSS + JavaScript 知識是必需的。你不需要是專家,但需要基礎知識做設定
  • 不需要進階 JavaScript 知識,但如果你了解下一代 JavaScript 功能(如 ES6 Arrow)功能,你將能夠更快地瀏覽課程。在課程中提供了關於最重要的下一代功能的簡短回顧。

課程內容 :

  • “什麼”、“為什麼” 和“如何”
  • React 基礎(基本功能 、語法和概念)
  • 如何輸出列表和條件內容
  • React 元件的樣式
  • 深入了解 React 和進階元件功能的內部各要素
  • 如何從 React 應用程式(AJAX)中訪問 Http 內容
  • Redux、Redux、Redux …從基礎到高級!
  • 在 React 應用中的表單和表單驗證
  • 認證
  • 單元測試簡介
  • Next.js的介紹
  • React 應用程式佈署說明
  • 更多

講師簡介

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

擔任 Web 開發者的經驗

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

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

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

擔任教練的經驗

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

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

學生評論

newc.png

英文字幕:有

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

報名參加課程

Sponsored by Udemy

也許你會有興趣

 歡迎訂閱 React 學習資訊分享Telegram頻道

Spread the love

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

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: