想要做出好作品，卻沒有方向
能力不夠、不清楚標準在哪
JavaScript 會了語法
卻不知如何運用
嘗試做小作品
但每次都因為美感不佳而放棄
想要練習前後端分離
但是找不到可練習的資源
學習不是一個人的事情
你需要找人來幫你
雖說網路上有眾多的資源、眾多的教學，但這些內容多到眼花撩亂且品質參疵不齊難以整合，本課程將帶你打通 JavaScript 拆解、Vue 實戰運用、怎麼做都不難看的版型技巧！
JS 設計模式打通新維度
，
練出不被面試官打槍的技術底
課程中不僅會專注於語法上的的教學，更會透過程式語言的經典設計模式分享經驗，讓學員不僅會做出一個網站，更了解如何尋找問題並且如何建構前端網站
美感與實力兼具
，
做出人見人愛的漂亮網站
在「2022 Vue 作品實戰班」中，有提供免費的電商 API，透過線上教學的形式已經具有許多的作品引導經驗，我們會依據學員的特質給予不同的建議，藉此完成獨一無二的作品網站。
六角學院卡斯伯親自授課
卡斯伯
2021 {Laravel x Vue} Conf 技術講者、 Modern Web 研討會講者、連續 六屆 IT 鐵人邦獲選紀錄、線上課程超過萬人註冊
由淺入深的課程大綱
這門課程，我們是以「 求職面試作品 」為導向，來規劃我們的課綱，讓您上完課後，就能開發屬於自己的網站作品。
第一週：重新打造 JavaScript 思維，從拆解認識設計模式
學了許多 JS 語法，但實戰中依然覺得卡卡嗎？本課程會介紹目前最主流的設計模式，接觸框架的同時瞭解為什麼框架這麼做，以及框架有什麼優勢
作品主題：關注點分離練習
教學關鍵字：
設計模式、關注點分離、Vue 初始化
第二週：RESTful API 串接
身為一個前端工程師，串接 API 的技能一定要有。為了經營出具個人風格的獨立作品，本課程前期就可開始串接專屬 API，同時瞭解如何與 Vue 進行整合。
作品主題：API 串接練習
教學關鍵字：
Promise、RESTful API、Vue 的運行
第三週：開始熟練 Vue.js
打開許多框架文件不知如何入手嗎？前幾週先帶大家輕鬆接觸 Vue.js，本週開始將會更深入的學習重要的 80% 語法，加速接下來的開發熟練度！
作品主題：Vue 起步走，後台介面練習
教學關鍵字：
computed、watch、JS 傳參考特性
第四週：元件化
一個專業的開發者，開發的過程中一定會掌握「DRY」 的觀念（don't repeat yourself），精準的拆分模組並增加每段程式碼的可用性，邁向專業開發者的道路吧
作品主題：模組功能設計
教學關鍵字：
Component、life cycle
第五週：進階語法介紹
前幾章節已經介紹了 Vue 的大部分運用方法，掌握後已經足以應對大部分的開發情境，本段將回到觀念的介紹，讓你更能了解框架是如何運作以及遇到問題是如何排除！
作品主題：表單驗證實戰
教學關鍵字：
Vue API、Pinia
第六週：Vite、Vue Router
單頁式應用程式現在已經成為顯學，不僅可以改善開發上的效率更能增加使用者的體驗，透過 Vue 與前端 Router 的觀念讓開發 SPA 變得輕而易舉。
作品主題：多頁式應用程式
教學關鍵字：
Vite、Vue Router
第七週：網頁美感大揭密
進入一個網站的第一印象永遠是美感，不會是程式碼。所以再好的技術沒有透過包裝也無法達到 100 分的表現，本章節透過專業設計帶你用簡單技巧，呈現出 1000 分的表現方法！
掌握大部分的開發技巧後:
- 最終作業規劃技巧 User Story、素材搜集
- 常見美感分享
- 示範後台製作
作品主題：最終作業前夕，規劃你的作品
教學關鍵字：
設計、案例分享、素材搜集
第八週：實戰全攻略
本課程會提供專屬實戰 API（全新開發），示範該如何運用實戰 API 打造出獨一無二的電商網站！
作品主題：精緻打磨，打造代表性的實戰作品
教學關鍵字：
面試作品
洧杰老師搏命帶你做專題
每次有想法但都遲遲沒有下手嗎？不管網站企劃、進度管理、頁面設計、專題發表，洧杰老師通通手把手的帶著你完成它！
Discord 實際討論狀況
1
作品主題思考
- 規劃使用者故事
- 規劃網站地圖
- 繪製線稿、流程圖
- 審核，重新調整
Discord 實際討論狀況
2
進度追蹤
外部設計服務
3
與外部設計師合作
外部設計服務
版面製作
4
網站開發
- 版面製作
- API 串接
- 動態效果
- 細節優化
版面製作
專題發表會
5
作品發表
- 簡報製作
- 專題發表
- 準備求職
專題發表會
網站特效
一個驚艷的作品絕對少不了吸睛的動態，本次直播班加碼直播介紹四大主題，讓你的網站輕快的動起來～
第五週
動態輪播 - Swiper
第六週
提示效果 - Sweet Alert、Vue Loading
第七週
後台強化 - 文字編輯器、多國語系
第八週
視覺優化 - AOS、視差滾動、Infinite Scroll
上課行事曆
不只要學好技術、還要做出好作品！
-
尚未開課
-
第一週：
重新打造 JavaScript 思維，
從拆解認識設計模式12/23（五）20:00~22:30，2.5 小時
-
專題發想、教練引導
-
第二週：
RESTful API 串接
12/30（五）20:00~22:30，2.5 小時
-
專題發想、教練引導
-
第三週：
開始熟練 Vue.js
01/06（五）20:00~22:30，2.5 小時
-
專題發想、教練引導
-
第四週：
元件化
01/13（五）20:00~22:30，2.5 小時
-
專題發想、教練引導
-
第五週：
進階語法介紹
02/03（五）20:00~22:30，2.5 小時
-
第五週：
動態輪播 - Swiper
02/08（三）20:00~22:00，2 小時
-
第六週：
Vite、Vue Router
02/10（五）20:00~22:30，2.5 小時
-
第六週：
提示效果 - Sweet Alert、Vue Loading
02/15（三）20:00~22:00，2 小時
-
第七週：
網頁美感大揭密
02/17（五）20:00~22:30，2.5 小時
-
第七週：
後台強化 - 文字編輯器、多國語系
02/22（三）20:00~22:00，2 小時
-
第八週：
實戰全攻略
02/24（五）20:00~22:30，2.5 小時
-
第八週：
視覺優化 - AOS、視差滾動、Infinite Scroll
03/01（三）20:00~22:30，2 小時
豐富的課程活動
除此之外，本次直播課程新增許多學習活動，讓你就算在線上，也有超越實體活動的學習體驗
過程中會為每個人進行分組，一同挑戰團隊共同的開發任務，讓學習的過程不再孤單～
（任務範例：Git 協作，大家一起來 commit）
課程目標是讓學員都可完成「具個人風格的網頁作品」，將會提供線上作品牆呈現學員們的成果，在線展示屬於大家的優秀作品。
每個人都花費大量的心力經營自己的作品，其中也埋藏了許多充滿趣味的秘密，課後將會舉辦發表會讓大家盡情的展現吧！
Vue 作品實戰班
用八週的時間，帶你做出兼具美感與實力的好作品
授課內容：
- 開課日期：2022/12/23（五）
- 教學日期：2022/12/23 ~ 2023/2/24 每週三跟五，共 12 堂
- 授課堂數：每堂 1.5 ~ 2.5 小時，共 12 堂，總計 26 小時以上
- 直播教室：使用 ZOOM 進行直播教學
這堂課適合 ...
本門課程適合具有基礎 JavaScript 經驗的開發者：
- 想尋找前端工作，但還沒有作品者
- 對於函式有基礎的概念，並清楚如何撰寫函式（function)
- 正在開始學習任一種 JavaScript 框架（Angular、React、Vue）
你也可以參考本測驗，只要對七題以上即可參加本課程。
本課程適合的職缺：
- 前端設計師
- 前端工程師
學完這門課，你將會獲得
獨一無二面試作品
課程會引導學員做出個人風格的作品，搭配課程 API 自行建立具風格的作品，與人撞衫機率降為 0 %
穩固 JS/Vue 實作經驗
課程不僅教你怎麼做，更引導你實戰中如何運用。讓你具備框架開發的能力，課程後也能再應用。
獨一無二面試作品
課程會引導學員做出個人風格的作品，搭配課程 API 自行建立具風格的作品，與人撞衫機率降為 0 %
穩固 JS/Vue 實作經驗
課程不僅教你怎麼做，更引導你實戰中如何運用。讓你具備框架開發的能力，課程後也能再應用。
獨一無二的作品展示區
除此之外，本次直播課程新增許多學習活動，讓你就算在線上，也有超越實體活動的學習體驗
作品牆上，每一個都是同學們的心血結晶，都花上半至一個月以上的時間製作，慢慢打磨出可大聲說出「這是我做的」獨立作品！ 我們提供了許多不同資源，包含設計、原始碼檢視、內容審核，確保學員們可以完成一定水準的作品。這些作品：
絕對獨一無二，不會在其它地方看到相同內容、版型
都經過六角講師、助教審核，設計、程式碼皆有一定的水準
屬於每個作者的結晶，在面試上更能充滿信心地介紹它
本課程也將引導你完成夠水準的獨立作品！
超多學長姊心得，進一步了解課程內容
常見 Q & A
Q： Vue 作品實戰班是預錄的嗎？
A：不是哦，每次課程都會是老師直接 Live 教學，這樣才能提升互動性，增強學員吸收知識體驗
Q：有幾天直播時段沒辦法配合的話，會有錄影影片嗎？
A：有的！我們直播影片都會保留一年時間，方便學員隨時回平台回顧。
Q：我看到你們有影音課程（ex: Vue 3 實戰影音課程）跟 Vue 作品實戰班，到底該選哪個好？
A：如果你有迫切性想學好 JavaScript 及一個框架，建議你選本頁面的直播課程，直播的參與互動性高，並藉由老師們獨創的前端教材，學習效果更好。
Q：那影音課程（ex: Vue 3 實戰影音課程）的話呢？
A：在影音課程（ex: Vue 3 實戰影音課程）設計上，我們一小節都設計成 5~20 分鐘，方便時間較碎片，沒辦法抽出一小時以上觀看直播課程的學員來選擇。
Q：但是我有你們的影音課程（ex: Vue 3 實戰影音課程），還需要參加 Vue 作品實戰班嗎？
A：影音課程的設計上，理論和實作都是 5:5，而 Vue 作品實戰班則是實作機會比較多，互動性也高。如果你是迫切想掌握好一門技術的學員。建議是參與 Vue 作品實戰班，並藉由影音課程來提升知識量
Q：本課程使用的 Vue 版本是？
A：本課程是使用主流的 Vue 3.x 版本（會視開課時的主流套件兼容程度，必要時會以 2.x 版本進行教學，另外加課介紹如何轉移至 Vue 3.x 版本）。
Q：我可以只上 Vue 作品實戰班嗎？
A：當然可以，只要具有符合基礎 JS 開發能力並跟上直播班的內容，也會有足夠的知識量來做最終實戰作業。
Q：除了老師直播外，我有問題該怎麼辦？
A：我們遊戲系統會提供問答專區，線上的助教都會在發問後 24 小時內回覆，並且也會提供專屬的 Discord 聊天頻道，來讓您與助教一起互動！
Q：直播班的作業可以補交嗎？
A：當然可以，只要在 Vue 作品實戰班開班後的三個月內都可以補交哦～
Q：如果無法參與，可以申請退費嗎？
A： 退費前請先詳閱 退費規定。若不符合需求仍欲退款，可寄信至 [email protected]，將會有小幫手協助進行退款。
11/22(二) YouTube 課程說明會
00:00 - 07:00
開場
07:00 - 30:58
Vue 3 直播班授課內容介紹
30:58 - 1:03:47
洧杰老師如何帶你做出個人作品
1:07:12 - 1:14:32
符合感謝祭抽獎券資格
1:14:32 - 2:06:19
直播班授課流程補充
Vue 作品實戰班
- 12 堂直播課程
- 30 小時以上的影音教學資源
- 30 支專屬 RESTful API 完成專屬獨立的面試作品
