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

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

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

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

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

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

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

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

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

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

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

RingRing

RingRing

natureB

natureB

Fine Job

Fine Job

Natural

Natural

CLIMBER

CLIMBER

PANYA

PANYA 手感烘焙

Dorii

Dorii

Brunch

早午餐 Brunch

Vue 作品實戰班

這堂課,要引導你 / 妳做出誘人的作品

凡參加本次直播班學員,將會獲得

專屬學習頻道,百人在線加速學習效率

從 JS 設計模式著手,不僅教你怎麼構,還讓你知道怎麼拆

提供新版 API,建置屬於自己的商業主題

專屬 UI 設計框架,完成獨一無二的網站作品

設計講師引導你掌握美感小撇步,質感網頁自己動手做

由淺入深的課程大綱

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

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

第六週:Vue Cli、Vue Router

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


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

教學關鍵字:
Webpack、Vue Router、Vue CLI

第七週:網頁美感大揭密

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

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

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

作品主題:最終作業前夕,規劃你的作品

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

第八週:實戰全攻略

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


作品主題:精緻打磨,打造代表性的實戰作品

教學關鍵字:
面試作品

豐富的課程活動

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

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

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

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

Vue 作品實戰班

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

授課內容:

  • 教學日期:2022/01/07 ~ 2022/03/04
  • 授課堂數:1/7(五)、1/14(五)、1/21(五)、1/28(五)、2/11(五)、2/18(五)、2/25(五)、3/4(五)
  • 授課時段:各授課堂數的 20:00~22:30 (保證加碼)
  • 教學時數:每堂 2.5 小時,共 8 堂,總計 20 小時
  • 直播教室:使用 ZOOM 進行直播教學

為了幫助您攻克 BOSS
我們準備好了!

六角堅強教學團隊

講師團隊

直播教學都靠我們!

卡斯伯 / 副校長

我是 JS 教學之神,莫非你不知道?

廖洧杰 / 校長

沒有我教不會 JS 邏輯,儘管來吧!

助教團隊

審核任務交給我們!

葉子 / 前端助教長

看我一個審十個~

Ray / 前端助教

為什麼我又出現了?公司霸凌 R

穎旻 / 前端助教

請大家手下留情 qq

子琪 / 六角小幫手

如果你沒來上課,我會打給你。

這堂課適合 ...

本門課程適合具有基礎 JavaScript 經驗的開發者:

  • 想尋找前端工作,但還沒有作品者
  • 對於函式有基礎的概念,並清楚如何撰寫函式(function)
  • 正在開始學習任一種 JavaScript 框架(Angular、React、Vue)

你也可以參考本測驗,只要對七題以上即可參加本課程。

本課程適合的職缺:

  • 前端設計師
  • 前端工程師

學完這門課,你將會獲得

獨一無二面試作品

課程會引導學員做出個人風格的作品,搭配課程 API 自行建立具風格的作品,與人撞衫機率降為 0 %

穩固 JS/Vue 實作經驗

課程不僅教你怎麼做,更引導你實戰中如何運用。讓你具備框架開發的能力,課程後也能再應用。

獨一無二的作品展示區

作品牆

作品牆上,每一個都是同學們的心血結晶,都花上半至一個月以上的時間製作,慢慢打磨出可大聲說出「這是我做的」獨立作品! 我們提供了許多不同資源,包含設計、原始碼檢視、內容審核,確保學員們可以完成一定水準的作品。這些作品:

  • 絕對獨一無二,不會在其它地方看到相同內容、版型
  • 都經過六角講師、助教審核,設計、程式碼皆有一定的水準
  • 屬於每個作者的結晶,在面試上更能充滿信心地介紹它

本課程也將引導你完成夠水準的獨立作品!

你是不是擔心
這堂課不適合自己?

超多學長姊心得,進一步了解課程內容
...

Wendy

個人認為直播班比起錄影課程學習效果更好,更明顯成長,課程時間壓力沒有理由停下來,每一周都有該完成進度。每日任務每天花十幾分鐘熟悉一點點語法或觀念,幾周累積下來才發現在過程默默學會很多,加碼課程補充很多觀念,就是要學到會學到通。 More ...

...

Jin

我過去上過許多的影音課程,個人認為六角的老師、助教們真的很用心,經歷了 8 週的實戰直播後,你會發現其實裡面蘊藏了許多的細節,老師透過直播的互動讓你能夠重新回味以前在學校上課的臨場感,透過問答來幫助你的吸收,透過學員間的互相幫忙、互相分享來幫助你突破極限、克服困難! More ...

...

Chloe

實戰班還有一個很大的好處是,大家一起的力量,自己會有想怠惰的時候,但看著同學陸陸續續交作業,交出美美的成品,雖然壓力很大,但也在督促自己不要再混了,偶爾還是會抗拒啦,哈哈,可是會記得回來面對,真心的感謝老師、住在 slack 的助教跟大家。 More ...

...

Matt

在繳交作業的部分,當你想不到該如何下手時也可以去看其他同學是如何做到的,看別人的程式碼是一件非常有樂趣的事情!而實戰班在每個禮拜都需要繳交作業也進而督促自己每個禮拜都盡量交出那個禮拜的作業,繳完作業還有老師與助教幫你看程式碼哪裡寫得不好,這真的是不可多得可以改善寫爛 code 的機會。 More ...

...

嚕嚕

這次報名也是抱著姑且嘗試下的態度,沒想到卻讓我大開眼界,每週看到同學們繳交任務,心裡就會有種天啊我還沒寫作業,或是這個同學的網站好酷我也想要和他一樣強的想法,果然需要同儕的激盪(?) More ...

...

純純

作品實戰班的課程內容非常豐富,也有足夠的作業讓你練習,但若是新手的話,建議一定要有足夠的時間,因為一定要親自寫 code 才會發現自己哪裡是還不清楚的,也只有不斷不斷的寫,才能加深記憶以及訓練自己的寫 code 邏輯。 More ...

...

Aiden

這門課說實在不輕鬆,是很嚴謹的按表操課,作業或是課程缺太多助教還會查你水表。但整個學習過程中充滿著輕鬆的氛圍,上課的時候不是死氣沉沉的聽老師講,老師會時常與你互動,偶爾還會有同學穿插有趣的留言,提振大家的精神。課後寫作業你也不會是一個人,Slack 上,老師、助教、其他學員都在,大家都不吝於與你分享他們的知識。除了上課內容,多多與其他學員交流,有問題盡量找老師或助教。跟著進度走,你得到的絕對會比想像的多非常多。 More ...

...

Jerry

直播實戰班,是非常值得入手的,如果你沒辦法有毅力的鞭策自己每天學習,那直播班肯定適合你,而且課程中老師還不斷的加碼各種觀念補充的課程,整體的 CP 值絕對高到你出乎意料 More ...

...

巴奇

其實上直播班的最大好處是可以感受到老師跟助教們擁有實戰經驗的教學,有什麼問題只要在 Slack 發問,就會很快得到如何處理 bug 的方法,有時候問的問題也會被其他有經驗的同學幫忙解答,還會跟組員討論那個部份怎樣做,這個地方要注意什麼細節,這時候就會覺得自己在這條學習的路上並不孤單,有著跟志同道合的夥伴講著相同的語言的美好氛圍。 More ...

...

Lois

看起來是 2 個月的課程,但加上前後的預習與作業,大概有 3 個月可以好好投入學習,整體的課程 CP 值爆表,好像是不強迫但其實根本逼你學會用 git 還有 ES6,這點超吸引我。成長曲線真的遠遠打趴過去半年的自學,程度爆炸性增長 More ...

...

FuChang

真正進入課程的重頭戲之後,每一週卡斯伯老師總是會準備相當豐富且紮實的教學內容來指導我們,尤其是透過許多圖示的方式真的讓我在學習起來覺得容易很多,即使過了一段時間記憶有點流失,回來翻閱共筆文件及課程大綱又能馬上 catch 住當週老師所要教導的概念及內容。 More ...

...

Yu Chien

參加實戰班的這兩個月宛若蟲洞,再次離開已然抵達與原本相異的地方。像是影集《酷男異想世界》中卡拉莫所言:『這是一條道路,你可以回頭看,對自己說:「我走過那裡,很好玩。我可能不知道前面會發生什麼事,但我知道,剛剛那裡很棒」。』六角學院絕對是轉職路途中優美延綿的風景。 More ...

...

FuChang

真正進入課程的重頭戲之後,每一週卡斯伯老師總是會準備相當豐富且紮實的教學內容來指導我們,尤其是透過許多圖示的方式真的讓我在學習起來覺得容易很多,即使過了一段時間記憶有點流失,回來翻閱共筆文件及課程大綱又能馬上 catch 住當週老師所要教導的概念及內容。 More ...

...

Jiang V

這門課最大的收穫就是,『 所有的同學都是你的老師 』,每當我有疑惑時,就會 slack 上面翻翻看,看是否有同學也遇到問題,有時也會發現自己的盲點,最棒的是,現在同學提問給助教的問題都會記錄起來,我也會去翻找答案! More ...

...

chiayu

其實一直有想要學 Vue 的規劃,但往往剛看完基礎指令就會被其他事情拉走注意力,等到下次回來的時候又忘了那些指令要怎麼運用了(😓,透過直播班每週跟著老師的進度完成一個作品,循序漸進地補充知識點,並且運用在實作上加深印象,慢慢的會發現自己越來越熟練Vue 這個框架 More ...

...

Alysa

因為短時間內大量練習實作以及老師清晰的講解,的確有更快上手 Vue 框架。每次直播課程,同學都可以直接即時在 Zoom 上提問並即時得到老師的解答,幫助自己更快速了解觀念。平日在 Slack 的群組上發問,也很快得到老師和同學的幫忙,確保自己有正確吸收觀念。 More ...

...

豆腐

比較讓我有感的部分是:前面幾週的課程設計,特別是第一週到第三週的主線任務,從基礎的 JavaScript CRUD 小試身手,到用 Pure JavaScript 撰寫 Vue 框架的設計邏輯去寫 CRUD,真的讓我對 this 有全新的認識,非常喜歡這三週的主線任務!對我在用 React 框架開發的時候,也很有幫助。 介紹 this 的影音課程之後打算回頭再複習,因為老師真的講解的很清楚。 More ...

常見 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 小時內回覆,並且也會提供專屬的 Slack 聊天頻道,來讓您與助教一起互動!

Q:直播班的作業可以補交嗎?

A:當然可以,只要在 Vue 作品實戰班開班後的三個月內都可以補交哦~

Q:如果無法參與,可以申請退費嗎?

A: 退費前請先詳閱 退費規定。若不符合需求仍欲退款,可寄信至 [email protected],將會有小幫手協助進行退款。

Vue 作品實戰說明會

想對『Vue 作品實戰班』有更多瞭解嗎?透過直播認識此直播班有哪些特點吧!

Vue 作品實戰班

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

原價 NT$ 15,000

NT$ 7,299


請勾選以下注意事項,開始報名課程:

  • 本次挑戰你需要每週投入至少 6 小時,你可以辦到嗎?

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

加入好友