你是不是覺得，CSS 易學？
網頁資源超多
覺得自己也算略懂
上戰場才發現，CSS 難精！
沒代表作品，找不到版型練習
沒足夠知識，語法知識量不足
沒實戰機會，切版熟練度太低
你認真嘗試了
影音課程、各種實體課程、翻閱各大文件
還是學不好？
讓我們來培訓你
這堂課，要帶你 / 妳做出好作品
凡參加本次直播班學員，將會獲得
8 個業界熱門主題設計稿，頁面數量超過 20 頁
提供 學員專屬 UI 設計稿授權，方便您做成面試專用作品
第一週：1 px 也不差的版型控制術
在排版時，常常為了幾 px 的位移或跑版而傷透腦筋嗎？其實只要掌握幾個關鍵知識，你也能切出精準到位的版型！
作品主題：履歷設計
教學關鍵字：
盒模型、Line-height 與垂直空間、display 狀態、CSS 實務選擇器技巧、圖文排版技巧
第二週：Flexbox 網頁排版術
李小龍說過：「我不害怕曾經練過一萬種踢法的人，但我害怕一種踢法練過一萬次的人」，網頁排版擁有 float、inline-block、flexbox、grid 流派，但是你真的有認真將一個流派專精到讓人會怕嗎？本週題目我們將會詳細講解 Flexbox，並藉由後面幾週的反覆練習，讓您成為 Flexbox 的切版專家！
作品主題：個人網站
教學關鍵字：
Flexbox 排版技巧、水平與垂直置中、常見版型教學
第三週：伸縮自如的 RWD 手機網頁排版術
行動裝置這麼多，你的網頁在 全部螢幕解析度都支援嗎？還是你只會下 一個 手機版 media query，而 中間的 size 都忽略了？其實 RWD 沒你想像中的複雜，讓我們來教會你！
作品主題：RWD 形象官網
教學關鍵字：
media query、SCSS 、使用者體驗、表單設計
第四週：多頁式網頁設計
去面試時準備的作品，永遠只有一頁個人介紹網站嗎？頁面一多就不知道該怎麼管理你的 CSS 了？這堂課我們將會分享心法與工具，讓你頁面再多也不怕！
作品主題：多頁式 RWD 形象官網
教學關鍵字：
Vite、多頁設計、SCSS 管理、layout 版型規劃
第五週：後台表單設計
一個完美的前台，一定會有個維護方便的管理後台方便上稿，也同時會是你與後端工程師協作時，必須要會的版型設計！
作品主題：後台頁面設計
教學關鍵字：
Bootstrap 元件運用、表單使用者體驗、jQuery 動畫設計
第六週：導入網頁規範設計流程
當你頁面數量不是 3~5 頁，而是 30~50 頁以上，該如何制訂規範，讓產出的網頁都能模組化輸出，進以提升效率，也是網頁設計師需考量的一環！
作品主題：訂閱服務網站
教學關鍵字：
SCSS 自訂 Bootstrap、格線系統、版型管理術
第七週：視差滾動
在 2023 年，網頁已經擺脫中規中矩排版，我們能藉由簡易的 JS 套件，讓自己的網頁具有動感，設計出具備視差滾動技巧的優美網站！
作品主題：視差滾動應用
教學關鍵字：
AOS、GSAP、JS 瀏覽器控制
第八週：CSS 模組化管理
一個成熟的前端介面，不論是版型管理、語法支援度、元件應用都得顧及到位，本週將會詳細介紹各角度的技術詮釋，以做為完美的收尾。
作品主題：課程服務網站
教學關鍵字：
SMACSS、OOCSS、Template 元件設計
你是不是擔心
這堂課不適合自己？
在職前端學長姊心得，了解課程內容
Amberhh
商學院轉前端
在 side project 推進的過程中，老師不是想帶我們完成一個很酷很炫，很厲害的作品，而是做為指導教練的角色，根據每個人的程度給予適切的方向和建議，只要夠積極、夠努力，你要的資源洧杰老師會不吝嗇全部丟給你！這才是最值得的地方。
看更多心得＞
Sylvia
35 歲中年轉前端
直播班就像是爬山，爬的時候會很痛苦、懷疑自己能不能完成，但堅持到山頂後，會因為美景充滿了成就感，程式是你有多努力，你的成果就不會離你的付出太遠，努力達到老師的要求，多跟同學交流，參考彼此的作品，這會讓你進步得更快！
看更多心得＞
Alex
警察轉前端
其實在參加前，我覺得切版感覺不是很難，因為那時候已經學了Bootstrap 和 CSS 感覺我都切得出來，但參加完就覺得直播班練切版練得真的很扎實！切版直播班前四週比較像在複習，後四週難度才飆升，每週都會有一個全新的版型要切，那時真⋯⋯
看更多心得＞用直播上課的方式真的可行嗎？
主要講師
卡斯伯
六角學院
- 2021 {Laravel x Vue} Conf 技術講者
- Modern Web 研討會講者
- 連續六屆 IT 鐵人邦獲選紀錄
- 線上課程超過萬人註冊
- JavaScript 技術書籍：2022/12 繁體中文書銷售排行第 1 名
網頁切版直播班
用八週的時間，帶你成為切版達人
授課內容：
- 開課日期：2024 7/5（五）
- 授課時段：7/5 ～ 8/23 每週五，共 8 堂
- 教學時數：每堂 2.5 小時，共 8 堂，總計 20 小時
- 直播教室：使用 ZOOM 進行直播教學
上課行事曆
CSS 技術我全都要！
-
尚未開課
-
第一週：
1px 也不差的版型控制術
7/5（五）20:00~22:30，2.5 小時
-
第一週：
履歷設計版型
7/6（六），2 小時
-
第二週：
Flexbox 網頁排版術
7/12（五）20:00~22:30，2.5 小時
-
第二週：
個人網站版型
7/13（六），2 小時
-
第三週：
RWD 手機網頁排版術
7/19（五）20:00~22:30，2.5 小時
-
第三週：
RWD 形象官網
7/20（六），2 小時
-
第四週：
多頁式網頁設計
7/26（五）20:00~22:30，2.5 小時
-
第四週：
多頁式 RWD 形象官網
7/27（六），2 小時
-
第五週：
後台表單設計
8/2（五）20:00~22:30，2.5 小時
-
第五週：
後台頁面設計
8/3（六），2 小時
-
第六週：
導入網頁規範設計流程
8/9（五）20:00~22:30，2.5 小時
-
第六週：
內容訂閱網站(1)
8/10（六），2 小時
-
第七週：
視差滾動
8/16（五）20:00~22:30，2.5 小時
-
第七週：
內容訂閱網站(2)
8/17（六），2 小時
-
第八週：
CSS 模組化管理
8/23（五）20:00~22:30，2.5 小時
-
第八週：
大型網站管理心法
8/24（六），2 小時
讓你的能力符合 90% 的切版工作！
線上助教團隊全程陪伴
8 週授課期間，我們會一行行看您的程式碼，確保有達到專業水準！
這堂課適合新手嗎？
如果你是初學者，我們會提供給你免費 9hr 的影音課程帶您入門，並也享有 24 小時內助教問題支援。
掌握好網頁切版後，你就可以依照自己的技能樹，再轉職成：
- 網頁設計師
- 前端工程師
- 後端工程師
前端直播班課程行事曆
線上助教團隊全程陪伴
8 週授課期間，我們會一行行看您的程式碼，確保有達到專業水準！
專題課程
Discord 實際討論狀況
STEP 01
作品主題思考
- 規劃使用者故事
- 規劃網站地圖
- 繪製線稿、流程圖
- 審核，重新調整
專題教練協助管理
STEP 02
進度追蹤
- 專題教練透過 Discord 對齊進度
- Notion 管理專題里程碑
外部設計服務
STEP 03
與外部設計師合作
版面製作
STEP 04
網站開發
- 版面製作
- API 串接
- 動態效果
- 細節優化
專題發表會
STEP 05
作品發表
- 簡報製作
- 專題發表
- 準備求職
獨一無二的作品展示區
除此之外，本次直播課程新增許多學習活動，讓你就算在線上，也有超越實體活動的學習體驗
作品牆上，每一個都是同學們的心血結晶，都花上半至一個月以上的時間製作，慢慢打磨出可大聲說出「這是我做的」獨立作品！ 我們提供了許多不同資源，包含設計、原始碼檢視、內容審核，確保學員們可以完成一定水準的作品。這些作品：
絕對獨一無二，不會在其它地方看到相同內容、版型
都經過六角講師、助教審核，設計、程式碼皆有一定的水準
屬於每個作者的結晶，在面試上更能充滿信心地介紹它
本課程也將引導你完成夠水準的獨立作品！
培訓成果實體化，成長看得見
報名本班將會寄送乙式實體學分卡，能隨時關注自己學習進度，
提升動力獲得高薪工程師工作
為顧及教學品質，本班僅招收
400 人
報名時段如下：
6/5（三）21:00~24:00 提供 3 小時快閃註冊
6/6（四）00:00 對外開放報名
報名成功後，隔週您將會收到 Email 通知，並引導您完成新手任務。
6/6（四）~ 6/30（日）進行報名與新手任務
常見 Q & A
Q：網頁切版直播班是預錄的嗎？
A：不是哦，每次課程都會是老師直接 Live 教學，這樣才能提升互動性，增強學員吸收知識體驗
Q：有幾天直播時段沒辦法配合的話，會有錄影影片嗎？
A：有的！我們直播影片會保留到 2025/06，方便學員隨時回平台回顧。
Q：我看到你們有影音課程（ex: 使用 HTML、CSS 開發一個網站）跟網頁切版直播班，到底該選哪個好？
A：如果你有迫切性想學好網頁切版，建議你選本頁面的直播課程，直播的參與互動性高，並藉由老師們獨創的前端教材，學習效果更好。
Q：那影音課程（ex: 使用 HTML、CSS 開發一個網站）的話呢？
A：在影音課程（ex: 使用 HTML、CSS 開發一個網站）設計上，我們一小節都設計成 5~20 分鐘，方便時間較碎片，沒辦法抽出一小時以上觀看直播課程的學員來選擇。
Q：但是我有你們的影音課程（ex: 使用 HTML、CSS 開發一個網站），還需要參加網頁切版直播班嗎？
A：影音課程的設計上，理論和實作都是 5:5，而網頁切版直播班則是實作機會比較多，互動性也高。如果你是迫切想掌握好一門技術的學員。建議是參與網頁切版直播班，並藉由影音課程來提升知識量
Q：我可以只上網頁切版直播班嗎？
A：當然可以，只要有跟上網頁切版直播班的內容，也會有足夠的知識量來做我們提供的版型。
Q：除了老師直播外，我有問題該怎麼辦？
A：我們課程系統會提供問答專區，線上的助教都會在發問後 48 小時工作日內回覆，並且也會提供專屬的 Discord 聊天頻道，來讓您與助教一起互動！
Q：如果無法參與，可以申請退費嗎？
A：退費前請先詳閱退費規定。若不符合需求仍欲退款，可寄信至 [email protected]，將會有小幫手協助進行退款。
學技術 - 網頁切版直播班
- 16 小時的課程預習教材
- 直播課程時間：2024/7/5 ～ 2024/8/23 每週五晚上八點
- 8 堂直播教學，共 20 小時
- 額外 8 堂作業解說
- 8 個業界熱門主題設計稿，頁面數量超過 20 頁
- 1 張學習小卡
- 一年時間免費課程錄影回顧
- 授課期間無次數限制作業程式碼檢視
技術 + 作品 - 切版直播班 & 專題班
- 作品製作時間：2024/7/5 ~ 2024/10/18
- 作品發表日：2024/10/20（日）
- 專題期間包含 Bootstrap 5 教學影音
- 專題期間包含作品規劃、線稿圖製作等企劃教學影音 5 小時
- 1 式首頁 UI 專題設計稿（每組別獨立設計）
- 課程期間包含團隊專題教練諮詢
- 每週兩個時段的線上助教
- 專題教練引導團隊完成獨立 “網頁設計切版作品”
- 包含一次上機考測驗（時間：9/28 14:00 - 16:00）
網頁切版直播班說明會
- 時間軸 -
12:10
開場
18:34
課程時間
1:07:02
8 份設計稿主題大公開 「加碼」再贈 10 份
1:11:14
首度與 AAPD 合作 再增設計稿 30 份
1:24:52
實際案例分享 - 非本科，怎麼成功轉職前端？
1:20:00
專題班的差別是什麼？怎麼做出漂亮的作品？
1:41:11
報名費用公布
2:13:53
開放問答時間
P.S.：六角學院也有 line@ 嘍，歡迎加入隨時獲得六角學院第一手資訊！
