前端工程師 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,前端學習中,歡迎交流討論🧸

avatar-img
23會員
22內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
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
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
先學習 HTML, CSS, JavaScript 基礎觀念, 再透過實作專案,慢慢熟悉不同的語法使用方式。
對於想要嘗試學習前端技術,卻還沒下定決心或不知道是否合適的初心者,六角的體驗營就像是前端開發的新手村,提供基礎的新手教學,讓你對前端有基礎的概念;教你最基本的心法,讓你去打幾隻簡單的怪累積一點經驗值。
Thumbnail
由於去年我是直接從JS直播班出發的,想當然沒參加過體驗營這類的短期嘗鮮課程,就抱著試試看的心態來體驗看看了,也因為我本身有一些些基礎了,這次就果斷幫自己加碼擔任志工,多多少少能幫助到剛開始就卡住的同學,希望能借著多次的經驗累積來增加我的經歷。
Thumbnail
本篇文章分享了前端工程師在 CSS Battle #166 的解題方式,藉由使用 flex 來進行排版,並提供了相關的技術總結。歡迎一起來學習或練習基礎切版的朋友們和作者互動。
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 很多大公司的切版與前端是分開的,但不能因為碰不到就不去理解,假如要系統性的調整樣式,那麼你就一定要懂基礎,就好像你要調整微前端的架構,總不能連包板工具的設定都不會吧! 回到正題,這系列文章每個禮拜三都會更新一題CSS Battle的題
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 很多大公司的切版與前端是分開的,但不能因為碰不到就不去理解,假如要系統性的調整樣式,那麼你就一定要懂基礎,就好像你要調整微前端的架構,總不能連包板工具的設定都不會吧! 回到正題,這系列文章每個禮拜三都會更新一題CSS Battle的題
Thumbnail
是的,身為前端工程師的基本功! 還是需要時不時拿出來打磨一番,這系列文章每個禮拜三都會更新一題CSS Battle的題目,歡迎與我交流喔!
Thumbnail
#職場故事 #網頁設計 #前端工程師 #轉職 #跨領域 五、網頁設計師要做什麼? 說實話,每間公司不一樣。 我不是只面試一間而已,光是網頁設計我應該至少投了十間以上,我問到的職務內容跟範圍不全然相同。依照公司規模和用的框架,會有滿大的差別。 網頁設計主要分成以下工作:
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 這系列文章每個禮拜三都會更新一題CSS Battle的題目與解法
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
先學習 HTML, CSS, JavaScript 基礎觀念, 再透過實作專案,慢慢熟悉不同的語法使用方式。
對於想要嘗試學習前端技術,卻還沒下定決心或不知道是否合適的初心者,六角的體驗營就像是前端開發的新手村,提供基礎的新手教學,讓你對前端有基礎的概念;教你最基本的心法,讓你去打幾隻簡單的怪累積一點經驗值。
Thumbnail
由於去年我是直接從JS直播班出發的,想當然沒參加過體驗營這類的短期嘗鮮課程,就抱著試試看的心態來體驗看看了,也因為我本身有一些些基礎了,這次就果斷幫自己加碼擔任志工,多多少少能幫助到剛開始就卡住的同學,希望能借著多次的經驗累積來增加我的經歷。
Thumbnail
本篇文章分享了前端工程師在 CSS Battle #166 的解題方式,藉由使用 flex 來進行排版,並提供了相關的技術總結。歡迎一起來學習或練習基礎切版的朋友們和作者互動。
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 很多大公司的切版與前端是分開的,但不能因為碰不到就不去理解,假如要系統性的調整樣式,那麼你就一定要懂基礎,就好像你要調整微前端的架構,總不能連包板工具的設定都不會吧! 回到正題,這系列文章每個禮拜三都會更新一題CSS Battle的題
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 很多大公司的切版與前端是分開的,但不能因為碰不到就不去理解,假如要系統性的調整樣式,那麼你就一定要懂基礎,就好像你要調整微前端的架構,總不能連包板工具的設定都不會吧! 回到正題,這系列文章每個禮拜三都會更新一題CSS Battle的題
Thumbnail
是的,身為前端工程師的基本功! 還是需要時不時拿出來打磨一番,這系列文章每個禮拜三都會更新一題CSS Battle的題目,歡迎與我交流喔!
Thumbnail
#職場故事 #網頁設計 #前端工程師 #轉職 #跨領域 五、網頁設計師要做什麼? 說實話,每間公司不一樣。 我不是只面試一間而已,光是網頁設計我應該至少投了十間以上,我問到的職務內容跟範圍不全然相同。依照公司規模和用的框架,會有滿大的差別。 網頁設計主要分成以下工作:
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 這系列文章每個禮拜三都會更新一題CSS Battle的題目與解法