無經驗轉職前端工程師 - 工程師

Ida avatar
By Ida
at 2017-01-29T19:21

Table of Contents

※ [本文轉錄自 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


--

All Comments

Quanna avatar
By Quanna
at 2017-02-02T19:15
推 @@
Charlie avatar
By Charlie
at 2017-02-05T13:27
好勵志!推一下。希望最終拿到好offer
John avatar
By John
at 2017-02-05T17:30
推推
Audriana avatar
By Audriana
at 2017-02-06T14:30
一堆人都以為寫程式很簡單,什麼都不會也可以簡單拿到高
Susan avatar
By Susan
at 2017-02-11T01:42
薪,等到開始學寫才知道要準備的技能有多少
Hazel avatar
By Hazel
at 2017-02-11T05:53
半路出家的人最常見的問題就是軟體工程的概念都沒有
東西都是寫了會動就好 雖然本科系出身也一堆這種人啦
Sandy avatar
By Sandy
at 2017-02-14T03:34
James avatar
By James
at 2017-02-17T17:55
勵志推
Doris avatar
By Doris
at 2017-02-20T05:33
15天課程滿不錯的 上過給推!!
Hedy avatar
By Hedy
at 2017-02-24T09:43
Franklin avatar
By Franklin
at 2017-02-25T13:44
勵志推,加油
Thomas avatar
By Thomas
at 2017-03-01T04:34
前端工程師懂nodejs就叫全端了啊,今年第12個
Margaret avatar
By Margaret
at 2017-03-03T15:09
半路出家建議要多學演算法和架構 寫出來的代碼 後面維
護的人會很辛苦
Andrew avatar
By Andrew
at 2017-03-07T09:46
15天課程上過,實戰與觀念並重,推推~
Zenobia avatar
By Zenobia
at 2017-03-10T14:25
半路出家跟本科系寫的還是差很多
Edwina avatar
By Edwina
at 2017-03-14T03:50
其實樓上應該加註 本科系(有認真學的) XDDDD
Gary avatar
By Gary
at 2017-03-14T14:51
好文推
Yedda avatar
By Yedda
at 2017-03-16T09:18
Treehouse 我也是覺得只有介面漂亮而已XD
Kristin avatar
By Kristin
at 2017-03-20T11:12
是在中南部嗎
Linda avatar
By Linda
at 2017-03-22T00:44
推自學
Jacob avatar
By Jacob
at 2017-03-24T23:50
程式真的不用分本科或非本科
Tom avatar
By Tom
at 2017-03-28T00:03
勵志推,加油!!
Bennie avatar
By Bennie
at 2017-03-29T17:15
如果工作內容只是無限的複製貼上改變數是不用啦
Rachel avatar
By Rachel
at 2017-04-02T16:00
怎麼不衝四大資工所呢
Agatha avatar
By Agatha
at 2017-04-04T17:41
有認真的本科系>有認真的人>>>>>不認真的本科系=不認真的人
Daniel avatar
By Daniel
at 2017-04-08T07:42
Daniel avatar
By Daniel
at 2017-04-11T21:34
恭喜成功,推推
Ophelia avatar
By Ophelia
at 2017-04-15T17:31
Anthony avatar
By Anthony
at 2017-04-15T23:01
Frederica avatar
By Frederica
at 2017-04-17T19:15
很多神人都非本科 覺得本科系好棒棒的應該是沒被電過
Emma avatar
By Emma
at 2017-04-20T01:22
不過以平均程度來說本科是會好一點沒錯
Anonymous avatar
By Anonymous
at 2017-04-24T07:49
勵志推個
Michael avatar
By Michael
at 2017-04-27T23:06
拿神人來比實在很怪,神人能滿街跑那也不是神人了
Edith avatar
By Edith
at 2017-04-30T04:03
勵志
Oliver avatar
By Oliver
at 2017-05-01T03:33
感謝分享 好文推
Tom avatar
By Tom
at 2017-05-01T17:45
推推
Zenobia avatar
By Zenobia
at 2017-05-03T07:18
推認真
Agatha avatar
By Agatha
at 2017-05-06T21:25
這根本超慘…
Dorothy avatar
By Dorothy
at 2017-05-10T10:43
推有志竟成
Megan avatar
By Megan
at 2017-05-14T11:49
你需要的是鼓勵
Catherine avatar
By Catherine
at 2017-05-19T11:26
有自己想追的目標很棒,加油!
Iris avatar
By Iris
at 2017-05-24T04:12
good
Joe avatar
By Joe
at 2017-05-28T10:37
其實會寫程式應該薪水要更高 台灣薪資有夠低
Zora avatar
By Zora
at 2017-06-01T21:27
推!一起加油!
Doris avatar
By Doris
at 2017-06-02T03:02
Aaliyah avatar
By Aaliyah
at 2017-06-05T18:08
自學超強,祝你成功~
Xanthe avatar
By Xanthe
at 2017-06-07T13:58
Kama avatar
By Kama
at 2017-06-09T13:18
感覺Cp值真的不太高,還是給推
Jack avatar
By Jack
at 2017-06-12T13:15
優文勵志推 treehouse 我也浪費過不少錢 = =

〈年後換工作〉股王大立光也要徵才 「怕

Edward Lewis avatar
By Edward Lewis
at 2017-01-29T15:34
台灣薪資水準停滯不前,許多人在春節後 有轉換跑道的打算,光學元件廠 2016 年 營運轉佳,同時擬訂產能擴充方案,以股 王大立光 (3008-TW) 投資 200 � ...

取英文名的藝術

Olivia avatar
By Olivia
at 2017-01-29T15:19
David Dai 覺得還算順阿atatand#34; 而且一般就直接稱呼David就好了不是? 職場上英文姓名最重要的是短 好記 好念 可以用中文名字的英文拼音 名字有個翰 ...

期望薪資?

Selena avatar
By Selena
at 2017-01-29T14:46
新鮮人就寫依公司規定 offer到手再來想 我工作也快五年了 去年開始的面試 我都直接寫期望薪資 1.如果公司出不到你要的價碼 當然就拉倒 不要浪費� ...

內推 Facebook Solutions Engineer

Agatha avatar
By Agatha
at 2017-01-29T12:30
新年快樂! 不太算是官方的徵才,因為我不是人資。 知道組上一直在臉書香港有開缺,希望可以在亞太地區有些台灣人。 我們組在亞太地區,包含�� ...

機械系未來努力方向

Edward Lewis avatar
By Edward Lewis
at 2017-01-29T09:12
** 可否請各位幫我轉發此文到 graduate phd板? 我權限不夠 謝謝 老妹和你分享經驗。 簡單的說,環境決定一切。之前聽到一個故事, 一個外國人來自一�� ...