顯示廣告
隱藏 ✕
※ 本文為 ChiChi7.bbs. 轉寄自 ptt.cc 更新時間: 2017-01-31 21:33:37
看板 Tech_Job
作者 Titus (天和)
標題 Fw: [心得] 無經驗轉職前端工程師
時間 Sun Jan 29 19:21:08 2017


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

看板 Soft_Job
作者 Titus (天和)
標題 [心得] 無經驗轉職前端工程師
時間 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 )
博客來-JavaScript & jQuery:The Missing Manual國際中文版(第三版)
[圖]
書名:JavaScript & jQuery:The Missing Manual國際中文版(第三版),原文名稱:JavaScript & jQuery: The Missing Manual, 3rd Edition,語言:繁體中文,ISBN:9789863476009,頁數:704,出版社:歐萊 ...

 


二、

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

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個小時)
Learn to code | Codecademy
Learn to code interactively, for free. ...

 

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


2. treehouse https://goo.gl/sxTgo1(5個小時)
Start Learning at Treehouse for Free
We pride ourselves on providing the most up-to-date content to teach our students core skills necessary for standing out in the job market of today. ...

 

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

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

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


3. Udemy https://goo.gl/sOoDz4(15個小時)
Udemy Online Courses - Learn Anything, On Your Schedule
[圖]
Udemy is an online learning and teaching marketplace with over 42,000 courses and 14 million students. Learn programming, marketing, data science and  ...

 

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

4. 網頁基礎十五天 https://goo.gl/nWMg28(300個小時)
網頁基礎 15 天
[圖]
網頁刻起來怪怪的嗎?在手機上就爆掉了嗎?只要把基礎打穩就沒問題:HTML / CSS3 / jQuery / AJAX / Bootstrap / RWD,該會的基礎應有盡有。網頁基礎15天,15 天後,自己的網頁自己寫! ...

 

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

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

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


後端的部分:


1. Rails 101      https://goo.gl/BM710y
Rails 101 ( Rails 5 版) | Growth School
[圖]
自學 Rails 最有效的「高頻小套路」 ...

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

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

盡量減少製造爛code的量 Q___Q

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

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

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

真的....

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

期許自己未來不是 :D

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

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

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

※ 發信站: 批踢踢實業坊(ptt.cc)
※ 轉錄者: Titus (111.241.61.63), 01/29/2017 19:21:08
valjoux: 勵志1F 01/29 19:27
doun: 感謝分享 好文推2F 01/29 19:52
a24230928: 推推3F 01/29 20:14
whlalex: 推認真4F 01/29 20:23
lovemost: 這根本超慘…5F 01/29 21:10
jerrychuang: 推有志竟成6F 01/29 21:26
s860134: 你需要的是鼓勵7F 01/29 21:28
f58731230: 有自己想追的目標很棒,加油!8F 01/29 22:08
over117: good9F 01/30 01:47
kay2005: 其實會寫程式應該薪水要更高 台灣薪資有夠低10F 01/30 08:01
wewe9876: 推!一起加油!11F 01/30 13:42
speakristen: 推12F 01/30 17:14
ADXYADXYADXY: 自學超強,祝你成功~13F 01/30 23:48
rong0536: 推14F 01/31 13:00
sss81521: 感覺Cp值真的不太高,還是給推15F 01/31 13:19

--
※ 看板: FW 文章推薦值: 0 目前人氣: 0 累積人氣: 585 
分享網址: 複製 已複製
r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇