# 六角學院

> 六角學院是一個以實戰作品與陪伴式學習為核心的線上程式學校，幫助想轉職、進修或強化開發能力的人，從基礎觀念一路練到能做出真正可展示的專案。

網站首頁：https://www.hexschool.com/
完整內容：https://www.hexschool.com/llms-full.txt

## 影音課程
> 可自學的線上影音課程

- [React 實戰影音課程](https://www.hexschool.com/courses/react.html)：從 React 基礎開始體驗，不只教你各項常用語法，還會透過「步驟拆解」、「作業練習」、「實作示範」，一步步帶你完成 React 的完整作品。
- [Bootstrap 5 網頁切版整合術](https://www.hexschool.com/courses/bootstrap5.html)：學習使用 Bootstrap 5 快速開發網頁版型及了解其進階使用方法，並掌握自訂各種網站所需的設計樣式技巧。
- [JavaScript 前端修練全攻略](https://www.hexschool.com/courses/js-plus.html)：課程將具備紮實且全面性的 JS ES6 觀念，大量的 JS 題庫讓每章節融會貫通，並以大型最終作業，驗證學習成效
- [Vue 3 實戰影音課程](https://www.hexschool.com/courses/vue3.html)：學會如何使用 Vue.js 開發前端網站，並熟悉相關工具的運用，最終完成電子商務類型的網站。
- [HTML、CSS 開發網站](https://www.hexschool.com/courses/html_css.html)：從無到有學會網頁設計，帶你做出具專業、語意化、美觀的網頁設計，專業工程師為你檢視網頁程式碼
- [jQuery 打造互動性網頁效果](https://www.hexschool.com/courses/jquery_ani.html)：輕鬆了解互動式網頁技巧，每週三線上傳授業界實務心法，專業工程師為你檢視網頁程式碼
- [一變應萬變的響應式網頁設計](https://www.hexschool.com/courses/responsive.html)：輕易掌握手機版網頁設計，透過動畫帶你理解抽象原理，專業工程師為你檢視網頁程式碼
- [Sass 實戰全攻略](https://www.hexschool.com/courses/sass.html)：Sass 實戰指南教您打造出易擴充、易維護的高品質 CSS 架構，了解業界管理規範，成為 1% 的 CSS 頂尖好手！
- [UI 設計入門](https://www.hexschool.com/courses/ui.html)：從底層觀念到實務操作，教你畫出有程式邏輯的電商 UI 設計稿
- [JavaScript 核心篇](https://www.hexschool.com/courses/js-core.html)：深入了解 JS 核心運作，輕鬆破解各路奇怪問題，大量測驗，驗證運作觀念
- [Git & Github 程式時光機](https://courses.hexschool.com/p/git-github)：基礎 Git 心法，各平台的 Command Line 教學，團隊合作的 Git 使用方法
- [使用 gulp 進行網頁前端自動化](https://hexschool.github.io/gulp-demo/)：最佳化你的流程，將你寶貴的時間專注在重要的開發上，課程將會教你怎樣製作自己的自動化工具。
- [VSCode 開發功能大解密](https://courses.hexschool.com/p/vscode)：身為工程師，編寫程式碼最重要的工具就是使用的電腦及開啟的文字編輯器，而 Visual Studio Code 是這幾年的首選文字編輯器。 VSCode 開發功能大解密教你掌握前端工程師必備技能。

## 免費課程
> 免費影音課程，可直接觀看

- [Chrome 網頁除錯功能大解密](https://www.udemy.com/chrome-devtools/)：長達 2 小時並達 20 部完整線上影音課程
- [一小時上手 Sublime Text 3](https://www.udemy.com/sublime-text-3/)：長達 1 小時並達 10 部完整線上影音課程
- [一套用到底的文字編輯器 Atom](https://www.udemy.com/atom-hexschool/)：長達 1 小時並達 10 部完整線上影音課程

## 直播班 / 培訓班
> 具開課期程的直播訓練班

- [網頁切版直播班](https://www.hexschool.com/courses/web-layout-training-1st.html)：以「 業界常見版型主題 」為導向，八週帶你做出面試專用作品，成為切版小能手。
- [【後端工程師學程】JavaScript 直播班](https://www.hexschool.com/courses/backend-javascript.html)：用九週時間帶你扎穩 JavaScript，接軌業界實務常用語法！
- [TypeScript 實戰課：打造工程師型別思維](https://www.hexschool.com/courses/typescript-training.html)：4 週陪跑跨越 JavaScript → TypeScript，升級你的開發思維，寫出更可靠、更好維護的程式碼！
- [React 作品實戰班](https://www.hexschool.com/courses/react-training.html)：本課程以「接近業界實戰」為導向，並提供專題一對一服務，手把手帶您成為 React 前端工程師！
- [Vue 作品實戰班](https://www.hexschool.com/courses/vue-training.html)：以「 求職面試作品 」為導向，八週帶你做出面試專用作品，成為 JS 實戰小能手。
- [Node.js+雲端：後端就業培訓班&專題班](https://www.hexschool.com/courses/backend-training.html)：想要進入後端工程師的領域嗎？讓六角學院來助你一臂之力。從 Node.js 養成後端能力，再掌握雲端架構部署技術，最後將所學集大成做出一份企業級專題作品，用 9 個月的紮實訓練換 20 年職涯主導權！
- [30 天軟體工程師體驗營](https://www.hexschool.com/courses/software-engineer-camping.html)：從 CSS 到 AI，一條龍帶你做出個人品牌網站！
- [前端工程師培訓班＆專題班](https://www.hexschool.com/courses/frontend-training.html)：除了一身好技術，還想擁有好作品！以「接近業界實戰」為導向，並提供團隊一對一專題引導服務，手把手帶您成為前端工程師。
- [後端工程師體驗營](https://www.hexschool.com/courses/backend-camp.html)：帶你解鎖後端工程師的世界！透過任務挑戰，你將會啟動並運行一個完整的前後端專案、理解前後端如何互動，並且在 Vibe Coding 時更有系統性地建立開發環境！
- [AI 開發進化營](https://www.hexschool.com/courses/ai-year-upgrade.html)：年度陪跑模式給你「6 場深度主題線上講座 + 持續更新影音 + Discord 實戰社群」，讓你掌握一整年度的 AI 開發能力！本課程重點在於「透過 AI 提升開發品質與效率」，將深入討論 Git 流程、測試驅動、CI/CD 與 AI Coding Agent 協作，適合具有一定的程式基礎的學員參與。
- [【後端工程師學程】Node.js 直播班](https://www.hexschool.com/courses/nodejs-training.html)：讓擅長化繁為簡的洧杰老師帶你建立完整的系統架構思維，你將學會親手設計伺服器運行邏輯，並挑戰業界主流的資料庫架構與效能優化。這也是銜接 AWS 雲端架構的關鍵必修站，讓你具備獨立交付專業專案的實戰力，一起踏上展開後端技能樹之路！

## 課程組合包
> 多門課組合的方案

- 高 CP 新手包：新手設計包，帶你學會網頁排版與 JavaScript，讓你上架網頁在伺服器上。
- [網頁切版組合包 (HTML + jQuery + RWD + Bootstrap)](https://www.hexschool.com/courses/web-design-combined-courses.html)：新手設計包，帶你學會網頁排版，讓你上架網頁在伺服器上。
- [JS 全攻略, JS 核心, React 實戰影音課程](https://www.hexschool.com/2022/01/14/2022-01-14-js-course-intro/)：基礎到進階一次學到會。
- [JS 全攻略, JS 核心, Vue 組合包](https://www.hexschool.com/2022/01/14/2022-01-14-js-course-intro/)：基礎到進階一次學到會。
- 前端全組合 (不含加購品)：前端必備技能一次學好學滿。
- 前端全組合 (不含加購品)：前端必備技能一次學好學滿。
- CSS 框架組合包 (BS5 + Sass + 直播講座 Sass)：從 SCSS 基礎到 Bootstrap 框架，實戰必備招式一把抓。