前端工程師來面試，新手與新手＋

--- title: 前端工程師來面試，新手與新手＋ description: 不論是剛畢業還是剛結訓，轉職中或是離開上一份軟體工作，這些你注意了嗎？ tags: blog, Ju爸論工作, 職場 GA: G-6M33N4VGSN disqus: jun1sme ############################## # 其他紀錄區：第 7 篇 ############################## # date: 2022-04-06T15:20:00+08:00 # slug: "front-end-engineers-come-to-interview-junior-and-the-plus" # keywords: [過年, 轉職, 招募, 求職者, 前端工程師, 目前程式能力, 自學能力, 解決問題的能力, 溝通能力, 邏輯能力, 語意化, 可讀性, 可理解性, 可維護性, UX, OA, 線上評測, 如何寫程式, 如何處理問題, 面試官, 硬剛到底, 記憶點, 最後評選, 尬聊, LeetCode, 面試成本] ###### 文宣 ###### --- # 前端工程師來面試，新手與新手＋ - [name=Ju爸首發於] [time=Apr 06, 2022 03:20 PM][color=wheat] > [分享於 Blogspot](https://jun1sme.blogspot.com/2022/04/front-end-engineers-come-to-interview-junior-and-the-plus.html) 過年前後是常見的轉職潮，正好有機會幫忙公司招募新人。希望每位求職者能有所收穫的目標上，我提供了一些想法讓他們更有方向，並從他們的角度切入，提供更進一步的提升方式。 ## 對象本篇適用對象為前端工程師，能力為初階、中階工程師 (junior level to intermediate level)。 ### 能力關注 > 依重要程度由大到小 - 目前程式能力：最基本也最重要，如果是救火，此項最最最重要。 - 自學能力：有新需求甚至新技術進來時，有沒有辦法可以完成。 - 解決問題的能力：大部分資歷尚淺的工程師傾向有人帶，而公司方則是希望招募進來的工程師能自己解決問題。 - 溝通能力：能不能了解需求，能不能和其他人合作，無論是其他工程師還是美術、PM (專案經理/產品經理)。 - 邏輯能力：倒不是非常重要，基本上能做出功能即可。 ### 技術參考 - 命名規則 - 命名有沒有規則，自己的規則也可以，重點是一致性 - 註解時機 - 已經語意化的部分不需要註解 - 特別用途或是可能混淆才需要註解 - Git 提交訊息 (commit message) - 有沒有一致性，能不能清楚表達此次提交什麼 - 其他 - 可讀性、可理解性、可維護性這些倒還好，之後再補強即可 ### 其他參考由於面試的是前端，因此 UX 的敏銳度也屬於關注範圍，常見的問題如下： > 依基本程度由大到小 - 按鈕無特徵 - 用戶根本不知道可以點擊，直接白做功能 - 按鈕判定過小 - 可能按不到，建議可以稍微大過圖案 - 點擊回饋 - 用戶無法得知是否點擊成功，最基本為換色或是跳動 - 未限制輸入條件 - 用戶可能因為大小寫輸入錯誤而未察覺 - 明顯卡頓 - 當資料過多或是圖檔太大時，建議讓用戶有心理準備，如讀取畫面 - 畫面重刷導致畫面閃一下 - 可以考慮重刷完成後再進入此頁 ## 面試流程我司的面試流程：確認意願 → OA → 面試（筆試/白板/技術面試/老闆面試）→ 結果 ### Online Assessment (OA) > 我們的 OA 是現有產品其一功能的極輕量版這段時間可以視為實際工作時會遇到的狀況，因此遇到任何問題都可以提出，包含 - 看不懂設計 - 整理出哪裡不懂或是可能的推測，盡可能讓雙方有相近的認知 - 時程太趕、時間不夠 - 不管是內容太大或是自己時間安排，只要無法如期完成都應該提出 - 功能權重 - 在時間限制下應該完成的順序，並以完整度為優先 - 畢竟未完成的功能不能釋出，也就是這次相當於白趕工 ### 技術面試不管是筆試、白板還是實際操作，目的都不是為了考倒你，而是要知道你如何寫程式，如何處理問題。因此最好能夠在寫的過程中和面試官交流，包含面試官實際的需求或比較側重的方面，也講述你選擇這麼做的理由以及你目前情境。這個過程可以很容易知道你目前的實力，同時也反映出未來工作時的情形，所以放手一搏展現平常的自己！ ## 面試評量用人單位的考量很多，面試沒上不一定是你不夠好，只能說有人更合適。 ### 準備建議 - 履歷 - 盡可能地熟悉履歷上寫的內容 - 可以美化、可以包裝，但不能寫你不懂或沒有的 - 寫的愈好，人家期待愈高 - 要寫時髦術語 (buzzword) 最好是有實際經驗不然很容易被問倒 - 程式 - 考古題 - 入門、中文題目即可，須習慣寫程式的感覺 1. [高中生程式解題系統](https://zerojudge.tw/) 2. [LidemyOJ (LIOJ)](https://oj.lidemy.com/problem?tag=%E7%A8%8B%E5%BA%A6%E6%B8%AC%E9%A9%97&page=1&_ga=2.150337526.1734959526.1642999358-1565948555.1642999358) > 不一定要在上面完成，也可以把你寫的練習放 GitHub - 基本功 - 默寫在紙上 - 包含變數宣告、判斷式、迴圈、陣列、物件 - 自我挑戰一些生活中常見功能，比如自動販賣機 ### 心態建議把握好自己能保握的部分 1. 保持好心態，一定要穩住 - 面試不要太早放棄 - 來都來了當然是硬剛到底 2. 有把握的地方可以多展現 - 這就是你的記憶點 - 也會是進入最後評選勝出與否的關鍵 3. 履歷或是面試過程中最好有能讓面試官好聊的內容 - 比較不會不知道跟你聊什麼/尬聊 - 以致於最後對你沒印象 4. 能進入輕鬆的聊天狀態很好 - 但要注意不能因此失焦 ## 補充 > Online Assessment (OA) on GitHub 1. 專案名稱可以更突顯專案用途 - 利於其他公司也因為標題而觀看 - 可以直接知道你的能力而邀請面試 - 增加這次作品的價值 2. 讀我 Readme - 可以加入過程中學習到什麼、遇到什麼問題與如何解決 - 加入套件或插件的使用原因 - 甚至可以加入短片或是 GIF，讓讀者不需設置環境即可看結果 ## 結語面試完後才知道面試成本竟然這麼高，因此由人資篩選履歷、由 LeetCode 出題自然成為最佳解；這次我們是工程師篩選履歷、工程師出題、工程師提供面試回饋，每位求職者我們都花了很多心力，相信有來面試的候選者都感受得到，希望有帶走什麼。最後，那兩週的功能也不屈不撓地完成，劃下完美的句點。