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

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

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

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

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

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

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

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

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

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

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

TRAVEL CAT

鹿鹿

宇宙堂

哇栽

Vintage Select

WOOD LIFE

多肉行旅

Belusa Dessert

JavaScript 作品實戰直播班

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

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

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

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

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

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

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

由淺入深的課程大綱

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

第一週:重新打造 JavaScript 思維,從函式拆解認識設計模式

學了許多 JS 語法,但實戰中依然覺得卡卡嗎?本課程會介紹目前最主流的設計模式,在接觸框架前重新設定開發思維,加速往後課程的學習效率。


作品主題:函式結構化拆解練習

教學關鍵字:
設計模式、關注點分離

第二週:加速學習新基礎,ES6 語法起手式

ES5、ES6 許多新的關鍵詞傻傻分不清楚,在此帶你掌握最常運用的 90% ES6 語法,讓你的程式碼更加精簡有效率


作品主題:ES6 應用開發

教學關鍵字:
ECMAScript 6、ESLint

第三週:Vue.js 起步走

打開許多框架文件不知如何入手嗎?但其實每一個框架都有最常使用的語法、觀念,接下來將傳授最常利用的 80% 語法,加速你在實戰中的開發效率


作品主題:Vue 起步走,後台介面練習

教學關鍵字:
Vue

第四週:元件化

一個專業的開發者,開發的過程中一定會掌握「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)

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

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

為了讓你真的學會,
我們做了個團戰遊戲任務系統

反派霸格黨為了不讓大家成為網頁開發者,都會故意在程式碼埋 Bug、讓你的電腦不安份,來降低學習意願。

這次他們派了隻 BOSS 來阻撓六角學院,打敗他的方式,只有繳交每週關卡作業,化為攻擊力來打敗牠!

First slide

流程一

登入遊戲系統

報名成功後,您會收到 Email 勇者邀請信件,文中會引導你加入程式勇者村,並承接切版任務。

First slide

流程二

承接切版作業任務

每週直播課程結束後,我們會派出切版作業任務,八週總計就有八道任務。

First slide

流程三

提交審核

學員們提交任務後,將由六角助教們進行審核,並回報是否完成任務。

First slide

流程四

任務完成

當助教回報任務完成後,任務上的積分都會化為攻擊力,來攻擊 BOSS!

First slide

流程五

攻略條件

BOSS 的總血量是全部學員的 30% 作業量,當每位學員完成總作業量 30% 以上,便可攻克 BOSS!

JavaScript 作品實戰直播班

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

授課內容:

  • 教學日期:2020/6/19 ~ 8/7
  • 授課堂數:6/19(五)、6/26(五)、7/3(五)、7/10(五)、7/17(五)、7/24(五)、7/31(五)、8/7(五)
  • 作品發表會:8/29
  • 授課時段:各授課堂數的 20:00~22:30 (保證加碼)
  • 教學時數:每堂 2.5 小時,共 8 堂,總計 20 小時
  • 直播教室:使用 ZOOM 進行直播教學

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

六角堅強教學團隊

講師團隊

直播教學都靠我們!

卡斯伯 / 副校長

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

廖洧杰 / 校長

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

遊戲系統團隊

系統穩定度都靠我們!

乾太 / 後端工程師

我雖然不會寫程式,但寫系統略懂

Ray / 前端工程師

戰鬥吧工程師們,世界和平靠你們惹

俊儀 / UI 設計師

這次的 UI 設計稿都是我設計的辣

佳瑜 / UI 設計師

這次的 UI 設計稿都是我設計的辣

助教團隊

審核任務交給我們!

葉子 / 前端助教長

看我一個審十個~

Ray / 前端助教

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

穎旻 / 前端助教

請大家手下留情 qq

子琪 / 六角小幫手

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

這堂課適合 ...

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

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

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

本課程適合的職缺:

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

學完這門課,你將會獲得

獨一無二面試作品

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

穩固 JS/Vue 實作經驗

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

為顧及教學品質及 API 穩定度
本班限制 250 位

上課流程如下:

1
5/28(四) 開放報名,僅限 250 位
2
5/29(五)~6/7(日) 進行報名,進行新手任務

報名成功後,您將會收到 Email 通知,並引導您完成新手任務。

3
6/19(五) 開始上課

常見 Q & A

Q: JavaScript 作品實戰直播班是預錄的嗎?

A:不是哦,每次課程都會是老師直接 Live 教學,這樣才能提升互動性,增強學員吸收知識體驗

Q:有幾天直播時段沒辦法配合的話,會有錄影影片嗎?

A:有的!我們直播影片都會保留一年時間,方便學員隨時回平台回顧。

Q:我看到你們有影音課程(ex: Vue 出一個電商網站)跟 JavaScript 作品實戰直播班,到底該選哪個好?

A:如果你有迫切性想學好 JavaScript 及一個框架,建議你選本頁面的直播課程,直播的參與互動性高,並藉由老師們獨創的前端教材,學習效果更好。

Q:那影音課程(ex: Vue 出一個電商網站)的話呢?

A:在影音課程(ex: Vue 出一個電商網站)設計上,我們一小節都設計成 5~20 分鐘,方便時間較碎片,沒辦法抽出一小時以上觀看直播課程的學員來選擇。

Q:課程提供的 API 與 Vue 出一個電商網站一樣嗎?

A:本次課程 API 是重新開發的,除了架構及功能不同以外,也可以在做作業的過程中發出請求讓我們隨時新增功能喔。

Q:但是我有你們的影音課程(ex: Vue 出一個電商網站),還需要參加 JavaScript 作品實戰直播班嗎?

A:影音課程的設計上,理論和實作都是 5:5,而 JavaScript 作品實戰直播班則是實作機會比較多,互動性也高。如果你是迫切想掌握好一門技術的學員。建議是參與 JavaScript 作品實戰直播班,並藉由影音課程來提升知識量

Q:本課程使用的 Vue 版本是?

A:本課程是使用主流的 Vue 2.x 版本。

Q:我可以只上 JavaScript 作品實戰直播班嗎?

A:當然可以,只要具有符合基礎 JS 開發能力並跟上直播班的內容,也會有足夠的知識量來做最終實戰作業。

Q:除了老師直播外,我有問題該怎麼辦?

A:我們遊戲系統會提供問答專區,線上的助教都會在發問後 24 小時內回覆,並且也會提供專屬的 Slack 聊天頻道,來讓您與助教一起互動!

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

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

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

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

點我看詳細退費規定

繳費後,如因個人因素不克參加本培訓班需退費者,依據提出退班申請時間
分為以下四階段退費標準:

  • 培訓班開課日一個月前要求退費者,全額退費。
  • 培訓班開課前三日申請退費者,退費 90%。
  • 自實際上課之日起算未逾全期三分之一申請退費者,退費用 50%。
  • 開班上課時間已逾全期三分之一始申請退費者,不得申請退費。
  • 學院因故未能開班上課,應全額退還學員已繳費用。

退費方式

  • 退費工作流程約 3~5 工作日。
  • 於官網購買課程退費會酌收第三方支付手續費,信用卡一次付清 2.8%、分三期 3%、分六期 3.5%、分 12 期 7%、ATM為 1%,超商為 28元;若透過其他回饋金網站,例如:shopback 消費,欲退費會收取兩倍手續費用。
  • ATM 和超商繳費以匯款方式退回原繳款人帳戶,信用卡繳費退回原信用卡帳戶。

JavaScript 作品實戰直播班

以「 求職面試作品 」為導向,八週帶你做出面試專用作品,成為 JS 實戰小能手。 此組合包含:
  • 超過 20 小時的直播課程
  • 專屬 Slack 聊天頻道
  • 授課期間無次數限制檢查程式碼,確保作品品質
  • 學員專屬 UI 設計稿授權
  • 一年時間免費課程錄影回顧

原價 NT$ 14,000

限額 250 名

NT$ 7,488


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

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

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

加入好友