前端工程師 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會員
    22內容數
    留言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 資訊,這篇就是要來記錄瀏覽器常見的儲存空間啦~
    你可能也想看
    Google News 追蹤
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
    Thumbnail
    Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
    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
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
    Thumbnail
    Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
    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 -