【六角學院線上課程心得】由淺入深認識 React

前言

由於我自己本身過去幾年來陸陸續續也上過不少六角學院的課程，剛好趁著這次 2024 React 作品實戰班結束後的機會撰寫一篇心得文章跟大家分享。

不過由於這門課程是期間限定的規劃，目前已經截止報名。因此有興趣的讀者不妨先參考六角學院的官網查看影音課程的資訊，評估過後再考慮是否等待日後新開班的資訊喔！

講師介紹

---

（圖片及講師介紹取自《2024 React 作品實戰班》課程介紹頁面）

課程簡介與架構

直播班的課程架構基本上可以分成預習影音跟講師直播兩大部分。而每週也會有相對應的課程作業開放學員進行繳交（學習系統會將作業稱為「主線任務」。）

所謂的預習影音指的則是如下圖所示在指定平台上可觀看的預錄影片。單純依賴一週一次 2.5 小時的直播課程未必能夠馬上掌握作業中需要的所有知識內容，因此註冊課程之後可以先按照每個人的時間彈性安排觀看影音課程，等到直播課上課時也能更快速進入狀況。

課程單元大綱

每週的課程安排基本上是有著循序漸進、從簡單到困難緩慢上升的學習曲線。從第二週開始的作業通常會是跟前一週作業環環相扣，整體而言是以完成第八週最終作業——完整的「電商網站」為目標，有如建造房子一般，從地基開始一步步慢慢建築起來。

第一週：重新打造 JavaScript 思維，從拆解認識設計模式

第二週：RESTful API 串接

第三週：開始熟練 React.js

第四週：元件化

第五週：進階語法介紹

第六週：Vite、React Router

第七週：Redux 與 Redux Toolkit

第八週：React 實戰全攻略

（課程大綱取自《2024 React 作品實戰班》課程介紹頁面）

直播課授課畫面

課程互動平台

考量到學員在上課寫作業的過程中多多少少會有不清楚該怎麼進行，或是各式疑難雜症等等的突發狀況。六角學院針對課程也都會提供專屬的 Discord 頻道開放大家進行社群互動，有效降低因遇到瓶頸時苦無求助管道而索性放棄的機率。

課程心得

當初為什麼報名這堂課

我自己在前端開發上有接觸過 Vue 和 Angular 兩大框架，在職場上遇到的專案需求多以 Angular 為主。剛好這次從電子信箱收到即將開設 React 直播班的資訊，心想這是一個能夠接觸 React 的契機，毅然決然把握這次機會報名課程。

幸虧有其他框架的開發經驗，其實在觀看預習影片時跟著實作的前期幾乎沒遇到什麼困難，在克服開發習慣的差異上也沒有花太多時間。

學習過程中最大的收穫

因為自己時間安排上未必能準時跟上每次的晚間直播和假日助教解題直播，因此我主要仰賴先觀看預習影音，日後再觀看直播錄影存檔。或許跟其他同學比起來在學習過程中少了很多互動，但時數非常豐富的影音課程是我最滿意的部分。

最喜歡直播班的活動

為了鼓勵同學繳交作業，在 Discord 頻道上也有舉辦非常態性質的抽獎活動，明確的獎勵機制確實有激起我提早完成作業的慾望。而課程也有非強制的分組活動，跟組員之間討論的過程也是獲益良多。

如果時光能倒流，希望自己再次注意的細節

考慮到最後一週是以產出作品為導向，關於網站應該要是什麼主題、畫面應該要怎麼設計、流程應該怎麼進行或是外部元件應該怎麼套用這些問題其實就令我煞費苦心。不過我自己終究不是 UI/UX 設計師，過度要求介面的完美主義很容易化成阻礙前進的絆腳石。

另外我自己在開發習慣上也是比較偏想到什麼就先做什麼的類型，如果沒有事先清楚列表出開發細項的話很容易耗費比預期還要長的時間，在修復 bug 的時間花費比例上也是偏多。

身為學長姐，分享些想入坑的新同學一些勉勵的話

由於框架在前端開發已經算是一項進階技能，如果你是正在考慮學習網頁開發的讀者，建議先參考六角學院的官網從 HTML/CSS 和 JavaScript 基礎等設計的純預錄影音課程會比較合適。

直播班在設計上比較偏向密集班的概念，兩個月中的實作比重可說是非常扎實。如果有辦法撥空全程參與也準時繳交作業的話，相信成效會非常顯著。