React 作品實戰班 - 2024 冬季班 心得

想獲得更多額外課程內容?那就努力完成所有作業吧!
 

當初為什麼報名這堂課?

工作上主要使用 Vue 開發,但由於未來可能會接觸 React,因此決定趁這個機會提前熟悉 React,為新專案做準備。

這堂課提供線上影音預習課程,讓學員在正式的直播課前先打好基礎,避免聽不懂內容而跟不上進度,也能更快進入狀況。

預習課程內容相當扎實,涵蓋了從環境建置(Node.js、npm 安裝、Vite 介紹)、JavaScript 必備觀念(陣列處理方法、非同步操作實戰),到 React 的基礎元件、React Router、Redux Toolkit 等技術,循序漸進地帶領我們學習,最終完成一個電商網站。

第一週~第八週的學習過程

這八週的課程,讓我對 React 的運作原理有了基本的理解。

每週的作業都與當週的直播課程內容相關,如果有先看過預習課程,學習效率會更高,能更快跟上進度。

  • 第一週~第二週:初步認識 React 程式碼,複習 JavaScript 必備基礎知識,例如陣列方法與非同步操作。
  • 第三週起:進入 React Hook 與元件的學習,包括最常用的 useStateuseEffect 等 Hook。
  • 第四週~第七週:逐步完成後台建置,實作登入、登出、商品新增等頁面,將學到的概念應用在實際開發中。
  • 第八週最終作業:挑戰完成一個前後台電商網站,將這八週所學的內容整合運用。

過程中如果遇到問題,不用擔心卡關!每週日都有助教直播,會完整講解當週作業,讓我們能理解助教的解題思路。此外,DISCORD 內也能隨時提問,總有熱心的助教或同學願意幫忙解答。

課程獎勵與挑戰

這堂課的另一個特色是「學習獎勵制度」,讓學習更有動力!
 

  • 完成第五週主線作業第四週主線作業 + 心得牆分享,可獲得框架菁英班的直播課程。
  • 完成第七週主線作業第六週主線作業 + 心得牆分享,可獲得框架菁英班的錄影課程,以及未來新增的課程內容。

想獲得更多額外課程內容?那就努力完成所有作業吧!

最終挑戰:完成前後台網站

第八週的最終作業是完成一個前後台網站,所有功能其實都已經在直播課或預習課中學過,因此關鍵在於如何整合運用。

為了完成這個作品,我平日晚上大約花 2 小時,假日則投入 8 小時以上,幾乎犧牲了娛樂時間。雖然過程辛苦,但當自己從完全不知道如何開始,到一步步打造出完整的 React 電商網站,並成功運用課堂所學時,真的非常有成就感!這次的挑戰,不僅讓我更熟悉 React,也讓我對自己未來開發 React 專案更有信心。