3個月轉職有市場競爭力的前端工程師

這篇文章分享無經驗菜鳥，如何轉職成為一個前端工程師，這邊定義的前端工程師．是必須要有一定的程式碼品質，且熟悉至少一個前端框架，在求職市場上有一定競爭力的即戰力。

確立技能需求

直接去查看前端 Frontend 路線圖，你就可以了解成為前端工程師的完整路線圖。

此外，也在人力銀行網站，搜尋前端工程師，大概看過20個職缺，重複出現10次以上的，就會是應徵職缺必要的技術，主要會是 HTML、CSS、JavaScript、Ajax、React，和其他library、框架如boostrap、Material-UI、Next JS等等。

初步了解基本技能

接著去了解這些技能的用途是什麼，若看文字覺得很難消化，建議使用 Youtube 搜尋，幾乎每個技術都可以在 Youtube 上找到優質的簡介教學，或者是去 Udemy 免費學習中心找找免費的相關課程，找觀看次數最高、按讚數高、且講師講的方式符合你的胃口即可。

正式學習

你可能會聽到有些說，學習 HTML/CSS/JavaScript，自己看MDN就好拉! 的確，軟體的世界，大部分技術都有豐富的資源可以自學，但是作為一個新手小白，當你點進去看看MDN的文檔，很有機會你看不到30分鐘就放棄了。

建議透過網路課程，讓講師領你進門。上課程好處是可以跟著講師操作、練習，實作的過程中，會累積到不少成就感，看到自己作出的畫面，將會更有想法。

Hahow 的動畫互動網頁程式入門 (HTML/CSS/JS)是目前中文最推薦的學習前端基礎觀念的課程之一，完全沒經驗的也可以很舒適的跟著學習，學習曲線平滑，相對其他課程，學生完成課程的比率很高。跟著課程學習並實作，上完課後，對 HTML/CSS/JS 就會有一定的了解。

對HTML/CSS/JavaScript有了一定的認識後，可以先繼續專精 JavaScript。網路上最推薦的是JavaScript 全攻略：克服 JS 的奇怪部分，很適合想要深入了解 JavaScript 的人，會講述很多物件原型、閉包等等進階觀念和許多 JavaScript 容易遇到的錯誤，和如何避免。藉由這課程，可以紮實地瞭解 JS 的語言特性和底層知識，也可以學會建立自己的框架、看懂知名框架的原始碼。

打好基礎後，開始學習前端框架，建議沒有特別想法的話，就學React吧，以目前來說，市場需求是比較巨大的。Stephen Grider是目前最受好評的講師之一，他的Modern React with Redux是最熱門必買的課程，透過這堂課課程，可以迅速的了解 React、Redux，並且可以快速的實作一個小專案，也可以在透過學習的知識，設計並實作屬於自己的作品。Stephen Grider也有教授Vue的課程，也是廣受好評。

學完之後，先想想怎麼透過已經學到的技術，從頭建造一個屬於自己的新作品，不要依賴太多課程提供的sample code，同時，你會發現CSS的知識和觀念不夠扎實，可以透過Advanced CSS and Sass: Flexbox, Grid, Animations and More!這堂課程加強，嘗試運用比較高階的技巧在專案上。

準備面試

走到這裡，你已經是個在市場很有競爭力的初階前端工程師了，開始撰寫履歷、整理作品、準備成功轉職吧！

同時，可以回去看看前端 Frontend 路線圖，了解現在的自己處於的位置，會了什麼，還缺什麼。也盡可能的了解每個已經該學會、未來該學會的東西，以及那些技術的作用。這對持續的學習和面試的準備都會很有幫助的。

結語

本文所述三個月轉職，絕對並非誇大，若你夠有毅力和決心，並搭配適當的學習資料，絕對很有機會贏得這個敲門磚，不過請注意，成為軟體工程師，就要有長期持續學習的覺悟，前端開發的技術更是變化飛快，若沒有持續精進成長，就會被淘汰。這篇文章列出了前端工程師的路線圖(RoadMap)，以及較廣被推薦的課程供參考，網路上有很多相近的資源，可以多方比較，選擇適合自己的課程，若有更推薦的資源或轉職心得，歡迎來信讓我們知道，我們也會適時的更新內容。