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

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

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

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

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

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

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

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

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

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

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

卡斯伯老師

六角學院卡斯伯親自授課

卡斯伯

2021 {Laravel x Vue} Conf 技術講者、 Modern Web 研討會講者、連續 六屆 IT 鐵人邦獲選紀錄、線上課程超過萬人註冊

由淺入深的課程大綱

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

第一週:重新打造 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

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

洧杰 卡斯伯

週三

求職展現超強火力,
讓您自信心爆棚

週五

從基礎到進階,
Vue 框架帶你學到會(🌟)

  • 尚未開課

  • 第一週:
    重新打造 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 作品實戰班

以「 求職面試作品 」為導向,八週帶你做出面試專用作品,成為 JS 實戰小能手。 此組合包含:
  • 12 堂直播課程
  • 30 小時以上的影音教學資源
  • 30 支專屬 RESTful API
  • 完成專屬獨立的面試作品

原價 NT$ 15,000

NT$ 11,999


P.S.:六角學院也有 [email protected] 嘍,歡迎加入隨時獲得六角學院第一手資訊!

加入好友 加入好友