前端工程師 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
留言分享你的想法!
avatar-img
Amber hh的沙龍
23會員
22內容數
Amber hh的沙龍的其他內容
2024/09/04
第三次月會來了!這個月的主題是「工程師的溝通秘訣」 很多人認為,當工程師只要跟電腦對話就好,在轉職之前我也這麼認為的,尤其是以前在服務業工作,從早到晚跟客戶對談、處理他們各種疑難雜症和情緒的過程,實在太容易讓我感到心累了,倒不如整天跟電腦對話,對錯很明顯,也不用顧及雙方情緒,肯定比處理客訴簡單
Thumbnail
2024/09/04
第三次月會來了!這個月的主題是「工程師的溝通秘訣」 很多人認為,當工程師只要跟電腦對話就好,在轉職之前我也這麼認為的,尤其是以前在服務業工作,從早到晚跟客戶對談、處理他們各種疑難雜症和情緒的過程,實在太容易讓我感到心累了,倒不如整天跟電腦對話,對錯很明顯,也不用顧及雙方情緒,肯定比處理客訴簡單
Thumbnail
2024/08/03
JSDoc 全名是 JavaScript Documentation,顧名思義是為 JavaScript 所使用的 API 文件,在程式碼內透過註解的方式撰寫,運行後 JSDoc 會自動掃描註解內容,並生成一份網頁版的文件,對於沒有使用 Typescript 開發的專案,也
Thumbnail
2024/08/03
JSDoc 全名是 JavaScript Documentation,顧名思義是為 JavaScript 所使用的 API 文件,在程式碼內透過註解的方式撰寫,運行後 JSDoc 會自動掃描註解內容,並生成一份網頁版的文件,對於沒有使用 Typescript 開發的專案,也
Thumbnail
2024/07/24
剛開始學前端都是跟著六角的課程進度走,雖然知道自己不會的技術很多,但至少有明確的學習目標,也會定期產出結果,當時的焦慮來源只覺得時間總是不夠,殊不知真正踏入實務工作後,除了焦慮時間不夠之外,甚至還有點迷失了方向。 轉職後的公司僅一人前端,我沒有 mentor 帶領,也找不到可以效仿學習的 Ro
Thumbnail
2024/07/24
剛開始學前端都是跟著六角的課程進度走,雖然知道自己不會的技術很多,但至少有明確的學習目標,也會定期產出結果,當時的焦慮來源只覺得時間總是不夠,殊不知真正踏入實務工作後,除了焦慮時間不夠之外,甚至還有點迷失了方向。 轉職後的公司僅一人前端,我沒有 mentor 帶領,也找不到可以效仿學習的 Ro
Thumbnail
看更多
你可能也想看
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
本文介紹了CSS Battle 17的挑戰題目,並提供瞭解題的技巧和方法。內容包括基本排版、圖形解構能力和技術總結。歡迎大家分享自己的解法與作者交流。
Thumbnail
本文介紹了CSS Battle 17的挑戰題目,並提供瞭解題的技巧和方法。內容包括基本排版、圖形解構能力和技術總結。歡迎大家分享自己的解法與作者交流。
Thumbnail
本篇文章分享了前端工程師在 CSS Battle #166 的解題方式,藉由使用 flex 來進行排版,並提供了相關的技術總結。歡迎一起來學習或練習基礎切版的朋友們和作者互動。
Thumbnail
本篇文章分享了前端工程師在 CSS Battle #166 的解題方式,藉由使用 flex 來進行排版,並提供了相關的技術總結。歡迎一起來學習或練習基礎切版的朋友們和作者互動。
Thumbnail
本篇文章分享了 CSS Battle 的題目 #160 的解法,並講解了對於前端工程師基礎切版的重要性和技術總結。
Thumbnail
本篇文章分享了 CSS Battle 的題目 #160 的解法,並講解了對於前端工程師基礎切版的重要性和技術總結。
Thumbnail
當我剛開始接觸這個領域的時候,經常會看到有人在討論: 到底要做前端還是後端工程師呢?後端工程師賺的比前端工程師多?前端工程師轉後端工程師?那前端與後端到底是什麼呢? 這篇文章提供了前端與後端的基本概念並舉例來說明。同時也介紹了前端的三大要素以及後端的運作原理,對於想深入瞭解前後端的讀者會非常有幫助。
Thumbnail
當我剛開始接觸這個領域的時候,經常會看到有人在討論: 到底要做前端還是後端工程師呢?後端工程師賺的比前端工程師多?前端工程師轉後端工程師?那前端與後端到底是什麼呢? 這篇文章提供了前端與後端的基本概念並舉例來說明。同時也介紹了前端的三大要素以及後端的運作原理,對於想深入瞭解前後端的讀者會非常有幫助。
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 很多大公司的切版與前端是分開的,但不能因為碰不到就不去理解,假如要系統性的調整樣式,那麼你就一定要懂基礎,就好像你要調整微前端的架構,總不能連包板工具的設定都不會吧! 回到正題,這系列文章每個禮拜三都會更新一題CSS Battle的題
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 很多大公司的切版與前端是分開的,但不能因為碰不到就不去理解,假如要系統性的調整樣式,那麼你就一定要懂基礎,就好像你要調整微前端的架構,總不能連包板工具的設定都不會吧! 回到正題,這系列文章每個禮拜三都會更新一題CSS Battle的題
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 很多大公司的切版與前端是分開的,但不能因為碰不到就不去理解,假如要系統性的調整樣式,那麼你就一定要懂基礎,就好像你要調整微前端的架構,總不能連包板工具的設定都不會吧! 回到正題,這系列文章每個禮拜三都會更新一題CSS Battle的題
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 很多大公司的切版與前端是分開的,但不能因為碰不到就不去理解,假如要系統性的調整樣式,那麼你就一定要懂基礎,就好像你要調整微前端的架構,總不能連包板工具的設定都不會吧! 回到正題,這系列文章每個禮拜三都會更新一題CSS Battle的題
Thumbnail
是的,身為前端工程師的基本功! 還是需要時不時拿出來打磨一番,這系列文章每個禮拜三都會更新一題CSS Battle的題目,歡迎與我交流喔!
Thumbnail
是的,身為前端工程師的基本功! 還是需要時不時拿出來打磨一番,這系列文章每個禮拜三都會更新一題CSS Battle的題目,歡迎與我交流喔!
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 這系列文章每個禮拜三都會更新一題CSS Battle的題目與解法
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 這系列文章每個禮拜三都會更新一題CSS Battle的題目與解法
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 這系列文章每個禮拜三都會更新一題CSS Battle的題目解法
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 這系列文章每個禮拜三都會更新一題CSS Battle的題目解法
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News