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

worries worries

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

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

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

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

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

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

「React 作品實戰班」重實作更勝於理論。我們不只提供免費電商 API,還會手把手帶你打造專屬作品網站。
這份實戰經驗,絕對能讓你在求職道路上如虎添翼。

卡斯伯老師

六角學院卡斯伯親自授課

卡斯伯
  • play_arrow

    2021 {Laravel x Vue} Conf 技術講者

  • play_arrow

    Modern Web 研討會講者

  • play_arrow

    連續六屆 IT 鐵人邦獲選紀錄

  • play_arrow

    線上課程超過萬人註冊

  • play_arrow

    JavaScript 技術書籍:2022/12 繁體中文書銷售排行第 1 名

由淺入深的課程大綱

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

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

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

2024/12/27(五)20:00~22:30,2.5 小時

week1
week2

第二週:RESTful API 串接

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

2025/1/3(五)20:00~22:30,2.5 小時

第三週:開始熟練 React.js

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

2025/1/10(五)20:00~22:30,2.5 小時

week3
week4

第四週:元件化

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

2025/1/17(五)20:00~22:30,2.5 小時

第五週:進階語法介紹

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

2025/1/24(五)20:00~22:30,2.5 小時

week5
week6

第六週:Vite、React Router

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

2025/2/7(五)20:00~22:30,2.5 小時

第七週:Redux 與 Redux Toolkit

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

2025/2/14(五)20:00~22:30,2.5 小時

week7
week8

第八週:React 實戰全攻略

本課程會提供專屬實戰 API(全新開發),示範該如何運用實戰 API 打造出獨一無二的電商網站!

2025/2/21(五)20:00~22:30,2.5 小時

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

助教 卡斯伯

每週一堂

助教直播講解作業與解題攻略

週五

從基礎到進階,
React 框架帶你學到會(🌟)

  • 尚未開課

  • 第一週:
    重新打造 JavaScript 思維,
    從拆解認識設計模式

    2024/12/27(五)20:00~22:30,2.5 小時

  • 第一週:
    作業與解題攻略講解

    2024/12/29(日)10:00,1 小時

  • 第二週:
    RESTful API 串接

    2025/1/3(五)20:00~22:30,2.5 小時

  • 第二週:
    作業與解題攻略講解

    2025/1/5(日)10:00,1 小時

  • 第三週:
    開始熟練 React.js

    2025/1/10(五)20:00~22:30,2.5 小時

  • 第三週:
    作業與解題攻略講解

    2025/1/12(日)10:00,1 小時

  • 第四週:
    元件化

    2025/1/17(五)20:00~22:30,2.5 小時

  • 第四週:
    作業與解題攻略講解

    2025/1/19(日)10:00,1 小時

  • 第五週:
    進階語法介紹

    2025/1/24(五)20:00~22:30,2.5 小時

  • 第五週:
    作業與解題攻略講解

    2025/1/26(日)10:00,1 小時

  • 第六週:
    Vite、React Router

    2025/2/7(五)20:00~22:30,2.5 小時

  • 第六週:
    作業與解題攻略講解

    2025/2/9(日)10:00,1 小時

  • 第七週:
    Redux 與 Redux Toolkit

    2025/2/14(五)20:00~22:30,2.5 小時

  • 第七週:
    作業與解題攻略講解

    2025/2/16(日)10:00,1 小時

  • 第八週:
    React 實戰全攻略

    2025/2/21(五)20:00~22:30,2.5 小時

  • 第八週:
    作業與解題攻略講解

    2025/2/23(日)10:00,1 小時

豐富的課程活動

除此之外,本次直播課程新增許多學習活動,讓你就算在線上,也有超越實體活動的學習體驗

過程中會為每個人進行分組,一同挑戰團隊共同的開發任務,讓學習的過程不再孤單~
(任務範例:Git 協作,大家一起來 commit)

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

每個人都花費大量的心力經營自己的作品,其中也埋藏了許多充滿趣味的秘密,課後將會舉辦發表會讓大家盡情的展現吧!

這堂課適合 ...

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

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

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

本課程適合的職缺:

  • 前端設計師
  • 前端工程師

學完這門課,你將會獲得

獨一無二面試作品

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

穩固 JS/React 實作經驗

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

獨一無二面試作品

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

穩固 JS/React 實作知識

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

React 作品實戰班

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

授課內容:

  • 開課日期:2024/12/27(五)
  • 教學日期:2024/12/27 ~ 2025/2/21 每週五,共 8 堂
  • 授課時段:各授課堂數的 20:00~22:30
  • 授課堂數:每堂 2.5 小時,共 8 堂,總計 20 小時
  • 直播教室:使用 ZOOM 進行直播教學

獨一無二的作品展示區

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

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

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

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

各學員心得

常見 Q & A

Q: React 作品實戰班是預錄的嗎?

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

Q:有幾天直播時段沒辦法配合的話,會有錄影影片嗎?

A:有的!我們直播影片都會保留一年時間,至 2025/12,方便學員隨時回平台回顧。

Q:我看到你們有影音課程(ex: React 實戰影音課程)跟 React 作品實戰班,到底該選哪個好?

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

Q:那影音課程(ex: React 實戰影音課程)有什麼特色呢?

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

Q:但是我有你們的影音課程(ex: React 實戰影音課程),還需要參加 React 作品實戰班嗎?

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

Q:本課程使用的 React 版本是?

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

Q:我可以只上 React 作品實戰班嗎?

A:當然可以,只要具有符合基礎 JS 開發能力並跟上直播班的內容,也會有足夠的知識量來做最終實戰作業。

Q:除了老師直播外,我有問題該怎麼辦?

A:我們課程系統會提供問答專區,線上的助教都會在發問後 24 小時內回覆,並且也會提供專屬的 Discord 聊天頻道,來讓您與助教一起互動!

Q:如果無法參與,可以申請退費嗎?

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

React 作品實戰班

React 作品實戰班

以「 求職面試作品 」為導向,八週帶你做出面試專用作品,成為 JS 實戰小能手。

此組合包含:

  • 8 堂直播課程
  • 18 小時的課程預習教材
  • 30 支專屬 RESTful API
  • 完成專屬電商作品

原價 $27,904

$11,999

P.S.:六角學院也有 line@ 嘍,歡迎加入隨時獲得六角學院第一手資訊!

加入好友 加入好友