# 六角學院採訪問題

## 1. 為什麼會想從平面設計轉做前端呢？
從大學就開始做平面設計直到出社會，一路就走了 10 年，而在大環境的變遷與趨勢下，平面設計與印刷品需求逐年下滑，每一年都會想著如果不做設計我可以做什麼? 原本壓根沒有想過會跟寫程式語言有關係，但近五年遠端工作與電子載具儼然成為資訊戰國時代下的產物，各產業也都轉換呈現方式，現在只要透過網路就可以完成許多事情，民生生活習慣也因為數位化而轉變，這時我就在想，如果我可以將我的設計能力延伸到網頁或是載具上，也是非常不錯的一件事情。

### 1.1 投入前端工程師之前
面臨著工作案件越來越少，就覺得應該要趕快轉變跑道，面臨著太太半年後即將臨盆的景況，讓我開始評估實體課程與線上課程什麼比較適合我？但因為需要考量現實能力與狀況，在只有設計背景的條件下，我想說先從 UI 設計師下手，所以先購買了UI 入門講座的實體課程，用了三週的時間花了 18 個小時聽課 (共 16,000 元)，但聽完後發現還是在設計的領域打轉，這與我想要的不同，因為我覺得應該要用有設計的能力當作背景，去做一個跳脫設計從業人員的工作內容。

### 1.2 開始思考什麼才是我想要的
接著我查詢了資策會的相關課程，也去聽了說明會，了解若去資策會我可以學習成什麼樣的技能，是否會更接近前端工程師。聽完資策會後心裡抱持著遺憾，還是沒辦法投入資策會的學習，因時間上要投入半年，且學費昂貴又無法工作，這樣會沒有收入，面對半年後的小孩出生的景況，家庭張力會非常緊繃，但透過資策會老師說明，讓我確定程式語言會是很好的發展，且可以應用上過去設計的能力，所以這條路可以通。
## 2. 想了解擁有平面設計的能力，在處理前端網頁設計上，對你有沒有什麼幫助，你覺得很不錯，可以和我們分享的呢？
因為從小喜愛繪畫，長時間美感與顏色的培養，在畫面結構佈局上，會比較有概念，在沒有設計稿的時候，在顏色選擇上也可以去快速地去思考使用者看到顏色的所要表達的意思。並且在 icon 的選擇也可以能選出較合適的圖示。與設計溝通的時候，可以提出自己的見解，也不會太外行。更重要的是，如果沒有設計稿的狀況下開發，也不會開發出很醜的頁面。
## 3. 當初怎麼認識到六角學院的呢？
當初在轉職的時候為了比較不痛，原本計畫是要先成為 UI 設計師，但可能設計真的做到很疲憊了，結果上完課發現 UI 設計還是偏設計，所以在想如果不做設計，我可以做什麼？
後來再延續搜尋的結果，發現了「前端工程師」的職缺，在排除資策會與民間電腦補習班的實體課程之後(因曾經在某電腦補習班吃虧過，故不考慮)，在網路上開始找尋線上課程，時間上比較可以配合。就發現了六角學院，看到邁向前端工程師/設計師之路的地圖，讓我覺得我好像可以從網頁設計師開始，畢竟我是非資訊相關科系畢業，要一頭栽入程式的世界好像離我太遠，所以我就先購買了網頁設計師的課程，就在投入近半年的時間，發現好像可以往前端工程師的領域邁進，所以就把其他與前端工程師相關的課程都註冊了。
## 4. 想了解一下，你註冊了哪些課程呢？
小朋友才做選擇，我全都註冊了！除了一些直播跟考題以外，幾乎有推出的課程我都買下來了。
## 5. 請問你是怎麼分配學習時間呢？目前還有持續在學習嗎？
### 5.1學習不會是一路順遂，但要定時定量
每個人的時空背景不同，我沒辦法給一個通則，但如果你跟我一樣沒有程式背景之下學習程式語言，我每一步都踩得戰競，深怕一鬆懈或分心，這段學習的時間就會拉得更長。因白天要工作的關係，我安排了一週六天晚上 9:00~12:00 的時間來學習，每個章節的小作業跟練習一定跟著登打一次，課程不懂的就反覆的多聽幾次，並且利用問答區詢問問題，並且把握一個原則：今天要比昨天的自己還要強。

### 5.2 對抗心魔的唯一辦法，就是丟掉羞恥心
一開始我不太問問題，因為覺得是自己資質不夠，怕問了蠢問題，但後來看到學員社團中大家卯起來問，還有跟老師與助教討論後，反正也沒人認識我，就算問了蠢問題其實也無妨，就這樣，只要有一點不懂，我就會寫在 CodePen 裡面並且提問，也透過提問來釐清自己的思緒，而不是一昧的求得解答。

### 5.3 師父引進門，修行在個人
如上面俗諺可知，老師、助教等教學資源都已經預備好，剩下就是要靠自己努力與前進，我是學習技術相關的人，我知道並不是學多少時間，或是學習多少技能就能進入該職場，而是對於這門技術的掌握度有多高，當面對專案時能不能貢獻己力在專案上，而不是拖垮整個團隊或共事的夥伴。
我從 2019.2.11 註冊六角學院，學習半年累積皮毛的程式概念與能力後，便積極參與許多學院舉辦的活動。

#### 5.3.1 六角同學會
可與畢業且在業界的學長姐做交流，與正在學習路上的同學互相打氣，也看到學院為了這次實體同學會的精心策畫與努力！詳情可看這篇

#### 5.3.2 THE F2E 精神時光屋
有超過 18 個頁面可以練習，這些如果通通都能完整地完成，能力一定大幅提升，我就是在旅館訂房頁面的作品中提升我自己的切版與 RWD 的能力，並且也學習到 JavaScript 一些基本的語法與 Git 的使用。

#### 5.3.3 iT 邦幫忙鐵人賽
非常推薦參加的比賽，連續撰寫 30 天技術文或是學習筆記，一定會有大幅成長，並且這段過程中看到更多前端好手與神人在其中，跟著他們的思維脈絡學習，會加速成長!至今我已經參加過三屆都完賽，並且去年的主題還被出版社相中，準備改編其內容要出版。

#### 5.3.4 線上直播研討會
非常推薦一定要參加，尤其是要累積更快速的技能與知識，投入一個半小時，勝過你自己學習好幾個小時。
## 6. 請你分享你的學習技巧
我參考了六角學院前端工程師與網頁設計師的差別，承上所述，若不做設計還可以做什麼? 所以我只參考了這兩個部分，加上現實的考量與未來的發展，我選擇了前端工程師。六角學院規劃了完整的學習地圖，非常適合非本科的朋友來學習，我自己學習的過程歸類成以下三點動態的檢視自己的狀態：

* 在現實與學習的路上該怎麼規劃呢?
* 要全職還是兼職學習?
* 學習時間與效益怎麼驗收?

### 6.1 學習路徑
首先一定是從最基本的 HTML & CSS 開始學習，洧杰老師用 WORD 當開頭，深入淺出的說明，讓我對於 coding 這件事情減少了許多懼怕。一開始身邊的人知道我要開始學習程式，都說邏輯性很重要。他們說得沒錯，但只對一半，因為更重要的是像我正統文組出身，又是受到長期美術教育薰陶的背景，思維要從天馬行空要馬上進入思維邏輯的領域來說，恐懼才是最大的阻礙。

### 6.2 HTML CSS jQuery RWD 失敗
首先，我學習完 HTML & CSS 後，大概能真正自己開始撰寫大概只有六成功力，因為知道的內容實在太少，也還是透過以前文組學習的方式，「課本」教我什麼，我只在這個領域練習，還沒有培養自己 google 的能力，就因為累積的不足，進入 jQuery 時，非常吃力，學習到懷疑人生，這時候已經過了兩個月!

我覺得這樣不行，太撞牆了，而且很沒有成就感，後來停下一天，回想過去學習技能這條路，如今可以上手是什麼方式跟方法，好好思考學習的路徑，什麼才是對我最有幫助且可以有效的提高掌握度。

### 6.3 HTML & CSS、SCSS、Bootstrap、RWD、JavaScript、jQuery、Vue.js(未完)
後來就按照上面的這個路徑，重新學習。沒錯!就是兩個月的東西砍掉重練，因為中間遇到太太生產，從生產到月子中心這一個月的時間，幾乎下班就是到月子中心陪伴與照顧她。只有大概滑滑手機，看看前端領域到底都要具備什麼能力，還有討論相關的主題跟內容，讓我自己不要跟這個領域脫節，等到太太出月子中心，回到家整頓好後，已經是五月底了，所以我可以說從六月重新學習。

雖然說是重新學習，但走過的路沒有白費，前兩個月所學習的內容還是記得，且重新再看一次課程，也找出當時沒發現的問題還有未釐清的觀念。且透過 SCSS 管理 CSS 後覺得更是如虎天翼，少了重工的困擾，程式碼也更乾淨，再透過 Bootstrap 的架構，在 RWD 上寫起來更是得心應手。

後來決定先把樣式這部分掌握好，至少在切版上可以在成效上有把握，後面再進行互動的學習。

### 6.4 JavaScript 的挫折
後來陸續也參加 F2E 前端修練時光屋的挑戰，iT 鐵人賽 30 天挑戰賽，這段時間是讓我切版成長最快速的時候，經過鐵人賽的洗禮，我覺得在成效上非常好，且是強迫自己 30 天不斷的接觸程式，產生熟悉感，寫起來也比較得心應手，有些語法也因為這樣不需要思考就可以寫出來了。後來進入 JavaScript 學習時，我覺得這個方式可行，所以要用這個方式來學習，但是有一部分我偷懶了，我大概用了兩週的時間把課程「看」完了，天真的以為我應該可以看得懂程式碼就會寫了。結果根本就是不可能！後來痛定思痛花了近兩個月的時間把 JavaScript 分小節，並且每一章節都做筆記，成為我自己查找資料的字典，並且記錄在鐵人賽的部落格上。也因為有自己整理學習的內容與紀錄，讓自己有「印象」自己到底學了什麼。也建立個人的前端技術部落格，後也因為這樣讓我在工作上也很快速地找到我自己的筆記，解決了工作上的困難。

### 6.5 Vue.js 挫折
這時已經開始在寫作品了，我跟洧杰老師討論後，他建議我選旅館訂房頁面當作作品來練習，在這個作品中更讓我釐清 JavaScript 如何讓網頁產生互動，也比較清楚網頁元素三劍客的分工與職責內容。我想說那來學習 Vue.js ，看看能不能加速我在開發上的速度與掌握一個框架，但因為 JavaScript 陣列與資料處理的觀念沒有非常清楚，在學習上相對吃力，後來先暫緩，想說先把 JavaScript 基礎弄好。

### 6.6 實體課程：五倍紅寶石 Vue.js 課程
剛好看到五倍紅寶石有一個實體課程，授課老師是在前端界有名的老師 Kuro，也是 Vue Taiwan 社團的創辦人，想說透過實體課程的方式，看看自己能否在實體中提升自己的能力，孰不知依然是 JavaScript 的熟練度還不夠高，學起來還是有點吃力，但因為有看過六角學院的 Vue 課程，所以基礎的還更得上，還需要加強的地方是 component 的使用與觀念，可惜我還是沒有學得很好，但如同前面所說，走過的路沒有白費，因為我更知道我要往哪些方向努力!也因為有參加實體課程，也獲得 Kuro 老師的親筆簽書！(書是我自己買的，購書連結)，也在這個月我拿到了 offer。

### 6.7 學習中的挫折
說實在，學習程式的過程孤單又挫折，幾乎每天都跟挫折相處，但也是好處，在程式的世界知道自己的微小，也知道自己該怎麼成長，也變得較務實，因為網頁不會說謊，寫了什麼給它，它就老實的回覆你。

學習跟挫折與孤獨相處，是很重要的。但值得開心的是六角學院的老師跟同學都可以陪伴你，在程式的世界沒有蠢問題，只怕不問問題跟找問題的源頭，更需要一顆研究的心。

### 6.8 自我挑戰
透過挑戰，就可以設立里程碑跟目標，也讓自己在失敗中學習，程式寫失敗沒有關係，把 bug 修好就好，不要想要一步登天，在初學就把程式碼的寫得又有條理跟精簡，因為就是知道哪裡寫得亂七八糟，才有機會修正自己的程式碼，還有撰寫思維。享受自我挑戰的樂趣非常重要，以下是我自己經歷的挑戰過程：

#### 6.8.1 F2E 挑戰失敗
第一次挑戰 F2E 前端修練時光屋，那時是寫番茄鐘，挑戰門檻是七天要完成稿件，原本我用平面設計的思維覺得應該是可以的，但我開始挑戰後，光是一個 aside 就讓我卡了七天，最終宣告放棄，也退出這次的挑戰賽，並且知道我超級不足，連一頁都寫不出來，說實在，挫折感比台北 101 還要高！

一度很想放棄，但我覺得這樣不行，我目標就是要成為前端工程師，這樣的程度是無法踏進這個領域的，所以開始找方法。

#### 6.8.2 IT 鐵人賽
透過 30 天的鐵人賽，我參加自我挑戰組，找了四個主題來寫，讓我自己透過三十天把四個網頁拆分得很細，並且每天記錄過程，讓自己未來可以回顧，現在看起來雖然很粗淺，但這就是當時我的實力，感謝當時堅持的我，讓我切版的能力提升了！後來因為挑戰成功，主辦單位還有寄獎狀跟獎牌到家裡，真是好棒的成長紀錄！

### 6.9 增廣見聞的地方
#### 6.9.1 IT 鐵人賽
透過鐵人賽，可以看到許多人不同的文章與撰寫的內容，也讓自己增廣見聞與成長！

#### 6.9.2 研討會
音樂詩人方文山曾經在一場簽書會說過：「想成為什麼樣的人，先做那個人要做的事情。」，六角學院固定會舉行線上研討會，為了讓自己的思維更貼近前端工程師，我後來幾乎有時間都會參加研討會，真的是秀才不出門，能知前端事。

#### 6.9.3 F2E 作品
我選擇旅房訂房網頁後，好好地並專心打磨此作品且練習手刻能力，大概花了我兩個月的時間，終於作了一個算是有點自信可以拿來面試的作品，雖然功能很陽春，但也是透過這個作品讓我程式撰寫能力大幅成長。

#### 6.9.4 dicord
非常推薦進入這個 discord 群，裡面各種高手學長姐，目前有些專案跟觀念也因為這個群組，解決我不少困難與問題。

#### 6.9.5 六角學院學員社團
可以看到許多學院優質的活動與課程推廣，也可以看到同學的成長與互相幫助，許多程式碼上的問題，在過來人的建議與分享，自己也獲得很大的成長與進步，原來我的問題，也是別人遇到的問題！更可貴的，真的可以找到互相扶持的朋友！

#### 6.9.6 身邊的工程師朋友
感謝上帝的恩典，我因為有幾位讓我詢問的六角學長，在我作品集還有專案上願意讓我問，也剛好身邊有一位資深全端工程師願意在我有問題的時候即時的發問，他也樂意指引我方向解決問題!真是非常感謝你們這一路的陪伴與協助!

#### 6.9.7 兩位老師
最重要的，當然就是授課的兩位老師，若沒有你們創立六角學院，我就沒辦法透過最適合我的線上學習，踏進前端工程師的工作，也謝謝你們願意花時間跟分析我學習的方向，還有通話解決我的疑問，也非常謝謝助教 Ray 願意額外在晚上的時間教我如何架設部落格，還有解決我一些前端的問題，真是非常感謝你們無私的奉獻！

## 7. 你如何克服自己不足的地方？
資訊更新速度快速，還沒熟稔就有新技術或概念推出，追都追不完，進來這行要有一個覺悟，就是要不斷的學習，不能用一招打天下。
### 7.1 前端太多東西要學，先聚焦學習
如題，既然註冊的課程，先把手上的課程學好，並橫向蒐集相關資料，不用著急要馬上了解，先模仿、後找時間閱讀程式碼，去了解可以實作的內容是怎麼運作的，找出原因，最後在內化成為自己的東西。

### 7.2 思維的改變
程式邏輯跟一般人模式相符，相信有寫到 JS 的同學會知道，JS 只能一次做一件事情的非同步概念，人腦也是，面對眾多的資訊與事務時，看似好像可以同時間去執行幾件事情，但實際上人腦是切換模式在思考，仔細分析起來，其實就實在執行非同步一樣，只是等待一些事情去完成，但同一時間，其實還是只做一件事情。所以，在寫功能的時候，要把流程拆得很細，再把動作結合起來，就可以完成想要的功能。
## 8. 從平面轉前端，有什麼特別的心路歷程嗎？
平面設計的思考是整合式的，會看到一整個完整的圖像，並且按照腦中的圖像完成，但這轉換成寫程式的時候，有一段辛苦的過程(說痛苦更貼切，笑)，因為會想一次完成很多東西，但程式是一個一個接續完成，如果要比喻的話，平面像是玩黏土，但寫程式像是拚積木。黏土可以快速的將整體塑形，但積木只能一個一個拼裝，而且需要先思考後再拼裝，黏土則可以先大概整出一個形體，再去修細節，所以思考模式是不同的。

但平面對於美感的養成是在前端上很加分的，尤其是在沒有設計稿的情況下，在腦補畫面時對於空間與顏色的掌握，相對會比本科工程師高。
## 9. 你覺得六角給你什麼樣的感覺呢？
六角學院製造出一個團體的氛圍，要說是同溫層也好，因為這邊會一直有新手加入，而學長姐過去也是新手，加上工程師的天職就是在解決問題，會產生良性的互動，並且因過去有受到老師、助教以及學長姊的幫助，在看到新手提問時，會想起當初的自己。
## 10. 六角哪一項服務讓你覺得特別受用？
我覺得線上提問以及研討會是很棒的一個服務，畢竟轉職學習這段路是孤單的，面對挫折也是孤單的，但六角學院有強大的助教群，光是真人以及清楚的批改作業陳述方式，讓轉職前端的我受益良多，並且也學習到業界提問的方式與表達方式。
## 11. 接下來有什麼目標或計劃嗎？
接下來除了在前端領域持續深耕外，明年想累積一點後端能力，希望可以將自己的技術力提升更多。也感謝鐵人賽讓我在去年的主題受出版社青睞，預計今年要推出第一本電腦技術書籍，算是完成一個里程碑。
## 12. 分享給學弟妹鼓勵的話，或是你的座右銘
後疫情時代加速了數位化的趨勢與市場，需要大量的軟體工程師，當然前端的需求更是粥多僧少的狀況，如果你踏入這個領域，要先說替你/妳開心，接下來好好享受這段旅程，不要自我設限，初入程式世界所有遇到的問題，都能用程式解決，所以現在遇到的問題，一定很多人都遇過了，先上網與練習 Google 找尋答案，習慣與挫折相處，大概九成的時間都有挫折，但解決問題時的成就感會超級滿足。
### 12.1沒 有可以複製的方式，只有最適合自己的道路
可能會在社團看到誰誰誰在幾個月後找到工作，擔心自己是否太慢或是無法踏入該領域，千萬別這麼想，因為這是剛好他找到最適合他的方式來幫助他自己學習，但適合的他不一定適合自己，只要按照自己的步調學習，確定知道，今天的自己比昨天強，這樣就夠了。

### 12.2 掌握技術熟練度，比預定時間來得重要
技術的熟練度掌握度多少，其實是騙不了人的，當你面對編輯器的時候就已經有了答案，與其去在意時間，不如在意把握度到底有多少還比較實際一點，不然會兩頭空，挫折感也會超級大！

### 12.3 沒有最好的決定，是做了決定後做到最好
所有的決定都不會是完美的，但是既然決定了，就好好走下去，就算面對任何困難，都不能阻止所做的決定，只要這個決定在心裡是踏實的，而且很多理由讓自己無法前進，只是因為自己懼怕與懶惰的藉口，最後也祝福在轉職的路上的朋友，要好好感謝你身邊的家人，因為若沒有他們的支持，也很難走得長遠！

還有很多要學習的，繼續加油! Be Strong and Courageous, impossible is nothing!

我喜歡的一段話，與大家分享與自勉： **Think Big, Start Small, Being Now!**
## 13. 想了解你在職場中，有沒有什麼溝通技巧，可以和我們分享呢？
### 13.1 前後端的溝通
因為我們是菜鳥，前後端溝通就是看誰的拳頭(經驗)比較大，可以拿前端畫面去跟後端討論，讓後端知道前端操作上的問題，哪邊需要取回資料，哪些需要送資料出去，如此可讓後端更清楚需求。可以提供以下資訊給後端一起討論問題點：
1. network 的狀態碼。
2. preview 的內容。
3. payload 傳送的欄位。
### 13.2 先檢視自己的問題
如果有開始串接 API，一定要知道 network 的 HTTP 狀態碼，通常4XX 先去了解是前端哪邊出問題，簡單概念是：
1. 400 是傳誦的欄位與後端不符。
2. 401 是沒有授權，如果有在 header 帶 token 的話，打不到 API 通常是這個原因。
3. 500 直接找後端。
4. CORS 只能找後端排除。

善用截圖與 HackMD 文字陳述，讓問題更清楚。當然可能在輸入問題的同時，也會釐清自己的思緒。

### 13.3 先 Google 在提問
學習先把錯誤訊息貼到 Google 去看看有沒有相關的文章分享，過內外都要找，並且要試著輸入英文的方式搜尋，會找到更多的資料，當然下關鍵字也是需要練習的。正確的問題會得到正確的答案。

## 14. 補充資料
有關轉職資遣可以看一下這篇：[全馬鐵人最終回：一趟十個月的旅程](https://hsuchihting.github.io/Learning-Experience/20201109/2641793434/)