技術分享 | 如何成為前端工程師

嗨 我是森妮 一個資管背景的菜鳥工程師

四年學習不少基礎，終究逃不過理論無法符合職場需求的命運，跳不少坑才成為軟體工程師，跟大家分享軟體工程師中常見的三種角色的怎麼開始學習、學習路線、必備的技能跟就業注意事項！

軟體工程師屬於一個統稱，開發網頁、APP是多數，在求職的職缺中分為「前端」與「後端」兩種角色，包含前端及後端的角色則是「全端」工程師。

這篇是【前端工程師篇】，後續會再介紹後端工程師與全端工程師，文章會以網頁做為說明的例子，分享給在學過程中或想轉職的人，知道自己適合哪一種軟體工程師角色以及一些必備的技能！

［前端工程師］

前端工程師就像裝潢師建立使用者的操作介面，我們在網頁所看到的畫面中的字體、間距、配色，包含所有圖片呈現，功能操作流程、動態效果呈現，都是由前端工程師所打造！

前端工程師會自行設計或根據UI/UX設計師所提供的設計圖將網頁畫面切版，設計功能間的操作流程，建立順暢與方便操作的介面，加上使用者互動(彈跳視窗、按鈕調整、表格調整)提升網站靈活度，而在這過程中也需確保使用者在不同裝置、不同瀏覽器的使用上都能擁有舒適的體驗、完整功能與資料呈現，提供使用者視覺跟良好的體驗環境！

在我們所看到的網站設計完成後，還需建立與後端的資料接收與傳遞，透過API的方式讓使用者可以在互動過程中取得所需的資料，並將資料傳遞到後端達到資料交換效果。

［工作流程］

［學習路徑］

HTML→CSS(Sass/Less)→JavaScript→jQuery→Ajax→框架(Angular/Vue/React)→Bootstrap→RWD→版本控制(Git/Svn)→API串接(閱讀API文件/串接API交換資料)

對於需設計系統畫面的前端工程師，可以學習Sketch或Figma做為設計建構原型prototype或線框稿wireframe畫面的工具

可以學習Open API的操作頁面，以及自動化測試的測試案例、跨域、憑證等實作。

［求職注意］

前端工程師的職缺分布於許多產業，部分屬於企業形象網站與產品介紹網站，這類型的前端工程師較重視美觀與商業風格呈現，資訊系統的前端工程師則更重視商業邏輯與使用者的流暢度！

［適合對象］

希望大家喜歡今天的分享，有想看的主題也歡迎告訴我💬 instagram：@xenialin.tw email：xenialin.tw@gmail.com