⚠️ 購買前，請務必詳閱下方退費規則
⚠️ 請注意：此方案不適用超商繳費
💡 綠界金流提供 6 期 / 3 期 0 利率的分期付款，支援銀行：花旗、台新、玉山、富邦、永豐、國泰世華、華南、樂天、安泰、聯邦、兆豐、台中商銀、上海銀行、凱基、匯豐、星展、新光、合庫、彰銀、一銀、元大、陽信、台灣企銀、渣打、華泰、三信商銀
無論您是初次投身網頁開發領域，還是想精進現有專業技能，六角學院與 Hahow 合作推出的「前端工程師培訓班」組合包將是您的絕佳選擇。
本課程提供影音教學、實況直播課程、每日任務與每週主線作業，搭配業界水準的作業 UI 設計稿，循序漸進地幫助您掌握網頁開發技能。除了豐富的線上學習資源，您還可加入專屬 Discord 學習社群，與同儕及助教互動交流，獲得實時協助與建議。
不論您是跨領域新手還是經驗老道，前端工程師培訓班組合絕對是您精進網頁開發技能的最佳課程。現在就加入我們，開啟職涯新頁吧！
培訓總時程：2026/07/01～2027/01/27
預習資源：開通後將於各班「預習資源開放時間」獲得
地點：純線上
系列課程時間軸
透過七個月時間的投入，循序漸進掌握前端必備三大技術！
前端技術三大學程
⭐️ 網頁切版學程 － 網頁切版直播班
- 開學典禮時間：2026/6/26 (五) 晚上八點
- 直播課程時間：2026/7/1 (三)～2026/8/7 (五) 晚上八點
⭐️ JavaScript 邏輯學程 － JavaScript 工程師養成直播班
- 開學典禮時間：2026/9/11 (五) 晚上八點
- 直播課程時間：2026/9/16 (三)～2026/11/6 (五) 晚上八點
⭐️ Vue 前端框架學程 － Vue 作品實戰班
- 開學典禮時間：2026/12/9 (三) 晚上八點
- 直播課程時間：2026/12/11 (五)～2027/1/27 (三) 晚上八點
✦ 除了學技術，還想擁有求職的專題作品，請前往 前端工程師培訓班＆專題班 進行報名。
前端技術三大學程學什麼？
技術課程分為三個階段，有系統地培養您掌握前端開發三大核心領域。
在課程中，您會怎麼學習？
- 直播、影音教學雙管齊下
- 預習課程：報名課程即可獲得課前預習，提早註冊直接贏在起跑點
- 直播互動：除了看老師 Live Coding，還能隨時在直播間發問，即時獲得解答！
- 每日、主線任務
- 每日任務：每天一個小任務，無痛養成你的原子習慣
- 主線任務：接近實戰的作業設計，另有真人助教批改並給予實戰回饋
- 助教服務
- 程式卡關抱大腿：作業討論頻道共學，助教定期解答與回覆
- 作業批改服務：每週都有課程作業，提交後 3~7 天內獲得批改回饋
實戰講師帶您入門
給你充實的線上學習體驗，幫助您過關斬將、一步一步掌握技術知識！
課程大綱與直播時間
一、網頁切版學程－網頁切版直播班
開學典禮
- 時間：2026/6/26 (五) 20:00
- 簡介：在開始正式上課之前，我們會向您介紹這門課程的規劃、建議您如何學習。
第一堂：1 px 也不差的版型控制術
- 時間：2026/7/1 (三) 20:00~22:30，2.5 小時
- 簡介：在排版時，常常為了幾 px 的位移或跑版而傷透腦筋嗎？其實只要掌握幾個關鍵知識，你也能切出精準到位的版型！
- 關鍵字：盒模型、Line-height 與垂直空間、display 狀態、CSS 實務選擇器技巧、圖文排版技巧
第二堂：Flexbox 網頁排版術
- 時間：2026/7/3 (五) 20:00~22:30，2.5 小時
- 簡介：李小龍說過：「我不害怕曾經練過一萬種踢法的人，但我害怕一種踢法練過一萬次的人」，網頁排版擁有 float、inline-block、flexbox、grid 流派，但是你真的有認真將一個流派專精到讓人會怕嗎？本週題目我們將會詳細講解 Flexbox，並藉由後面幾週的反覆練習，讓您成為 Flexbox 的切版專家！
- 關鍵字：Flexbox 排版技巧、水平與垂直置中、常見版型教學
第三堂：伸縮自如的 RWD 手機網頁排版術
- 時間：2026/7/10 (五) 20:00~22:30，2.5 小時
- 簡介：行動裝置這麼多，你的網頁在全部螢幕解析度都支援嗎？還是你只會下一個手機版 media query，而中間的 size 都忽略了？其實 RWD 沒你想像中的複雜，讓我們來教會你！
- 關鍵字：media query、SCSS 、使用者體驗、斷點規劃
第四堂：多頁式網頁設計
- 時間：2026/7/17 (五) 20:00~22:30，2.5 小時
- 簡介：去面試時準備的作品，永遠只有一頁個人介紹網站嗎？頁面一多就不知道該怎麼管理你的 CSS 了？這堂課我們將會分享心法與工具，讓你頁面再多也不怕！
- 關鍵字：Vite、多頁設計、SCSS 管理、layout 版型規劃
第五堂：表單設計
- 時間：2026/7/24 (五) 20:00~22:30，2.5 小時
- 簡介：一個好的服務流程，少不了一個流暢、直覺且資料清楚的表單介面。表單是與使用者互動的核心，也是網站開發中必須要會的版型設計。
- 關鍵字：Bootstrap 元件運用、表單使用者體驗
第六堂：導入網頁規範設計流程
- 時間：2026/7/31 (五) 20:00~22:30，2.5 小時
- 簡介：當你頁面數量不是 3~5 頁，而是 30~50 頁以上，該如何制訂規範，讓產出的網頁都能模組化輸出，進以提升效率，也是網頁設計師需考量的一環！
- 關鍵字：SCSS 自訂 Bootstrap、格線系統、版型管理術
第七堂：視差滾動
- 時間：2026/8/5 (三) 20:00~22:30，2.5 小時
- 簡介：現在網頁已經擺脫中規中矩排版，我們能藉由簡易的 JS 套件，讓自己的網頁具有動感，設計出具備視差滾動技巧的優美網站！
- 關鍵字：AOS、JS 瀏覽器控制、Swiper
第八堂：實戰總複習
- 時間：2026/8/7 (五) 20:00~22:30，2.5 小時
- 簡介：一個成熟的前端介面，不論是版型管理、語法支援度、元件應用都得顧及到位，本週將會詳細介紹各角度的技術詮釋，以做為完美的收尾。
- 關鍵字：SMACSS、OOCSS、Template 元件設計
二、JS 邏輯學程－JavaScript 工程師養成直播班
開學典禮
- 時間：2026/09/11 (五) 20:00
- 簡介：在開始正式上課之前，我們會向您介紹這門課程的規劃、建議您如何學習。
第一堂：重新認識 JavaScript 之術
- 時間：2026/09/16 (三) 20:00~22:30，2.5 小時
- 簡介：學不好 JS 的原因，往往是基本觀念沒紮穩，以致後面越學越混亂，本週將學習最簡單也最重要的變數觀念，儘管你是學習一年以上的開發者，在這堂課上也會受益良多！
- 關鍵字：變數、型別、陣列與物件、let、const
第二堂：邏輯判斷之術
- 時間：09/18 (五) 20:00~22:30，2.5 小時
- 簡介：接下來，我們將開始培養「程式邏輯」，你將寫程式，讓電腦依照你的想法去執行。同時會設計大量的情境題，藉由學習引導更快掌握開發邏輯！
- 關鍵字：if、else、邏輯運算子
第三堂：物件跟陣列資料處理之術
- 時間：09/23 (三) 20:00~22:30，2.5 小時
- 簡介：你有一批資料，想篩選或計算出你想知道的資訊？那你絕對不能不會物件與陣列！本週將會詳細講解資料處理的各種語法，讓你成為資訊處理達人~
- 關鍵字：陣列、物件、陣列操作大全、for、forEach、JSON
第四堂：函式設計之術
- 時間：10/02 (五) 20:00~22:30，2.5 小時
- 簡介：要成為專業的工程師，函式會是你的最大利器，將每個功能都包裝成函式，讓您能有條理地管理程式碼！
- 關鍵字：function、箭頭函式、參數設計、監聽整合、this
第五堂：期中試煉
- 時間：10/07 (三) 20:00~22:30，2.5 小時
- 簡介：不只輸入知識外，你也需要大量輸出練習，讓技術真正地吸收成自己的技能。本週我們將會出各種關卡，讓您能跨越重重邏輯障礙，破繭重生！
- 關鍵字：JS 開發思維、程式邏輯整合
第六堂：AJAX 操控伺服器之術
- 時間：10/16 (五) 20:00~22:30，2.5 小時
- 簡介：AJAX 技術能夠讓您取得與更新遠端伺服器資料，本課程將會提供「專屬 API」，讓您能充分練習！
- 關鍵字：AJAX、JSON、Axios、fetch、promise、HTTP
第七堂：第三方 JS 套件整合之術
- 時間：10/23 (五) 20:00~22:30，2.5 小時
- 簡介：除了自己寫程式碼，站在巨人的肩膀上使用成熟套件加速開發，並有條理地整合也是重要一環。本週將會分享業界實務套件、讓您開發無往不利！
- 關鍵字：C3.js SVG 圖表、資料驗證、動畫效果
第八堂：RESTful API 整合開發之術
- 時間：10/30 (五) 20:00~22:30，2.5 小時
- 簡介：到這階段我們將會學習如何整合串接 API，課程提供 10 支以上的 API，讓您能充份了解 API 介接的各種眉角！
- 關鍵字：RESTful API、axios
第九堂：期末專案試煉
- 時間：11/06 (五) 20:00~22:30，2.5 小時
- 簡介：為了確保您真正學會 JavaScript，我們將會設計「專案級」的期末試煉，並模擬業主需求，讓您深入其境，瞭解前端工程師常見工作情境！
- 關鍵字：實務開發、JS 中高階觀念
三、Vue.js 前端框架學程－Vue 作業實戰班
開學典禮
- 時間：2026/12/09 (三) 20:00
- 簡介：在開始正式上課之前，我們會向您介紹這門課程的規劃、建議您如何學習。
第一堂：重新打造 JavaScript 思維，從拆解認識設計模式
- 時間：2026/12/11 (五) 20:00~22:30，2.5 小時
- 簡介：學了許多 JS 語法，但實戰中依然覺得卡卡嗎？本課程會介紹目前最主流的設計模式，接觸框架的同時瞭解為什麼框架這麼做，以及框架有什麼優勢！
第二堂：RESTful API 串接、Vite
- 時間：2026/12/16 (三) 20:00~22:30，2.5 小時
- 簡介：身為一個前端工程師，串接 API 的技能一定要有。為了經營出具個人風格的獨立作品，本課程前期就可開始串接專屬 API，同時瞭解如何與 Vue 進行整合。
第三堂：開始熟練 Vue
- 時間：2026/12/23 (三) 20:00~22:30，2.5 小時
- 簡介：打開許多框架文件不知如何入手嗎？前幾週先帶大家輕鬆接觸 Vue，本週開始將會更深入的學習重要的 80% 語法，加速接下來的開發熟練度！
第四堂：元件化
- 時間：2026/12/30 (三) 20:00~22:30，2.5 小時
- 簡介：一個專業的開發者，開發的過程中一定會掌握「DRY」 的觀念（don't repeat yourself），精準的拆分模組並增加每段程式碼的可用性，邁向專業開發者的道路吧！
第五堂：Vue Router 路由
- 時間：2027/01/06 (三) 20:00~22:30，2.5 小時
- 簡介：單頁式應用程式現在已經成為顯學，不僅可以改善開發上的效率更能增加使用者的體驗，透過 Vue 與前端 Router 的觀念讓開發 SPA 變得輕而易舉。
第六堂：進階語法介紹
- 時間：2027/01/13 (三) 20:00~22:30，2.5 小時
- 簡介：前幾章節已經介紹了 Vue 的大部分運用方法，掌握後已經足以應對大部分的開發情境，本段將回到觀念的介紹，讓你更能了解框架是如何運作以及遇到問題是如何排除！
第七堂：Pinia 狀態管理
- 時間：2027/01/20 (三) 20:00~22:30，2.5 小時
- 簡介：隨著專案越來越複雜，單一元件的狀態管理以及無法滿足團隊開發上的需求，因此在多人團隊開發中，更會建議導入 Pinia 來管理專案的狀態變化。
第八堂：Vue 實戰全攻略
- 時間：2027/01/27 (三) 20:00~22:30，2.5 小時
- 簡介：本課程會提供專屬實戰 API，示範該如何運用實戰 API 打造出電商網站！
常見 QA
「前端工程師培訓班」和「前端工程師培訓班＆專題班」的差別是什麼？
主要的差異在於是否包含「企業專題班」。
前端系列課程的完整規劃是讓學員在一步步學習技術之後，能夠應用所學的技術來製作出一個作品。透過六角團隊的引導，瞭解一個產品從 0 開始到完成上線的流程、累積團隊協作與溝通經驗。
因此如果您想要有作品製作或團隊協作經驗，推薦您參與「前端工程師培訓班＆專題班」。
我沒有學過軟體也可以參與嗎？
是的，本課程專為新手設計，每個技術學程均包含課前影音，讓你可以從零開始轉職前端工程師，未來發展職業包含：
- 前端工程師
- 網頁設計師
- 可再進修成為軟體工程師、後端工程師等職位
我目前在職或在學也適合參加嗎？
非常適合！課程採線上陪跑式學習，無論您是在職、在學或者全職學習，都能根據時間安排進度：
- 平日晚上 20:00 直播課（大多為週三或週五，並提供完整錄影，可隨時回看）。
- 各門課程開課當天就會釋出預習資源，您可依照自己的節奏先行預習。
- 每日小任務（20～30 分鐘即可完成），幫助持續累積學習進度。
備註：第一門課程「網頁切版直播班」的預習資源在您完成課程開通後即可開始觀看，後續課程將在該門課的「預習資源開放時間」開放。
每一門課的直播時程、預習資源開放的時間？
直播時間為以下各日期的 20:00 ~ 22:30。
- 網頁切版學程－網頁切版直播班
- 開學典禮：2026/06/26 (五)
- 直播上課：2026/07/01 (三)、07/03 (五)、07/10 (五)、07/17 (五)、07/24 (五)、07/31 (五)、08/05 (三)、08/07 (五)
- 預習資源開放時間：已開放，購課後可觀看
- JavaScript 邏輯學程－JavaScript 工程師養成直播班
- 開學典禮：2026/09/11 (五)
- 直播上課：2026/09/16 (三)、09/18 (五)、09/23 (三)、10/02 (五)、10/07 (三)、10/16 (五)、10/23 (五)、10/30 (五)、11/06 (五)
- 預習資源開放時間：預期於 08/19 (三) 開放
- Vue 框架學程－Vue 作品實戰班
- 開學典禮：2026/12/09 (三)
- 直播上課：2026/12/11 (五)、12/16 (三)、12/23 (三)、12/30 (三)、2027/01/06 (三)、01/13 (三)、01/20 (三)、01/27 (三)
- 預習資源開放時間：預期於 11/18 (三) 開放
請問直播課有錄影嗎？錄影有觀看時間限制嗎？
每堂直播課程都有錄影，並會收錄放到本次課程影音課程列表內。
本系列各課程的影音觀看期限為：
- 網頁切版直播班：2027/07/01 (四) 23:59
- JavaScript 工程師養成直播班：2027/09/16 (四) 23:59
- Vue 作品實戰班：2027/12/12 (日) 23:59
除了老師直播外，我有問題該怎麼辦？
我們的系統會提供課程問答專區，線上的助教都會在發問後 48 小時工作日內回覆；同時也會提供專屬的 Discord 作業討論頻道，讓您與助教、同學一起互動交流！
請問我可以使用平板電腦或是智慧型手機上課嗎？
我們提供影片及直播的形式上課，直播的內容則是使用 Zoom 服務，因此在手機上也能正常運行。
但在此也額外提醒，由於課程包含許多程式碼，使用行動裝置可能會有程式碼呈現較小的狀況哦。
在課程中會使用到哪些工具？
課程中將會使用到以下工具或服務，請確認您的裝置及作業系統支援該服務，以保有完整的課程體驗。
- Visual Studio Code 程式碼編輯器
- Zoom 上課直播間
- Discord 課程公告、提問交流社群
請問完課證明領取資格？
直播課後會提供主線任務實戰作業，在指定期限之前提交所有作業並交由助教審核成功，即可領取完課證明。
我要怎麼開始上課？
成功購買課程後，六角學院將在 3 個工作天內使用 Email 進行開課通知，包含需開通的課程平台說明，請於購買時確實填寫聯繫信箱，並確保您的信箱能收取來自 service@hexschool.com 的信件。建議報名後務必確認課程通知信件及加入相關平台，若有問題請儘早聯繫客服，我們將協助您確認權限
退費規定？
購買「前端工程師培訓班」時，請注意，由於此組合包包含多個課程，請務必詳細了解退費規則：
第一個課程為「網頁切版直播班」，因此退費標準將依據「網頁切版直播班」的開課日期（2026/07/01）為基準。
若您在開課 15 天後，因個人或其他原因希望退「前端工程師培訓班」後續課程，則不接受退費。請同學務必注意此點規範。
若您因個人因素或其他原因認為不適合，並希望退費，請依照所訂的規範進行退費申請：
- 培訓班開課前七日（2026/06/03～06/23）申請退費者：
- 若已觀看預習影音課程達 10% 以上，僅能退 70% 費用。
- 未觀看預習影音課程可退費 90%。
- 培訓班開課前七日至開課前（2026/06/24～06/30）申請退費者：
- 若已觀看預習影音課程達 10% 以上，僅能退 60% 費用。
- 未觀看預習影音課程可退費 80%。
- 自實際上課日起十五天內（2026/07/01～07/15）申請退費者：
- 若已觀看預習影音課程達 10% 以上，不予退費。
- 未觀看預習影音課程可退費 50%。
- 開班上課時間超過 15 天（2026/07/16 起）申請退費者，不予退費。
- 學院因故未能開班上課，應全額退還學員已繳費用。
若因個人因素導致無法獲取課程資訊，進而影響課程參與（例如：信箱無法收信、未開通課程、未加入 Discord 頻道等），本課程恕無法因此提供退費、延期或轉讓。Hahow 將不受理此申請，亦無法因此提供額外補償。
建議報名後務必確認課程通知信件及加入相關平台，若有問題請儘早聯繫客服，我們將協助您完成設定。
如訂單中有購買其他 Hahow 官網販售之商品，退費規範仍以「Hahow 退費政策」為準，不適用以上特殊規則。如在 Hahow 購買後有退費需求，請透過 Hahow 官網右下角綠色圓圈或寄信至 contact@hahow.in 聯繫客服團隊，客服團隊將會於 1-2 個工作天內協助處理。
