為什麼這篇前端工程師自學鄉民發文收入到精華區：因為在前端工程師自學這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者Qian1208 (Wizardgreen)看板Soft_Job標題[心得] 2018 前端自學...
前端工程師自學 在 HSIOBUN·JJA Instagram 的最佳解答
2021-05-03 17:01:08
跟UIUX有關的問題 統一這篇來回覆ԅ(¯﹃¯ԅ) 什麼是UIUX？就是一個專門設計 APP每一頁要長怎樣的人（好白話喔） 但是每一頁的樣子，什麼顏色、形狀、大小、按鈕要放哪，前後頁的關係組合，背後都有一連串的因果關係絕非「這樣很美，所以我這樣做。」 也就是因為如此，在建議各位作品集的時候，我會...
先來個圖文好讀版的網址，因為我不太會用PC的PTT怕到時候整個排版都亂掉
https://goo.gl/zpknyN
先放個懶人包:
糞校理工科出身，但根本沒讀書啦!出社會後踢鐵板，全心投入學習半年後成功就職惹. ya
正文開始
一天很漫長，六個月卻很短暫
=背景=
學歷:
畢業於南部私立科大資訊工程系，雖然看起來有背景加成，但其實求學期間因為主要課程
的老師，上課態度實在令人錯愕，三番兩次向系方抗議也無效，最後我自己變的也對課堂
內容僅是敷衍了事，到畢業的時候頂多就只知道有編譯器這樣的東西存在，或知道var是
在幹嘛而已。但也因為這樣，我這四年的心力多半都花在經營社團，或多或少有訓練一些口語表達能力
吧，為自己虛度的四年，偷偷辯駁一下。
工作:
因為我對自己的不負責任，出社會後也不知道要做什麼，最早是在冷凍倉庫裡面，跟外籍
新娘包裝水果，一起度過我第一個月的社會初體驗。隨後因為 2016 年的選戰即將開打，
我加入某立委的競選團隊，在團隊中扮演活動助理的腳色，每天忙到沒日沒夜的，在候選
人掃街行程中，發宣傳品發到指甲滲血，之後自己弄網拍、去當射出機操作員….。
領的錢很少，吃的苦卻是一大堆，我開始意識到我將來會是一個沒用的人，只在選舉的時
候參與活動賺點零頭，茍延殘喘度過每一天，直到某個日子被所有人忘掉….。不久之後有
個老朋友想要創業，主要的目標是架設一個營運用的網站，其實我對前端一竅不通，頂多
只有在課堂上用過 Dreamwaver 的程度而已，彼此交換一下看法，確認要用心來做，我就
完全投入了前端的學習，試著把握好不容易冒出的念頭。
自學:
我很自大，認為自己一定可以馬上學好，上網爬一下現在都用什麼技術，就直接開始看
React Document 開始學習，一個禮拜後….我想我完蛋了，根本什麼都看不懂，發文問
問 Document 上的寫法，就被嗆回去重讀QQ..。
我重新開始 HTML/CSS 打好基礎，也找找網路上比較紅的幾個線上課程，開始了解這些技
術大概可以運用在社麼地方，再選擇購買什麼課程。聽到我打算購買線上課程的coding強
者學弟，只用著鄙視的眼神，叫我不要浪費錢買課程，我理解他的意思，我也很同意網路
上資源絕對多到爆，但我覺得若有一套教學流程可以引入我踏入這塊領域的話，一定能幫
我減少許多時間，畢竟存款有限，我不確定存款能不能讓我自學到足以就業，不如先花一
筆錢來學習，加速整個過程賭一把吧!
2.網頁基礎 15 天
優點：內容全方位，很適合完全不懂，需要引入的新手，特別是 HTML / CSS / RWD 都講
解的很詳細。
缺點：貴，應該是目前主流課程裡面最貴的、JS 內容不多。
1.六角學院
六角學院底下有許多課程，選擇需要購買的就好了，由於我覺得自己 JS 能力很空洞。而
且職場需求上來說，仍是 JS 與相關框架比較有發展空間，於是我在六角學院買了基礎
JS 課程來學習。 (之後又買了 Node.js 因為發現這些技術很好玩 QQ)
優點：真的是從零開始、每個主題一小段影片，很容易學習。
缺點：好像沒什麼缺點。
整體來說，我在 15天基礎 的課程內打好底子，在 六角學院 彌補了 JS 的弱處，有了這
些相關知識以後，我回頭看網路上的 Document 才驚覺一切都變得非常好理解，終於能獨
立自學了! 說到這裡，不得不提一下，六角學院建立了一個很成功的社群，除了可以在社
群內與學生交換資訊，可以把你對於技術上的各種問題拿出來問到爆，常常問到後來，我
自己都覺得老師真是辛苦了XD 有了社群這樣的互相支持下，內心的負擔就感覺輕鬆了許
多。
https://goo.gl/UwhZ55
再…再讓我問一個問題就好…
接著我就是一邊與朋友建立創業的網站，也一邊了解大多數的職缺會需要什麼樣的技能。
在大概第四個月半左右，我就開始準備履歷表，從高雄開始嘗試應徵職缺。
=求職=
高雄
以誠信為原則，所有公司我都會確確實實的交代我的背景與自學經歷，第一次面試就讓我
感到信心滿滿! 面試官跟我交換了許多想法，也點出我該改強的技術，表明我應該會有很
多公司需要，更直接說認為我沒問題，但還得由上層審核過。但連續二三間過去，結果都
是令我沮喪的無聲卡，在以下只列出有去現場面試的公司。
光曳資訊:
製作博奕遊戲，在 104 上開的職缺是 JavaScript 前端工程師，但是接到邀請通知卻只
說考 CSS，聊過之後也發現工作內容是負責將設計圖切版成網頁。
考試：給你 web / mobile 版的設計圖，一小時內看可以寫多少，並了解你會怎麼著手。
面試1：詢問你為什麼想做前端、對於前端的了解、以及一堆 CSS 的知識。
面試2：完全純粹聊天，聊經歷、聊想法等等..。
結果：無聲卡。
季河資訊:
一間餐飲系統的老牌公司，這幾年開始改為製作平板、手機等點餐系統，像是碳佐麻里的
點餐系統就是他們推出的，正在擴大。
面試：就是聊天，與老闆 & CTO 都算談得來，CTO 似乎認為沒問題，而老闆則是對我”
個人”沒興趣，只想了解我的技術能力，在談到薪水的時候，老闆沉默的筆記筆記。
結果：無聲卡。
台北
經歷失敗過後一個月，後我開始調整自己的履歷，並在各方面持續加強，除了反覆練習面
試，我也改變了整個策略。列出了一系列的問題以便面試時與公司互相溝通，仔細了解投
遞的每一間公司正在進行什麼樣的工作，認真想想自己會不會喜歡成為他們的成員，重新
定義自己成面試官未來的夥伴而不是一個需要工作的普通面試者，我對每一間公司通用的
問題如下：
1.到職之後我需要負責什麼樣的工作內容
2.跟不同部門之間是如何溝通 (EX.透過主管、透過XXX)
3.我會跟著一個團隊呢? 還是獨立運作?
4.你喜歡這份工作嗎?
5.以我目前的履歷表來說，到時候在這邊工作我還缺乏什麼技術?
這些是一定會問的，但還有很多是在聊天過程中就直接問出來的，主要宗旨就是建立雙方
平等關係，並且認真了解這份工作適不適合自己。
我將目標放在不需要前端經歷的正職與實習工作，接著認真花了兩天，了解三十五間公司
，一一發出求職信，果不其然一口氣就得到八間的面試邀請，其中一間在第一封回信就直
接表明履歷看起來就是他們需要的人。我馬上安排三天的空檔，前往台北集中面試。
鐘點大師(實習)
遠端面試：了解我個人特質、 JS 的同步非同步概念、Promise、Vue等等相關知識。我認
為我在遠端面試的當下表現不是很好，網路訊號也一直出問題。
技術考試：將指定的套件拆開，打包成獨立的 Vue component。
工作內容：由 CTO 帶著實做一些內容，之後自己獨力開發部分網站。
薪水：150/hr
結果：認為我不足以勝任，但我不清楚是我哪邊不夠好，可能是在面試 JS 的時候過於慌
亂。
EVGA
筆試：了解基礎概念、將HTML與CSS 逆向畫成設計稿。
Team Leader 面試：回顧考試結果，聊聊工作內容，並確認你的想法等等，這個過程讓我
整個很興奮，好像是自己第一次跟人面對面聊網頁寫法XD 我一開始就先表明自己考得很
差，考卷寫的手忙腳亂地，但沒想到面試官說很OK，主要的關鍵都有回答。主管覺得沒問
題，進入下一階段面試。
部門主管面試：
了解自己的人格特質、傳達公司理念、營運方向等等，老實說我覺得這個主管給我感覺非
常棒，讓人有發自內心尊敬的感覺，但因為該部門是創意部門，所以在技術上並沒有過多
的琢磨。
工作內容：加入新成立的 WEB Team，負責網頁視覺效果，簡易資料串接等等。有點可惜
，跟我最最主要往 js 鑽研的方向不太合，但這部分我其實可以下班自己學習，所以還過
得去。
結果：我原本覺得穩上了，但似乎有個面試者有美術設計相關背景，所以我就被發第一張
有聲卡了QQ
東南旅遊
Team Leader 面試：聊聊自己、確認未來的方向，對話著重在工作細節上(可能是因為我
都一直問)，主管很平易近人，感覺會是很好的夥伴
部門主管面試：也是聊自己、然後談論公司、福利等等，主管意外的年輕，但也一樣大多
是在聊公司，並不會著重在技術上。薪水開得很乾脆。
工作內容：公司已 React 為主要框架，負責每項活動的網頁切版、資料串接，還有大型
網站的改版等等。會有前輩帶著作 React，是個會直接交你學東西的好地方。
結果： Get offer !
思樂科技:
筆試：HTML/CSS/JS/Vue 等相關基礎知識。
老闆、CTO同時面試：先主要講解公司、介紹產品，接著換 CTO 解考題，並介紹工作。
工作內容：Vue 為主要框架，與 CTO 學習並維護現有產品，在之後可能會一起開發新的
產品內容。
結果：在面試所有公司後，我就有了明顯的排序，所以當我拿到東南旅遊的 offer，我就
陸續通知其他間公司這個消息，感謝他們給我的機會。
備註： 思樂蠻特別的，這間公司目前的產品是雲端表單，我自己有網拍經驗，再看過之
後覺得驚為天人，再過一陣子等我前端工作穩定下來，我會再回頭整理網拍，沒意外就會
來嘗試他們的產品。而且辦公室氣氛很好，老闆跟CTO也給我很多職涯規劃的建議，覺得
感動XD
SkyREC(實習):
透過影像辨識等等大數據，改善消費體驗、提升績效。
面試：同時來兩個年齡相仿的面試官，非常聊得來，開宗明義問我為什麼要做這個實習、
這樣的履歷應該是Junior才對，特別看好我有創業與經營網拍的背景。也因為前幾場的面
試讓我確認自己已經可以勝任正職的前端工作，所以我們就沒有在深入了解工作細節。但
令我意外的是這兩位面試官也沒有馬上結束面試，反而是想知道我未來的發展方向，並且
給了我好多建議，無論是 JS 要從哪裡精進比較好，或是我要如何確定一份工作的價值等
等，甚至還建議我有什麼趨勢可以追追看。
結果：沒有正職的缺。
真思科技 / 帝群網路:
這兩間公司超級相似，我就擺一起說，都是在 104 上邀請面試，並且什麼資料都查不到
，頂多透漏是中資企業。
面試官都是中國人，在面試之前沒看過我的履歷表也沒看過作品集，更不想了解我，只想
知道技術程度如何，而且都是我主動追問才說出是在製作“網頁線上遊戲”，兩個主管都
有想要快點完事的感覺，真思比較好一點，到後來有越聊越多的趨向。
但是帝群就真的很糟了，請我現場改自己的作品改成他想要的排版，我覺得這部分沒什麼問題，弄一下
就能搞定，但大概過了三十秒，面試官就跑去外面跟櫃台小姐哈拉，然後我一個人被晾在
裡面等個四五分鐘，直到我去站在門口讓他注意到，才收起笑容走才回來，然後迅速講一
下要做什麼工作，會再發 Offer 給我。
結果：都說要發 Offer 給我，但等等我這篇文章寫完會先跟他們說我另有工作了。
=總結=
首先是南北兩地的薪資與工作機會真的是天差地遠，這次的求職歷程讓我見證了PTT高雄
版屢見不鮮的唱衰文 囧…，希望有朝一日能夠再回來幫助高雄的發展，不過那也真的離
我非常遙遠就是了。
線上的資源的確給我帶來了很大的幫助，但課程只是引入你來到這個圈子的工具，真正還
是得靠自己的毅力才能夠堅持下去。這段時間努力學著身邊朋友不太理解的東西，只能堅
持著這股毅力去婉拒朋友的邀約、暫緩女友的安排，這種孤獨的感覺是非常難以形容的。
現在終於成功踏入業界的第一步了，回頭一看，一天很漫長，六個月卻很短暫。我很感謝
每次我因為經濟壓力太大而流淚時，總是給我鼓勵、陪我一起度過的女友，也很感謝身邊
的朋友總是能讓我對照出自己的缺點，最後一定要特別感謝六角學院的洧杰老師，我知道
你每天需要回這麼多問題一定覺得毛躁，但真的很感謝你總是一一解答我的問題! 好不容
易跨過第一道門檻了，接下來可要更努力往上才行。
希望能藉此激勵還在努力你，把握好當下，你會成功的。
https://goo.gl/XaTfkG
所以說，毅力真的很重要，但這又是另一段故事了。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.39.55.243
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1522687268.A.8E7.html
推 richard07250: 推分享 網址縮一下 圖片整理一下會更好 04/03 00:48
處理好囉 感謝建議推 shinew13: 很好的分享 很受用 04/03 00:58
推 xusiligi: 推個 04/03 01:00
推 devilkool: 最後那兩間應該是博弈 04/03 01:02
博弈的話...那他們給的價碼沒有其他公司好 XD推 CaLeLu: 恭喜成功跨入另一個新的開始！ 04/03 01:37
再來要瘋狂跟上公司前輩的進度了 XD推 jonyig: 推個 04/03 01:55
推 vi000246: 推 04/03 01:56
推 RexMeteora: 推 04/03 02:03
推 pime: 推 我也正在自學ing 04/03 02:17
加油，你也一定可以!!!!推 VisualStudio: 推 04/03 02:42
推 wildli0422: 推分享，加油阿 04/03 02:52
推 JashiaN: 推一個 04/03 02:55
推 Chris926926: 加油 04/03 03:21
推 w181494628: 推 加油 04/03 03:49
推 yuanchen1103: 推 我之前也有面試鐘點大師的實習缺 當初他有提到有 04/03 06:40
很有可能喔! 有結果了嗎？→ yuanchen1103: 另一位面試者 不知道是不是你XD 04/03 06:40
推 invidia: 感謝分享網站 04/03 07:15
推 menshuei: 推，所以現在業界大家都要什麼技術呢 04/03 07:56
https://goo.gl/7ipzFR這是我面試時的履歷表，給你參考一下，主要是看各公司的職缺會要求什麼能力，再慢慢補足
推 ID3238: Great 04/03 08:45
推 bobbyaxe: 加油 04/03 08:50
※ 編輯: Qian1208 (114.39.55.243), 04/03/2018 09:00:49※ 編輯: Qian1208 (114.39.55.243), 04/03/2018 09:02:54
※ 編輯: Qian1208 (114.39.55.243), 04/03/2018 09:03:34
※ 編輯: Qian1208 (114.39.55.243), 04/03/2018 09:04:31
※ 編輯: Qian1208 (114.39.55.243), 04/03/2018 09:04:53
※ 編輯: Qian1208 (114.39.55.243), 04/03/2018 09:05:33
→ yuanchen1103: 有錄取 但我後來去其他公司了 04/03 09:08
150hr 對我要往北部搬過去真的很難熬 XD※ 編輯: Qian1208 (114.39.55.243), 04/03/2018 09:08:45
※ 編輯: Qian1208 (114.39.55.243), 04/03/2018 09:10:04
→ yuanchen1103: 對XD不然他的學習環境我覺得算好的 薪水被比下去XD 04/03 09:10
→ menshuei: 也能說是一個勵志的故事 04/03 09:56
推 Gaitz: 只有我覺得這樣技術能力很不錯嗎 新人來說？ 04/03 10:09
我也不知道..高雄那一次面試讓我非常挫折 ： (→ Gaitz: 怎麼好像要找個junior工作都這麼難的感覺 04/03 10:10
推 srxrrr: 推推推! 04/03 10:11
※ 編輯: Qian1208 (223.141.208.109), 04/03/2018 10:49:55推 gmoz: 推，但我覺得最主要的是你個人特質夠好。 04/03 11:16
的確，有沒有這份心真的很重要，希望這篇文章能給更還在努力的人，一個大大的鼓勵→ gmoz: 才有辦法學以致用 04/03 11:16
→ gmoz: 有些沒心的，給他再多再好的學習流程跟教材也沒用 04/03 11:17
※ 編輯: Qian1208 (114.39.55.243), 04/03/2018 12:03:45推 DCTmaybe: 有點猛欸～恭喜啊 04/03 12:12
推 maple0517: 推～值得學習 04/03 12:13
推 fightmz: 推勵志 04/03 12:44
→ gpctv: 有趣,讓我也想分享我的 04/03 12:55
推 wanlinlin: 勵志推 04/03 13:06
推 kkkyyy: 推網頁15天，網頁切版的基礎部份很實用！ 04/03 13:15
※ 編輯: Qian1208 (114.39.55.243), 04/03/2018 16:02:47※ 編輯: Qian1208 (114.39.55.243), 04/03/2018 16:03:38
※ 編輯: Qian1208 (114.39.55.243), 04/03/2018 16:04:51
推 Samuellu: 推分享 04/03 16:51
→ bndan: 最後一段心態不太好 這行不是6個月考完試接下來就雨過天晴 04/03 17:49
→ bndan: 而是從就職開始就是"起點" 之前6個月怎過 就該有心理準備後 04/03 17:50
→ bndan: 面要"更拼"的過...(想不到什麼更好的詞= =") 04/03 17:51
ㄜ 其實我有說要夠努力繼續往上啦，現在我每天也是繼續學習XD※ 編輯: Qian1208 (114.39.55.243), 04/03/2018 18:06:00
推 wingture: 04/05 08:57
推 frank402: 我現在也在學RoR的東西，之後也打算朝這方面發展 04/05 18:25
時機未到時機未到 大家都有機會的 XD→ frank402: 另外你有女友，贏了很多人...可以自豪了XD 04/05 18:25
推 akito117: 推 04/06 14:04
※ 編輯: Qian1208 (223.139.16.43), 04/06/2018 17:34:07推 rimiaou: 謝謝分享 04/12 01:10
推 BoomJames: 謝謝分享 目前也在自學前端中 希望畢業能順利進入業 04/15 21:58
→ BoomJames: 界 04/15 21:58