React 作品實戰班

雖然前端工程師如此受到求職者歡迎，但是．．．

學習不是一個人的事情
你需要找人來幫你

網路上的 React 教學資源非常多，但卻常常讓人看的霧煞煞。

這堂課會教你 React 的基礎，一直到怎麼寫好元件，以及建構完整應用作品。
最棒的是，我們還有讓大家一起討論的社群學習方式。你可以和同學們互相討論、互相學習，保證讓你學得又快又紮實。

JS 設計模式打通新維度，
練出不被面試官打槍的技術底

課程不僅專注於語法教學，還會分享程式語言的經典設計模式和實戰經驗。
我們的目標是讓學員不只能建立網站，更能掌握問題分析和前端架構的能力。

美感與實力兼具，
做出人見人愛的漂亮網站

我們透過線上教學的形式，
已經協助學員完成上千份的獨立作品，
課程將依據不同的學員特質給予不同建議，
藉此完成獨一無二的實戰網站。

六角學院卡斯伯親自授課

卡斯伯

play_arrow
2021 {Laravel x Vue} Conf 技術講者
play_arrow
Modern Web 研討會講者
play_arrow
連續六屆 IT 鐵人邦獲選紀錄
play_arrow
線上課程超過萬人註冊
play_arrow
JavaScript 技術書籍：2022/12 繁體中文書銷售排行第 1 名

由淺入深的課程大綱

這門課程，我們是以「求職面試作品」為導向，來規劃我們的課綱，讓您上完課後，就能開發屬於自己的網站作品。

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

學了許多 JS 語法，但實戰中依然覺得卡卡嗎？本課程會介紹目前最主流的設計模式，接觸框架的同時瞭解為什麼框架這麼做，以及框架有什麼優勢！

2025/12/26（五）20:00~22:30，2.5 小時

第二堂：RESTful API 串接、Vite

身為一個前端工程師，串接 API 的技能一定要有。為了經營出具個人風格的獨立作品，本課程前期就可開始串接專屬 API，同時瞭解如何與 React 進行整合。

2026/1/2（五）20:00~22:30，2.5 小時

第三堂：開始熟練 React

打開許多框架文件不知如何入手嗎？前幾週先帶大家輕鬆接觸 React，本週開始將會更深入的學習重要的 80% 語法，加速接下來的開發熟練度！

2026/1/9（五）20:00~22:30，2.5 小時

第四堂：元件化

一個專業的開發者，開發的過程中一定會掌握「DRY」的觀念（don't repeat yourself），精準的拆分模組並增加每段程式碼的可用性，邁向專業開發者的道路吧！

2026/1/16（五）20:00~22:30，2.5 小時

第五堂：React Router

單頁式應用程式現在已經成為顯學，不僅可以改善開發上的效率更能增加使用者的體驗，透過 React 與前端 Router 的觀念讓開發 SPA 變得輕而易舉。

2026/1/23（五）20:00~22:30，2.5 小時

第六堂：進階語法介紹

前幾章節已經介紹了 React 的大部分運用方法，掌握後已經足以應對大部分的開發情境，本段將回到觀念的介紹，讓你更能了解框架是如何運作以及遇到問題是如何排除！

2026/1/30（五）20:00~22:30，2.5 小時

第七堂：Redux 與 Redux Toolkit

隨著專案越來越複雜，單一元件的狀態管理以及無法滿足團隊開發上的需求，因此在多人團隊開發中，更會建議導入 Redux Toolkit 來管理專案的狀態變化。

2026/2/6（五）20:00~22:30，2.5 小時

第八堂：React 實戰全攻略

本課程會提供專屬實戰 API，示範該如何運用實戰 API 打造出電商網站！

2026/2/13（五）20:00~22:30，2.5 小時

上課行事曆
不只要學好技術、還要做出好作品！

第一堂：

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

2025/12/26（五）20:00~22:30，2.5 小時
助教直播 (1)：

2025/12/29 (一) 20:00，1.5 小時
第二堂：

RESTful API 串接、Vite

2025/01/02（五）20:00~22:30，2.5 小時
助教直播 (2)：

2026/01/05 (一) 20:00，1.5 小時
第三堂：

開始熟練 React

2026/01/09（五）20:00~22:30，2.5 小時
助教直播 (3)：

2026/01/12 (一) 20:00，1.5 小時
第四堂：

元件化

2026/01/16（五）20:00~22:30，2.5 小時
助教直播 (4)：

2026/01/19 (一) 20:00，1.5 小時
第五堂：

React Router

2026/01/23（五）20:00~22:30，2.5 小時
助教直播 (5)：

2026/01/26（一）20:00，1.5 小時
第六堂：

進階語法介紹

2026/01/30（五）20:00~22:30，2.5 小時
助教直播 (6)：

2026/02/02（一）20:00，1.5 小時
第七堂：

Redux 與 Redux Toolkit

2026/02/06（五）20:00~22:30，2.5 小時
助教直播 (7)：

2026/02/09（一）20:00，1.5 小時
第八堂：

React 實戰全攻略

2026/02/13（五）20:00~22:30，2.5 小時
助教直播 (8)：

2026/02/14（六）10:00，1.5 小時

豐富的課程活動

本課程有許多學習活動，讓你就算在線上，也有超越實體活動的學習體驗

課程設有學員專屬頻道，與相同目標的同學們互相交流、一起成長，讓學習的過程不再孤單～

課程目標是讓學員都可完成「具個人風格的網頁作品」，將會提供線上作品牆呈現學員們的成果，在線展示屬於大家的優秀作品。

由助教逐行批改主線作業並給予專業回饋，幫你解決學習中的卡點，讓你的技術能力 Level Up！

這堂課適合 ...

本門課程適合具有基礎 JavaScript 經驗的開發者：

想尋找前端工作，但還沒有作品者
對於函式有基礎的概念，並清楚如何撰寫函式（function）
正在開始學習任一種 JavaScript 框架（Angular、React、Vue）

你也可以參考本測驗，只要對七題以上即可參加本課程。

本課程適合的職缺：

前端設計師
前端工程師

學完這門課，你將會獲得

獨一無二面試作品

課程會引導學員做出個人風格的作品，搭配課程 API 自行建立具風格的作品，與人撞衫機率降為 0 %

穩固 JS/React 實作經驗

課程不僅教你怎麼做，更引導你實戰中如何運用。讓你具備框架開發的能力，課程後也能再應用。

獨一無二面試作品

課程會引導學員做出個人風格的作品，搭配課程 API 自行建立具風格的作品，與人撞衫機率降為 0 %

穩固 JS/React 實作知識

課程不僅教你怎麼做，更引導你實戰中如何運用。讓你具備框架開發的能力，課程後也能再應用。

用八週的時間，帶你做出兼具美感與實力的好作品

直播資訊：

開學典禮時間：2025/12/19 (五) 20:00
授課日期：2025/12/26 (五) ～ 2026/2/13 (五) 晚上八點（2025/12/26、2026/1/2、1/9、1/16、1/23、1/30、2/6、2/13）
授課時間：各授課日期的 20:00~22:30（共 8 堂，總計 20 小時）
直播教室：使用 ZOOM 進行直播教學

獨一無二的作品展示區

真的可以做出作品嗎？我們有大量的案例供您做參考～

作品牆上，每一個都是同學們的心血結晶，都花上半至一個月以上的時間製作，慢慢打磨出可大聲說出「這是我做的」獨立作品！我們提供了許多不同資源，包含原始碼檢視、內容審核，確保學員們可以完成一定水準的作品。這些作品：

絕對獨一無二，不會在其它地方看到相同內容、版型，都經過六角講師、助教審核，程式碼皆有一定的水準，屬於每個作者的結晶，在面試上更能充滿信心地介紹它，本課程也將引導你完成夠水準的獨立作品！

作品牆

銀角零卡
分期

讓你輕鬆學習不受限！

付款方式	銀角無卡	信用卡
一次付清	NT$11,999 ↓/ 期	NT$11,999 ↓/ 期
3期 (零利率)	NT$4,000 ↓/ 期	NT$4,000 ↓/ 期
6期 (零利率)	NT$2,000 ↓/ 期	NT$2,000 ↓/ 期
9期（1.5%）	NT$1,333 ↓/ 期	x
12 期（2.5%）	NT$1,000 ↓/ 期	x
18 期（5%）	NT$666 ↓/ 期	x
24 期（7.5%）	NT$500 ↓/ 期	x

＊實際金額請參考上方銷售優惠價

＊以上金額皆不包含銀角額外手續費

超多學長姊心得，進一步了解課程內容

常見 Q & A

Q： React 作品實戰班是預錄的嗎？

A：不是哦，每次課程都會是老師直接 Live 教學，這樣才能提升互動性，增強學員吸收知識體驗

Q：有幾天直播時段沒辦法配合的話，會有錄影影片嗎？

A：有的！我們直播影片都會保留一年時間，至 2026/12/26，方便學員隨時回平台回顧。

Q：我看到你們有影音課程（ex: React 實戰影音課程）跟 React 作品實戰班，到底該選哪個好？

A：在影音課程（ex: React 實戰影音課程）設計上，我們一小節都設計成 5~20 分鐘，方便時間較碎片，沒辦法抽出一小時以上觀看直播課程的學員來選擇。

如果你有迫切性想學好 JavaScript 及一個框架，建議你選擇本頁面的直播課程，直播的參與互動性高，並藉由老師們獨創的前端教材，學習效果更好。

Q：但是我有你們的影音課程（ex: React 實戰影音課程），還需要參加 React 作品實戰班嗎？

A：影音課程的設計上，理論和實作都是 5:5，而 React 作品實戰班則是實作機會比較多，互動性也高。如果你是迫切想掌握好一門技術的學員，我們會建議你參與 React 作品實戰班，並藉由影音課程來提升知識量。

Q：本課程使用的 React 版本是？

A：本課程是使用主流的 React 18 版本。

Q：除了老師直播外，我有問題該怎麼辦？

A：六角學院的直播課程皆有專屬的 Discord 線上學習社群，你可以透過 Discord 來提出問題與討論，並在其中與講師、助教及同學交流，也可以觀看其它同學的作業來瞭解自己能精進之處。

Q：我要怎麼開始上課？

A：成功購買課程後，六角學院將會使用 Email 進行開課通知，包含需開通的課程平台說明，請確保您的信箱能收取來自 [email protected] 的信件。

Q：如果無法參與，可以申請退費嗎？

A：退費前請先詳閱退費規定。若不符合需求仍欲退款，可寄信至 [email protected]，將會有小幫手協助進行確認。

免費說明會