[爆卦]前端工程師無經驗是什麼?優點缺點精華區懶人包

為什麼這篇前端工程師無經驗鄉民發文收入到精華區:因為在前端工程師無經驗這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者Titus (天和)看板Tech_Job標題Fw: [心得] 無經驗轉職前端工程師時間Sun J...

前端工程師無經驗 在 小人物職場|職場生存 x 思維能力 x 履歷面試 Instagram 的精選貼文

2021-09-16 09:52:29

📌2 個跨出舒適圈的職場故事:我們其實常常被自己所侷限,急著替自己貼上標籤,所以有時候連嘗試的勇氣都沒有,總認為自己一定無法適應某些工作內容,而錯失了許多機會 . 👉故事 1 安迪因為個性較內向,認為自己不擅於與人溝通,所以找了偏行政類的內勤工作,但後來因為公司組織變動,不得不轉往客戶經營部門,內心...


※ [本文轉錄自 Soft_Job 看板 #1OZ3BkOn ]

作者: Titus (天和) 看板: Soft_Job
標題: [心得] 無經驗轉職前端工程師
時間: Sat Jan 28 13:58:03 2017


說明一下小弟的背景與結論

國立經濟系學士畢業、在旅遊業當業務兩年半,
自學 HTML、CSS、jQuery、Ruby on rails 半年(有買線上教材),

目前面試:6家
Offer: 2個 (28~32k 目標是35左右,努力中)

---------------------------------分隔線----------------------------------

會寫這篇文章主要是分享自己的轉職心路歷程,
以及覺得這是一條「沒有這麼困難、大家都能嘗試」的一條路,
走在轉職的道路上,也受過許多人的幫忙,
希望透過ptt的分享,分享自己的幸運。


文章會寫得比較長一點,分成:

一、「最基礎」前端工程師的技能(以能找到第一份工程師正職工作為目標)

二、學習資源與順序安排(中文、英文,免費與付費)

三、求職心態、策略與未來的路


----

一、「最基礎」前端工程師的技能

實際求職、跟許多前輩聊了以後,大家對「前端工程師」的定義差異很大,
兩者的差異大概有狗跟熱狗的差異這麼大。

有些人認為一個「合格」的前端工程師要熟悉 Angular、React 其一,
要懂得怎麼做前後端分離、開API、用webpeck打包...

但市場上也有一些工作,是只要會用HTML、CSS、bootstrap(寫得出想要的畫面),
會使用jQuery,一點點javascript、ajax,也能成為一個前端工程師。

而小弟第一份目標的工作等級是放在後者,
也就是能使用HTML、CSS與CSS框架如bootstrap,
搭配jQuery做動畫、用ajax要資料與存資料的工作。


會用HTML的定義:
知道怎麼做切版、怎麼為「使用bootstrap」鋪路
form tag的操作,會打出什麼request

會用CSS的定義:
1.懂排版(display、position、z-index、box-model)
2.懂權重、selector
3.懂pseudo element

會使用jQuery:
念過一本jQuery書從頭到尾(我是念 the missing manual https://goo.gl/IhvGYX


二、

現在線上的課程很多,如以下:
免費課程:

codecademy、Udacity、learn to code(還不錯但我沒念完QQ 後來還是念中文的)

付費課程:

treehouse、Udemy、網頁十五天

我自己的學習路徑是:

codecademy >> treehouse >> Udemy >> 網頁15天 + Rails 101 + ihower實戰聖經
(除了codecademy、rails101、ihower實戰勝經以外都是付費的)

會想選擇付費課程的原因很簡單,
我希望可以用比較快的速度把「找到第一份工作最低標準」的東西學起來,
二來付了錢比較有動力(壓力)

1. codecademy https://goo.gl/gorvx8(15個小時)

算是初期的嘗試,HTML CSS的課程有全部跑完,
也確定自己不排斥「與機器溝通」,可以再投入更多的資源


2. treehouse https://goo.gl/sxTgo1(5個小時)

有聽朋友推薦treehouse是學HTML CSS的好線上教材,
使用free trail以後覺得真的很普通,甚至我會給負評。

原因有兩點:
第一點是整個學習沒有架構,只是把HTML、CSS在MDN上面可以查到的東西講一次,
但其實看完、寫完一點點練習題,馬上就會忘記。
第二就是老師教學的習慣,常常一次改動很多HTML屬性和CSS值,然後才看畫面,
不注意就會不知道畫面的更動是因為修改了哪一個地方、因此有新的改變

所以在free trail還沒結束我就果斷放棄,畢竟時間很重要。


3. Udemy https://goo.gl/sOoDz4(15個小時)

在treehouse之後,我有想是否要改上中文線上課程會比較合適,
因此在Udemy上面嘗試了一門HTML CSS的課程,覺得效果還好。

4. 網頁基礎十五天 https://goo.gl/nWMg28(300個小時)

這和ihower實戰聖經是我主要轉職的的學習工具,當初會認識這個課程,
是在youtube上面找bootstrap教材的時候有看到 free trail 的影片,

避免廣告嫌疑就不多談,比較之後比Udemy上的六角學院適合我,
加上某天腦波弱覺得自己學習速度太慢,想要加速就付費了,最後沒有後悔,很推薦。

最近也有個似乎是前端大大也開了一套bootstrap課程,
想花錢購買課程的可以多方比較、找到適合自己的課程。


後端的部分:

1. Rails 101 https://goo.gl/BM710y
2. iHower實戰聖經 https://goo.gl/yMv3gW

大家可能會覺得說:「為什麼一個立志當前端工程師的人要學Rails?」

某次和朋友聚會的時候,和幾個工程師朋友請教「什麼是一個合格的前端」,
就像前面說的,大家的定義真的是從狗到熱狗都有,

但其中一個後端工程師朋友說:

「只懂HTML CSS的叫做視覺設計,沒辦法跟我溝通API、完全不懂request到response之間
發生什麼事情的前端工程師,在我們公司連實習都拿不到。」

因此,在把HTML CSS jQuery念到一個基礎,開始做大量實作時,
我同步也開始「貼」Rails 101的code,以及翻ihower實戰聖經,
去感受「丟資料到後端、把資料存進資料庫、從資料庫拿資料出來」的感覺

最終的作品有包含一點透過 jQuery ajax去跟 rails的後端做溝通的功能(CRUD)
也是我面試的時候,部分面試官覺得我「勉強還算是個工程師」的點。


三、求職心態、策略與未來的路


1.心態面:

「被拒絕是應該、被洗臉是正常,清楚知道自己的目標、展現自己最好的一面」

坦白講我覺得我自己最幸運的部分,
就是身邊有認識兩三個網頁工程師的好朋友,

在我覺得自己什麼都不是的時候,告訴我工程師的人力市場狀況,
當我被其中一家老闆酸說:「你零經驗,讓你實習三個月看情況,一個月15k」
在我差點要接受的時候,告訴我我值得更好的機會。


2.策略面:

「有看到機會就投、有面試就去,一切以拿到offer再說」

我的最後一個作品是我朋友接了一個小案子,兩人一起合作(rails)
我意識到真的和有點經驗的人一起工作有許多好處,

例如一些光怪陸離的寫法才會消失
(被唸說這樣寫沒人看得懂..現在自己也越來越看不懂 囧)
或是一些既有的工作flow,也幫助我在面試的時候不至於被當「搞不懂狀況的人」
(合作開發時我學會使用git、github、trello跟github flow)

加深了我「無論如何,找到一個正職的工作,實際工作中才會養出更強的實力」的想法


3.未來面:

也曾經被身邊的朋友揶揄說:

「你貓大經濟畢業,為什麼不去銀行、券商?寫HTML、CSS不是很簡單的嗎?不是要用
再查就好的東西嗎?寫那個有未來嗎?你又不是資工系的,你有競爭力嗎?....」

我心裡非常清楚,我心中「前端工程師」的定義是最前面提到:

「熟悉Angular、React其一、懂nodejs、會規劃API、用webpack打包...」

那是對自己的期許,但知道自己的現況就是零開始。
也曾經想過是不是要參加bootcamp(alpha camp或是資策會),但因為經濟因素而作罷。

最後我的做法是,先讓自己成為求職市場上的「前端工程師」(無論內容做什麼)
工作的期間,期許自己可以將HTML、CSS、jQuery熟悉外,更懂得瀏覽器的運作,
更懂得整個「從request到response之間到底發生什麼事情」了解得更透徹,
學習javascript、能用javascript解leetcode,到能夠熟練angular或react


「人們常常高估短期能做到的事情、但低估長期能做到的事情」


如果我逼迫自己半年內要成為「心中認定的前端工程師」,我只會得到滿滿的挫折,
但,我可以一步一步往「心中認定的前端工程師」前進。

而會發這篇文章,是因為自己達到了自己設定的第一個里程碑

「在求職市場上找到前端工程師的工作」

雖然比預期的時間晚了一點,
原本希望年前可以確定offer並發面試心得文+轉職心得,
但作品集晚了一點做完、面試的公司並不夠多、且還沒有拿到心儀的Offer,

因此,面試的具體內容、要注意哪些事項,
等工作有著落後,會再分享給大家。

祝大家雞年行大運
有想要轉職的朋友可以順利成功

有一樣是零經驗想轉職網頁工程師的朋友,也可以找我聊聊,
我可以分享一些微薄的經驗給你們 :D


--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 124.12.211.213
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1485583086.A.631.html
sivid: 推 @@ 01/28 14:30
raindropz: 好勵志!推一下。希望最終拿到好offer 01/28 14:34
kaiac: 推推 01/28 14:51
robler: 一堆人都以為寫程式很簡單,什麼都不會也可以簡單拿到高 01/28 14:55
robler: 薪,等到開始學寫才知道要準備的技能有多少 01/28 14:56
robler: 半路出家的人最常見的問題就是軟體工程的概念都沒有 01/28 14:57
robler: 東西都是寫了會動就好 雖然本科系出身也一堆這種人啦 01/28 14:57
selient: 推 01/28 15:23
t781226: 勵志推 01/28 15:24
YakuShou: 15天課程滿不錯的 上過給推!! 01/28 15:26
sky00000: 推 01/28 15:28
wlg119: 勵志推,加油 01/28 15:30
※ 編輯: Titus (115.82.129.158), 01/28/2017 15:39:49
dnabossking: 前端工程師懂nodejs就叫全端了啊,今年第12個 01/28 15:40
andy79323: 半路出家建議要多學演算法和架構 寫出來的代碼 後面維 01/28 15:44
andy79323: 護的人會很辛苦 01/28 15:44

謝謝m大的建議,其實有在念oop相關的書,
但之後工作後會再抽空把交大線上課程的資結演算法念過一次,

盡量減少製造爛code的量 Q___Q

shanmon: 15天課程上過,實戰與觀念並重,推推~ 01/28 15:54
savealone: 半路出家跟本科系寫的還是差很多 01/28 17:23
a47135: 其實樓上應該加註 本科系(有認真學的) XDDDD 01/28 18:00

感謝兩位督促,小弟會加油的。

essense: 好文推 01/28 18:41
Beersheep: Treehouse 我也是覺得只有介面漂亮而已XD 01/28 19:35

真的....

Rinorune: 是在中南部嗎 01/28 19:49
frank11118: 推自學 01/28 20:01
BignoZe: 程式真的不用分本科或非本科 01/28 20:59
loveu8: 勵志推,加油!! 01/28 21:34
sing10407: 如果工作內容只是無限的複製貼上改變數是不用啦 01/28 21:36

期許自己未來不是 :D

ck960785: 怎麼不衝四大資工所呢 01/28 21:46

因為考量到時間成本,衝四大資工所要一年準備+兩年唸書,成本有點高,
如果工作一年覺得真的有需要進修,會在想辦法,感謝建議。

※ 編輯: Titus (111.241.61.63), 01/28/2017 22:03:12
Hevak: 有認真的本科系>有認真的人>>>>>不認真的本科系=不認真的人 01/28 22:03
G888888: 推 01/28 23:04
ricecace: 恭喜成功,推推 01/28 23:07
king1761: 推 01/28 23:26
chrome: 推 01/29 00:42
BignoZe: 很多神人都非本科 覺得本科系好棒棒的應該是沒被電過 01/29 02:24
BignoZe: 不過以平均程度來說本科是會好一點沒錯 01/29 02:27
andy188: 勵志推個 01/29 10:03
asleisureto: 拿神人來比實在很怪,神人能滿街跑那也不是神人了 01/29 13:12

※ 發信站: 批踢踢實業坊(ptt.cc)
※ 轉錄者: Titus (111.241.61.63), 01/29/2017 19:21:08
valjoux: 勵志 01/29 19:27
doun: 感謝分享 好文推 01/29 19:52
a24230928: 推推 01/29 20:14
whlalex: 推認真 01/29 20:23
lovemost: 這根本超慘… 01/29 21:10
jerrychuang: 推有志竟成 01/29 21:26
s860134: 你需要的是鼓勵 01/29 21:28

你可能也想看看

搜尋相關網站