前端工程師 2024 面試紀錄

閱讀時間約 6 分鐘


先說一下我的背景,非本科系從 2022/3 開始接觸到前端領域,在摸索過程中遇到六角學院,買了 HTML 和 CSS 課程從基礎學起。


接下來 2022/6 參加體驗營、7-9 月切版直播班、9-12 月 JS 直播班、2023/1-3 月 vue 直播班,4 月份開始海投履歷,可能是沒有相關的工作經驗,只有直播班的作品,投出去的履歷幾乎都石沉大海…


最後只有一間公司給我面試機會,好險有錄取…🥲 於是我在 2023/4 正式轉職成功,踏入前端工程師的領域,到現在 (2024/4) 已經任職滿一年了啦!


由於目前任職的公司屬於偏小型的新創,主要開發公司內部系統,偶爾接外部網站開發,有點不符合我長期的職涯目標,因此到職滿一年後,決定開始重新投遞履歷,尋求新機會~


有了這一年的實務經驗後,不論是面試的機會、當下能夠回答的問題,還是最後收到的offer,都明顯的變多了(相當感動🥹),所以這次來分享一下面試過程,記錄一下自己的成長,以下按照我面試的順序紀錄:


A公司

接案公司,面試主管是後端工程師,人很客氣,一開始請我先自我介紹,有提問一些目前工作的內容、負責項目…等,然後開始問一些技術問題,接著請我展示作品集,再從作品集裡面去問問題,我大概記得的問題有:

  • 如果畫面有按鈕需求,你會使用什麼HTML tag?
  • px、rem、em 的區別是什麼?
  • 引用 pinia 資料時,前面的 ... 是什麼意思、用處是什麼?
  • js 中的 == 和 === 的區別是什麼?
  • api 的 post 和 get 方法區別是什麼?
  • 原本要展示的作品有 bug,他就順勢問我會怎麼找問題點?怎麼解決?


技術能力了解差不多之後,面試主管有稍微介紹一下團隊及工作內容,前端使用的框架以客戶要求為主,沒有要求就選工程師熟悉的、方便的框架即可,固定兩週一次會有部門會議、偶爾會有部門分享會,主要是 code review 或新技術的分享。


另外,主管注意到我版控使用 command line,特別強調他們是強制規定使用 GUI 介面,不能用 command line的🤣


總結起來,開發團隊跟開發的流程都很成熟,接案的類型也很多元,主管非常重視基本功的部分,很可惜最後沒有錄取,但是以第一場面試來說,覺得自己大部分問題都能回答出來,算是比去年進步很多了!


B公司

接案公司,進去後就坐在門口的開放式會客桌,技術主管和人事主管一起面試,主要是了解我轉職的動機、讓我稍微展示一下作品集的內容。


技術主管本身是全端工程師,所以建議我可以接觸一些後端基本概念,像是 api 開發的過程,往後跟後端溝通的時候比較不會被壓著打,如果我不排斥他願意帶我學。


最後我問了一些公司專案開發的流程跟時程管理,主管幾乎沒問什麼技術問題,所以面試很快就結束了,本來覺得錄取機會不大,沒想到兩天後就收到 offer 了,看起來不排斥學習新技術也會是一些公司重視的點!


C公司

智慧建築產業,主要開發監控系統,前端會處理大量數據及圖表。


面試前一小時先手寫考題,主要考 vue3 的熟悉度,有選擇題也有實際應用題目(ex 做一個加減法器),接著跟主管面談。


主管提問主要是了解人格特質的部分,例如面對挫折怎麼處理、跟同事意見不同會怎麼溝通… 這類的問題,問了很多題不記得全部了,就依照自己實際情況去回答,之後就介紹一下公司和團隊。


公司分為多個部門,處理不同類型專案,每個團隊都會有人數不等的前後端人員,所以也可以去跟其他團隊的前端人員交流,自己的部門則是每週會進行一次部門會議,同步進度。


由於主管是後端,所以最後有再跟另一位前端前輩面談,他稍微看一下我前面手寫的考題,問我目前公司的工作負責那些工項、專案怎麼拆元件等。


整體看起來,公司未來前景很不錯,工作內容對我來說也是有挑戰性的,跟主管談話下來感覺他們是樂於分享的,最後也有收到 offer 👍


D公司

屬於軟體開發類型,有自己的平台也有接案,這間是六角認識的同學幫忙內推,所以直接跟主管面談。


主管先介紹一下團隊有分平台組及專案組,平台組主要是開發公司產品,要求穩定性,專案組則是處理接案開發,會更重視效率,但是對於品質的要求都是嚴格的。


接下來請我展示除了六角課堂練習的作品以外的 side project,主管想了解為什麼想做這個 side project、過程遇到困難怎麼解決…等,還有其他關於 vue 應用題,有回答到關鍵字就可以。


主管也蠻重視價值觀的部分,會問我喜歡/不喜歡的領導方式、現職公司的優點/缺點…這類的提問,就誠實回答自己的現況,主管也會很明確表示他的領導方式和公司制度等等。


最後再跟 HR 面談,主要也是了解想離職原因、想加入這間公司的原因、介紹公司福利等,能感覺到公司比較重視團隊合作和人才的長期發展,最後也有順利收到 offer 啦。


經驗總結

四間面試下來,剛好兩間是接案,兩間比較偏產品開發,有發現接案公司使用框架不固定,比較重視原生 CSS & JS 的應用,並且希望我能接觸或不排斥各種框架及後端的技術。


大公司則是框架固定,會更在意 vue 的熟悉程度和實際應用,以及團隊人數較多,對於人格特質、價值觀的提問也比較多,更加重視我是否能融入團隊。


在跟主管級的工程師面談也會明顯感覺到,他們說話都是邏輯清晰、有自信有條理的,很擅長發現問題跟總結問題,這部分也是我想多多學習和變強的!


這次面試除了自己準備履歷和製作 side project 之外,我覺得還有很大的助力是,有六角的同學幫忙內推、卡斯伯老師及洧杰老師願意擔任我的推薦人,這也是我一路從體驗營和直播班走來,覺得最值得的地方!


除了學習程式,老師也非常願意在結業之後持續幫助我們,還可以認識一起努力的同學,互相幫助、一起成長,真的是非常幸運的事情!


最後就希望自己到新公司能夠早點適應啦,我是Amber,前端學習中,歡迎交流討論🧸

    22會員
    22Content count
    留言0
    查看全部
    發表第一個留言支持創作者!
    Amber hh的沙龍 的其他內容
    在 IG 上看到一位前端大大用 Google Apps Script + Line bot 替自己的球隊安排了球經,覺得很有趣,想來玩看看
    前幾天和一起轉職的同學分享工作近況的時候,得知他們公司切版時,大部分會手刻,比較少用現成的 UI 套件工具,像輪播效果也是手刻,讓我覺得有點挑戰,決定也來自己手刻一個輪播工具!
    之前在【什麼是網路請求(HTTP response)】筆記裡有提到,網路請求遇到 CORS 跨域問題,在開發時可以透過 vite 的反向代理來解決,那麼什麼是反向代理,有反向代理的話是不是也有正向代理呢?
    之前分享過【網路請求帶參數的方式】,開發者可以透過 URL 代入參數,來向伺服器請求特定的資源,我們當然也可以擷取 URL 的內容,來做為後續開發的判斷條件,這篇就來記錄一下,網址(URL) 和域名(Domain) 是什麼,以及如何取得網址的參數吧! 我們常說的網址連結 URL 完整名稱是 U
    先前幾篇筆記介紹了網路請求,瀏覽器儲存資料的方式,那麼實務上,前端最常需要發送網路請求的時候,就是透過呼叫 API,去向後端工程師發送/請求資料,所以今天來記錄什麼是 API吧!
    之前在 學習筆記 | 關於 Cookie、Session、Token 這篇筆記有提到,瀏覽器需要帶著使用者的身分訊息或經過身分驗證後取得的Token(令牌),才能向伺服器請求資源,那麼瀏覽器就必須有個空間來儲存這些 Token 資訊,這篇就是要來記錄瀏覽器常見的儲存空間啦~
    在 IG 上看到一位前端大大用 Google Apps Script + Line bot 替自己的球隊安排了球經,覺得很有趣,想來玩看看
    前幾天和一起轉職的同學分享工作近況的時候,得知他們公司切版時,大部分會手刻,比較少用現成的 UI 套件工具,像輪播效果也是手刻,讓我覺得有點挑戰,決定也來自己手刻一個輪播工具!
    之前在【什麼是網路請求(HTTP response)】筆記裡有提到,網路請求遇到 CORS 跨域問題,在開發時可以透過 vite 的反向代理來解決,那麼什麼是反向代理,有反向代理的話是不是也有正向代理呢?
    之前分享過【網路請求帶參數的方式】,開發者可以透過 URL 代入參數,來向伺服器請求特定的資源,我們當然也可以擷取 URL 的內容,來做為後續開發的判斷條件,這篇就來記錄一下,網址(URL) 和域名(Domain) 是什麼,以及如何取得網址的參數吧! 我們常說的網址連結 URL 完整名稱是 U
    先前幾篇筆記介紹了網路請求,瀏覽器儲存資料的方式,那麼實務上,前端最常需要發送網路請求的時候,就是透過呼叫 API,去向後端工程師發送/請求資料,所以今天來記錄什麼是 API吧!
    之前在 學習筆記 | 關於 Cookie、Session、Token 這篇筆記有提到,瀏覽器需要帶著使用者的身分訊息或經過身分驗證後取得的Token(令牌),才能向伺服器請求資源,那麼瀏覽器就必須有個空間來儲存這些 Token 資訊,這篇就是要來記錄瀏覽器常見的儲存空間啦~
    你可能也想看
    Thumbnail
    1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
    Thumbnail
    近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
    Thumbnail
    之前工作滿一年的時候有想過要寫個前端工作一年心得,但去年十月的時候手上正在開發一個時程很趕的專案,加上在寫 2022 年度的 ithome 鐵人賽,所以一直沒有時間來分享心得。 到了 2023 下半年時,自己有刻意放慢生活的節奏,終於有時間有紀錄轉職以來的歷程。
    Thumbnail
    這是 30 天寫作挑戰的第 15 天。今天要跟大家分享的是:3 個成為前端工程師後,發現的好處
    Thumbnail
    這是 30 天寫作挑戰的第 14 天。今天要跟大家分享的主題是:從 0 到 1 成為前端工程師應該養成的 3 個寫程式習慣
    Thumbnail
    這是 30 天寫作挑戰的第 13 天。今天要跟大家分享主題是:從 0 到 1 成為前端工程師的 3 個技巧
    Thumbnail
    這是 30 天寫作挑戰的第 11 天。今天開始要跟大家分享一系列的「從 0 到 1 成為前端工程師的……」,今天要分享的是:從 0 到 1 成為前端工程師的 3 個訣竅
    Thumbnail
    前端工程師為了讓網頁呈現在使用者面前時更加美觀,經常需要透過圖表及文字的調整達到前述美觀目的。本篇文章將分別介紹測試圖片網站「Dynamic Dummy Image Generator」及測試文字網站「Lipsum generator:Lorem Ipsum」,讓身為前端工程師或有意成為前端工程師的
    Thumbnail
    在跟社群朋友私訊時,他說我可以考慮分享「我的前端之路」之類的啊。覺得這真是一個很不錯的主題,每個人都有自己的故事!不愧是個老師,會因材施教XD 本科系畢業、碰前端之前 憧憬前端工作,但沒自信、不敢 設計與美感 - 一生從沒碰過的東西 Vue 比 React 簡單? 與設計師的合作 跨足APP
    Thumbnail
    「平凡的我啊,哪有時間低頭回望?」 — — 《排球少年 264 話》 各位安安,我是 Heidi,從年前就一直思考,應該如何總結這一年來的學習心得,結果又拖到現在,不知不覺都已經入職快兩個月了XD 這篇是記錄我在 Lidemy 學習半年的結業心得,也會稍微帶到多人協作和求職總結。
    Thumbnail
    在一個風和日麗的下午,又一個JS模組/框架誕生了! 我為這個議題準備了大概兩天時間,我憑著記憶回溯過去十年到底前端圈發生什麼事,再花了不少時間去求證和紀錄分類,然而這個議題是在太大,我最後選擇了一個方向來撰寫這篇文章,不過有興趣的人,可以看看我的筆記- TLDR -
    Thumbnail
    1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
    Thumbnail
    近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
    Thumbnail
    之前工作滿一年的時候有想過要寫個前端工作一年心得,但去年十月的時候手上正在開發一個時程很趕的專案,加上在寫 2022 年度的 ithome 鐵人賽,所以一直沒有時間來分享心得。 到了 2023 下半年時,自己有刻意放慢生活的節奏,終於有時間有紀錄轉職以來的歷程。
    Thumbnail
    這是 30 天寫作挑戰的第 15 天。今天要跟大家分享的是:3 個成為前端工程師後,發現的好處
    Thumbnail
    這是 30 天寫作挑戰的第 14 天。今天要跟大家分享的主題是:從 0 到 1 成為前端工程師應該養成的 3 個寫程式習慣
    Thumbnail
    這是 30 天寫作挑戰的第 13 天。今天要跟大家分享主題是:從 0 到 1 成為前端工程師的 3 個技巧
    Thumbnail
    這是 30 天寫作挑戰的第 11 天。今天開始要跟大家分享一系列的「從 0 到 1 成為前端工程師的……」,今天要分享的是:從 0 到 1 成為前端工程師的 3 個訣竅
    Thumbnail
    前端工程師為了讓網頁呈現在使用者面前時更加美觀,經常需要透過圖表及文字的調整達到前述美觀目的。本篇文章將分別介紹測試圖片網站「Dynamic Dummy Image Generator」及測試文字網站「Lipsum generator:Lorem Ipsum」,讓身為前端工程師或有意成為前端工程師的
    Thumbnail
    在跟社群朋友私訊時,他說我可以考慮分享「我的前端之路」之類的啊。覺得這真是一個很不錯的主題,每個人都有自己的故事!不愧是個老師,會因材施教XD 本科系畢業、碰前端之前 憧憬前端工作,但沒自信、不敢 設計與美感 - 一生從沒碰過的東西 Vue 比 React 簡單? 與設計師的合作 跨足APP
    Thumbnail
    「平凡的我啊,哪有時間低頭回望?」 — — 《排球少年 264 話》 各位安安,我是 Heidi,從年前就一直思考,應該如何總結這一年來的學習心得,結果又拖到現在,不知不覺都已經入職快兩個月了XD 這篇是記錄我在 Lidemy 學習半年的結業心得,也會稍微帶到多人協作和求職總結。
    Thumbnail
    在一個風和日麗的下午,又一個JS模組/框架誕生了! 我為這個議題準備了大概兩天時間,我憑著記憶回溯過去十年到底前端圈發生什麼事,再花了不少時間去求證和紀錄分類,然而這個議題是在太大,我最後選擇了一個方向來撰寫這篇文章,不過有興趣的人,可以看看我的筆記- TLDR -