本課程提供影音教學、實況直播課程、每日任務與每週主線作業，搭配業界水準的 UI 設計稿，循序漸進地幫助您掌握網頁開發技能。除了豐富的線上學習資源，您還可加入專屬 Discord 學習社群，與同儕互動交流，獲得實時協助與建議。
不論您是跨領域新手還是經驗老道，React 前端工程師組合包絕對是精進網頁開發技能的最佳課程。現在就加入我們，開啟職涯新頁吧！
線上培訓時間：2024/7/5~2025/3/14 預習課程：報名後即可獲得 地點：純線上
本學程包含「React 前端工程師培訓班」的所有內容，課程包含：
我們將透過九個月的時間，不僅帶你學會前端開發技術，更同時完成具有求職競爭力的獨立作品。
前端技術三大學程：
- 網頁切版學程
- 直播課程時間：7/5 ～ 8/23 每週五晚上八點
- JavaScript 邏輯學程
- 直播課程時間：9/27 ～ 11/22 每週五晚上八點
- React 前端框架學程
- 直播課程時間：2024/12/27 ～ 2025/2/21 每週五晚上八點
專題產出兩大學程：
- 切版專題班
- 作品製作時間：7/5 ~ 10/18
- 作品發表日：10/20（日）
- 框架專題班
- 作品製作時間：11/22 ~ 2025/3/14
- 作品發表日：2025/3/17（日）
前端技術三大學程學什麼？
九個月課程分為三個階段，有系統地培養您掌握前端開發三大核心領域
React 前端工程師培訓班三大學程包含內容：
網頁切版學程（課程時數 40 小時）
- HTML、CSS
- RWD、SCSS
- Bootstrap
- Tailwind
- GSAP、AOS
- Swiper
JavaScript 邏輯學程（課程時數 40 小時）
- JS 程式邏輯養成
- RESTful API 開發
- AJAX OPEN API
- C3、D3.js 圖表
- Codewars 刷題
- JSON Server
React 前端框架學程（課程時數 40 小時）
- ES6、JSX 樣版
- Redux 狀態管理
- Vite 開發工具
- React Router 路由
- Hooks 整合
- React Hook form
小標：在課程中，你會怎麼學習？
- 一、直播、影音教學雙管齊下
- 預習課程：報名課程即可獲得課前預習，提早註冊直接贏在起跑點
- 直播互動：除了看老師 Live Coding，還能隨時在直播間發問，即時獲得解答！
- 二、每日、每週任務
- 每日任務：每天一個小任務，無痛養成你的原子習慣
- 每週任務：接近實戰的作業設計，另有真人助教批改並給予實戰回饋
- 三、助教服務
- 程式卡關抱大腿：提供線上程式助教發問，幫助學習不卡關
- 作業批改服務：每週都有課程作業，提交後 3~7 天內獲得批改回饋
學程一：網頁切版的課程大綱
第一週：1 px 也不差的版型控制術
在排版時，常常為了幾 px 的位移或跑版而傷透腦筋嗎？其實只要掌握幾個關鍵知識，你也能切出精準到位的版型！
2024/7/5（五）20:00~22:30，2.5 小時
第二週：Flexbox 網頁排版術
李小龍說過：「我不害怕曾經練過一萬種踢法的人，但我害怕一種踢法練過一萬次的人」，網頁排版擁有 float、inline-block、flexbox、grid 流派，但是你真的有認真將一個流派專精到讓人會怕嗎？本週題目我們將會詳細講解 Flexbox，並藉由後面幾週的反覆練習，讓您成為 Flexbox 的切版專家！
2024/7/12（五）20:00~22:30，2.5 小時
第三週：伸縮自如的 RWD 手機網頁排版術
行動裝置這麼多，你的網頁在 全部螢幕解析度都支援嗎？還是你只會下 一個 手機版 media query，而 中間的 size 都忽略了？其實 RWD 沒你想像中的複雜，讓我們來教會你！
2024/7/19（五）20:00~22:30，2.5 小時
第四週：多頁式網頁設計
去面試時準備的作品，永遠只有一頁個人介紹網站嗎？頁面一多就不知道該怎麼管理你的 CSS 了？這堂課我們將會分享心法與工具，讓你頁面再多也不怕！
2024/7/26（五）20:00~22:30，2.5 小時
第五週：後台表單設計
一個完美的前台，一定會有個維護方便的管理後台方便上稿，也同時會是你與後端工程師協作時，必須要會的版型設計！
2024/8/2（五）20:00~22:30，2.5 小時
第六週：導入網頁規範設計流程
當你頁面數量不是 3~5 頁，而是 30~50 頁以上，該如何制訂規範，讓產出的網頁都能模組化輸出，進以提升效率，也是網頁設計師需考量的一環！
2024/8/9（五）20:00~22:30，2.5 小時
第七週：視差滾動
現在網頁已經擺脫中規中矩排版，我們能藉由簡易的 JS 套件，讓自己的網頁具有動感，設計出具備視差滾動技巧的優美網站！
2024/8/16（五）20:00~22:30，2.5 小時
第八週：CSS 模組化管理
一個成熟的前端介面，不論是版型管理、語法支援度、元件應用都得顧及到位，本週將會詳細介紹各角度的技術詮釋，以做為完美的收尾。
2024/8/23（五）20:00~22:30，2.5 小時
學程二：JavaScript 邏輯學程 的課程大綱
第一堂：重新認識 JavaScript 之術
學不好 JS 的原因，往往是基本觀念沒紮穩，以致後面越學越混亂，本週將學習最簡單也最重要的變數觀念，儘管你是學習一年以上的開發者，在這堂課上也會受益良多！
2024/9/27（五）20:00~22:30，2.5 小時
第二堂：邏輯判斷之術 接下來，我們將開始培養「程式邏輯」，你將寫程式，讓電腦依照你的想法去執行。同時會設計大量的情境題，藉由學習引導更快掌握開發邏輯！
2024/10/4（五）20:00~22:30，2.5 小時
第三堂：物件跟陣列資料處理之術
你有一批資料，想篩選或計算出你想知道的資訊？那你絕對不能不會物件與陣列！本週將會詳細講解資料處理的各種語法，讓你成為資訊處理達人~
2024/10/11（五）20:00~22:30，2.5 小時
第四堂：函式設計之術
要成為專業的工程師，函式會是你的最大利器，將每個功能都包裝成函式，讓您能有條理地管理程式碼！
2024/10/18（五）20:00~22:30，2.5 小時
第五堂：期中試煉
不只輸入知識外，你也需要大量輸出練習，讓技術真正地吸收成自己的技能。本週我們將會出各種關卡，讓您能跨越重重邏輯障礙，破繭重生！
2024/10/25（五）20:00~22:30，2.5 小時
第六堂：AJAX 操控伺服器之術
AJAX 技術能夠讓您取得與更新遠端伺服器資料，本課程將會提供「專屬 API」，讓您能充分練習！
2024/11/1（五）20:00~22:30，2.5 小時
第七堂：第三方 JS 套件整合之術
除了自己寫程式碼，站在巨人的肩膀上使用成熟套件加速開發，並有條理地整合也是重要一環。本週將會分享業界實務套件、讓您開發無往不利！
2024/11/8（五）20:00~22:30，2.5 小時
第八堂：RESTful API 整合開發之術
到這階段我們將會學習如何整合串接 API，課程提供 10 支以上的 API，讓您能充份了解 API 介接的各種眉角！
2024/11/15（五）20:00~22:30，2.5 小時
第九堂：期末專案試煉
為了確保您真正學會 JavaScript，我們將會設計「專案級」的期末試煉，並模擬業主需求，讓您深入其境，瞭解前端工程師常見工作情境！
2024/11/22（五）20:00~22:30，2.5 小時
學程三：React 前端框架學程 的課程大綱
第一週：重新打造 JavaScript 思維，從拆解認識設計模式
學了許多 JS 語法，但實戰中依然覺得卡卡嗎？本課程會介紹目前最主流的設計模式，接觸框架的同時瞭解為什麼框架這麼做，以及框架有什麼優勢
2024/12/27（五）20:00~22:30，2.5 小時
第二週：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 小時
第四週：元件化
一個專業的開發者，開發的過程中一定會掌握「DRY」 的觀念（don't repeat yourself），精準的拆分模組並增加每段程式碼的可用性，邁向專業開發者的道路吧
2025/1/17（五）20:00~22:30，2.5 小時
第五週：進階語法介紹
前幾章節已經介紹了 React 的大部分運用方法，掌握後已經足以應對大部分的開發情境，本段將回到觀念的介紹，讓你更能了解框架是如何運作以及遇到問題是如何排除！
2025/1/24（五）20:00~22:30，2.5 小時
第六週：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 小時
第八週：React 實戰全攻略
本課程會提供專屬實戰 API（全新開發），示範該如何運用實戰 API 打造出獨一無二的電商網站！
2025/2/21（五）20:00~22:30，2.5 小時
專題產出兩大學程做什麼？
我們會為同學引入業界開發專案的流程，透過專題教練引導透過五大步驟，完成團隊獨立作品。
