想要做出好作品，卻沒有方向

能力不夠、不清楚標準在哪

JavaScript 會了語法
卻不知如何運用

嘗試做小作品
但每次都因為美感不佳而放棄

想要練習前後端分離
但是找不到可練習的資源

學習不是一個人的事情
你需要找人來幫你

雖說網路上有眾多的資源、眾多的教學，但這些內容多到眼花撩亂且品質參疵不齊難以整合，本課程將帶你打通 JavaScript 拆解、Vue 實戰運用、怎麼做都不難看的版型技巧！

JS 設計模式打通新維度 ，
練出不被面試官打槍的技術底

課程中不僅會專注於語法上的的教學，更會透過程式語言的經典設計模式分享經驗，讓學員不僅會做出一個網站，更了解如何尋找問題並且如何建構前端網站

美感與實力兼具 ，
做出人見人愛的漂亮網站

在「2023 Vue 作品實戰班」中，有提供免費的電商 API，透過線上教學的形式已經具有許多的作品引導經驗，我們會依據學員的特質給予不同的建議，藉此完成獨一無二的作品網站。

卡斯伯老師

六角學院卡斯伯親自授課

卡斯伯
  • play_arrow

    2021 {Laravel x Vue} Conf 技術講者

  • play_arrow

    Modern Web 研討會講者

  • play_arrow

    連續六屆 IT 鐵人邦獲選紀錄

  • play_arrow

    線上課程超過萬人註冊

  • play_arrow

    JavaScript 技術書籍：2022/12 繁體中文書銷售排行第 1 名

由淺入深的課程大綱

這門課程，我們是以「 求職面試作品 」為導向，來規劃我們的課綱，讓您上完課後，就能開發屬於自己的網站作品。

第一週：重新打造 JavaScript 思維，從拆解認識設計模式

學了許多 JS 語法，但實戰中依然覺得卡卡嗎？本課程會介紹目前最主流的設計模式，接觸框架的同時瞭解為什麼框架這麼做，以及框架有什麼優勢


作品主題：關注點分離練習

教學關鍵字：
設計模式、關注點分離、Vue 初始化

week1
week2

第二週：RESTful API 串接

身為一個前端工程師，串接 API 的技能一定要有。為了經營出具個人風格的獨立作品，本課程前期就可開始串接專屬 API，同時瞭解如何與 Vue 進行整合。


作品主題：API 串接練習

教學關鍵字：
Promise、RESTful API、Vue 的運行

第三週：開始熟練 Vue.js

打開許多框架文件不知如何入手嗎？前幾週先帶大家輕鬆接觸 Vue.js，本週開始將會更深入的學習重要的 80% 語法，加速接下來的開發熟練度！


作品主題：Vue 起步走，後台介面練習

教學關鍵字：
computed、watch、JS 傳參考特性

week3
week4

第四週：元件化

一個專業的開發者，開發的過程中一定會掌握「DRY」 的觀念（don't repeat yourself），精準的拆分模組並增加每段程式碼的可用性，邁向專業開發者的道路吧


作品主題：模組功能設計

教學關鍵字：
Component、life cycle

第五週：進階語法介紹

前幾章節已經介紹了 Vue 的大部分運用方法，掌握後已經足以應對大部分的開發情境，本段將回到觀念的介紹，讓你更能了解框架是如何運作以及遇到問題是如何排除！


作品主題：表單驗證實戰

教學關鍵字：
Vue API、Pinia

week5
week6

第六週：Vite、Vue Router

單頁式應用程式現在已經成為顯學，不僅可以改善開發上的效率更能增加使用者的體驗，透過 Vue 與前端 Router 的觀念讓開發 SPA 變得輕而易舉。


作品主題：多頁式應用程式

教學關鍵字：
Vite、Vue Router

第七週：網頁美感大揭密

進入一個網站的第一印象永遠是美感，不會是程式碼。所以再好的技術沒有透過包裝也無法達到 100 分的表現，本章節透過專業設計帶你用簡單技巧，呈現出 1000 分的表現方法！

掌握大部分的開發技巧後:

  • 最終作業規劃技巧 User Story、素材搜集
  • 常見美感分享
  • 示範後台製作

作品主題：最終作業前夕，規劃你的作品

教學關鍵字：
設計、案例分享、素材搜集

week7
week8

第八週：實戰全攻略

本課程會提供專屬實戰 API（全新開發），示範該如何運用實戰 API 打造出獨一無二的電商網站！


作品主題：精緻打磨，打造代表性的實戰作品

教學關鍵字：
面試作品

六角團隊搏命帶你做專題

每次有想法但都遲遲沒有下手嗎？不管網站企劃、進度管理、頁面設計、專題發表，六角團隊通通手把手的帶著你完成它！

引導專題流程圖
step1-作品主題思考

Discord 實際討論狀況

1
作品主題思考

  • 規劃使用者故事
  • 規劃網站地圖
  • 繪製線稿、流程圖
  • 審核，重新調整
step1-作品主題思考

Discord 實際討論狀況

step2-進度追蹤

2
進度追蹤

step2-進度追蹤
step3-與外部設計師合作

外部設計服務

3
與外部設計師合作

step3-與外部設計師合作

外部設計服務

step4-網站開發

版面製作

4
網站開發

  • 版面製作
  • API 串接
  • 動態效果
  • 細節優化
step4-網站開發

版面製作

step5-作品發表

專題發表會

5
作品發表

  • 簡報製作
  • 專題發表
  • 準備求職
step5-作品發表

專題發表會

網站特效

一個驚艷的作品絕對少不了吸睛的動態，直播班提供四大主題教學，讓你的網站輕快地動起來！

網站特效課綱主題

動態輪播 - Swiper

提示效果 - Sweet Alert、Vue Loading

後台強化 - 文字編輯器、多國語系

視覺優化 - AOS、視差滾動、Infinite Scroll

上課行事曆
不只要學好技術、還要做出好作品！

助教 卡斯伯

週三

Discord 作業與解題攻略講解

週五

從基礎到進階，
Vue 框架帶你學到會（🌟）

  • 尚未開課

  • 第一週：
    重新打造 JavaScript 思維，
    從拆解認識設計模式

    12/29（五）20:00~22:30，2.5 小時

  • 第一週：
    作業與解題攻略講解

    1/3（三），1 小時

  • 第二週：
    RESTful API 串接

    1/5（五）20:00~22:30，2.5 小時

  • 第二週：
    作業與解題攻略講解

    1/10（三），1 小時

  • 第三週：
    開始熟練 Vue.js

    1/12（五）20:00~22:30，2.5 小時

  • 第三週：
    作業與解題攻略講解

    1/17（三），1 小時

  • 第四週：
    元件化

    1/19（五）20:00~22:30，2.5 小時

  • 第四週：
    作業與解題攻略講解

    1/24（三），1 小時

  • 第五週：
    進階語法介紹

    1/26（五）20:00~22:30，2.5 小時

  • 第五週：
    作業與解題攻略講解

    1/31（三），1 小時

  • 第六週：
    Vite、Vue Router

    2/2（五）20:00~22:30，2.5 小時

  • 第六週：
    作業與解題攻略講解

    2/7（三），1 小時

  • 第七週：
    網頁美感大揭密

    2/16（五）20:00~22:30，2.5 小時

  • 第七週：
    作業與解題攻略講解

    2/21（三），1 小時

  • 第八週：
    實戰全攻略

    2/23（五）20:00~22:30，2.5 小時

  • 第八週：
    作業與解題攻略講解

    2/28（三），1 小時

豐富的課程活動

除此之外，本次直播課程新增許多學習活動，讓你就算在線上，也有超越實體活動的學習體驗

過程中會為每個人進行分組，一同挑戰團隊共同的開發任務，讓學習的過程不再孤單～
（任務範例：Git 協作，大家一起來 commit）

課程目標是讓學員都可完成「具個人風格的網頁作品」，將會提供線上作品牆呈現學員們的成果，在線展示屬於大家的優秀作品。

每個人都花費大量的心力經營自己的作品，其中也埋藏了許多充滿趣味的秘密，課後將會舉辦發表會讓大家盡情的展現吧！

2023 全新加入！
分組專題製作

三個卡斯伯

有很好的構想，但卻沒有足夠的時間完成嗎？

已經有單刷的能力，想增加多人協作的經驗嗎？

|

Vue 作品實戰班長期以來累積了大量的作品，而許多學生想要突破自我的限制，希望能夠將作品的規模放大。因此，基於六角長期的專題引導經驗，本次 Vue 直播班開放多人組隊，讓作品可看度雙倍提升！

註：喜歡單刷同學，依然可以選擇自己完成最終作品喔～

三個卡斯伯

Vue 作品實戰班

用八週的時間，帶你做出兼具美感與實力的好作品

授課內容：

  • 開課日期：2023/12/29（五）
  • 教學日期：2023/12/29 ~ 2024/2/23 每週五，共 8 堂
  • 授課時段：各授課堂數的 20:00~22:30
  • 授課堂數：每堂 2.5 小時，共 8 堂，總計 20 小時
  • 直播教室：使用 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]，將會有小幫手協助進行退款。

Vue 作品實戰班

Vue 作品實戰直播班

以「 求職面試作品 」為導向，八週帶你做出面試專用作品，成為 JS 實戰小能手。

此組合包含：

  • 8 堂直播課程
  • 30 小時以上的影音教學資源
  • 30 支專屬 RESTful API
  • 完成專屬獨立的面試作品

原價 $25,000

$10,890

P.S.：六角學院也有 line@ 嘍，歡迎加入隨時獲得六角學院第一手資訊！

加入好友 加入好友
Vue 作品實戰班

#加購 - Composition API 實戰

為了讓所有人都有良好的上課體驗，Vue 作品實戰班主軸是以 Options API 為主。現在，亦有許多學員希望能夠同時掌握 Composition API，因此本次額外加開 Composition API 實戰教學！

error 為什麼 Vue 直播班是使用 Options API 呢？

課程大綱：

  • 2024/3/22：從 Options API 輕鬆轉換至 Composition API
  • 2024/3/29：Composition API 特殊運用技巧
  • 2024/4/5：實戰 - 專案改用 Composition API 進行開發

上課時間：
2024/3/22 ~ 2024/4/5 每週五晚上 20:00

報名條件：
本次註冊「Vue 作品實戰班」的學員

原價 $4,000

加購價 $1,199

Vue 直播班說明會

- 時間軸 -

00:00

開場

03:59

為什麼要來參加 Vue 直播班？

07:50

面對求職，前端作品重要嗎？

09:45

Vue 直播班課程重點

16:30

沒有 UI 背景，怎麼做出漂亮作品？

18:00

課程大綱介紹

27:00

直播班可享有的服務

45:10

今年增加了團隊分組、Composition API

50:22

如何帶專題作品

58:00

報名費用公布

1:14:25

常見問題

1:35:39

回答同學 Q&A

企業方案

  • diversity_3

    想要團隊一起升級嗎？

  • attach_money

    市面上的教育訓練價格都太高？

  • hail

    指標性的講師都請不到？

企業方案

註冊人數越多越便宜！

歡迎填寫表單立即享折扣！

*僅限公司行號申請

報名截止

P.S.：六角學院也有 line@ 嘍，歡迎加入隨時獲得六角學院第一手資訊！

加入好友 加入好友
六角學院 m.me/hexschool mail[email protected]
六角學院 六角學院

Copyright © 2019 HexSchool.
All rights reserved.