求職

2022 年 4 月 29 日

Dcard 面試｜應徵 Web Frontend Intern 實習經驗＆心得分享！

已複製到剪貼板

｜應徵 Dcard Web Frontend Intern 網頁前端實習：文章重點預覽

  • Dcard Web Frontend Intern 文章前言
  • Dcard Web Frontend Intern 應徵時程日期
  • Dcard Web Frontend Intern 應徵履歷
  • Dcard Web Frontend Intern 應徵作業
  • Dcard Web Frontend Intern 第一次面談邀請
  • Dcard Web Frontend Intern 面試流程經驗分享
  • Dcard Web Frontend Intern 面試題目

｜Dcard Web Frontend Intern 文章前言

Dcard 2022 Web Frontend Intern 實習校園招募
Dcard 2022 Web Frontend Intern 實習校園招募

Dcard 在 2022 的這一年，似乎比以往早公布實習應徵作業，2022/1/28 這一天就在 Dcard Lab 的 Facebook 臉書粉專發佈了招募貼文，在應徵的連結中就可以找到應徵作業的連結。那時還正在放寒假過年，所以如果有及時跟上消息的話，其實會有很多充足的時間可以好好的準備 Dcard 作業，不會像前幾屆，好像都是適逢快要期中考了才知到作業是什麼，那樣就會比較忙也比較敢，無法好好的準備作業。


－Dcard 2022 Web Frontend Intern 網頁前端實習生錄取名額：4 名

在 2022/3/24 那天，Dcard 和 SITCON 有一場線上分享「成為工程師然後呢？Dcard 工程師的日常大揭密！」，裡面 Dcard Frontend Developer 的 Evan 就有提到今年的 Dcard Web Frontend Intern 會錄取 4 名。

｜Dcard Web Frontend Intern 應徵時程日期

Dcard 2022 Web Frontend Intern 實習生計畫流程
Dcard 2022 Web Frontend Intern 實習生計畫流程

上面這張就是 Dcard 2022 Web Frontend Intern 實習生計畫的流程圖，可以知道從公佈作業到申請截止有 67 天這麼多！有 2 個月多可以好好的準備作業。

以下分享我應徵 Dcard 2022 Web Frontend Intern 網頁前端實習生的時程日期：

  • 投出履歷：2022/3/10
  • 申請截止：2022/4/5
  • 第一次面談邀請：2022/4/12
  • 前往第一次實體面試：2022/4/22
  • 收到沒進第二次面試的感謝信：2022/4/26

｜Dcard Web Frontend Intern 應徵履歷

這裡列出我有放進履歷的專案作品，有興趣的話可以參考看看～覺得不錯也可以到 GitHub 上幫我按顆星星 XD

－Google-Blogger-Template

An excellent Google Blogger theme (template）designed with Bootstrap and Blogger's XML syntax.


－Blogger-All-Post-List

Fetch data from Google Blogger API to list all posts of a blog by time.

－Google-Hardware-Product-Sprint

Using Python、HTML、Bootstrap、Raspberry-Pi to build an environment detection and plant-care system.

－Google-Blogger-iOS-App

List posts with infinite scroll from Google Blogger API in MVVM architecture, and using SwiftUI to design like Medium iOS App, which could read, search, save, comment posts, and so many excellent features！

｜Dcard Web Frontend Intern 應徵作業

－Dcard Web Team 技術夥伴給的作業評語：

作業看的出來很用心，特別去研究了 Dcard 的 UI，體驗上也大致不錯，多做追蹤等功能也相當有特色，README 文件的詳細程度也很加分。

以下簡單的描述一下應徵 Dcard 2022 Web Frontend Intern Homework 網頁前端實習的作業：

－題目描述

  • 串接 GitHub REST API，並使用 React 實作一個瀏覽單一使用者 GitHub repository 的網站
  • 完成作業後上傳到 Github，繳交連結即可

－基本要求

  • 實作 repository 列表
    • route 必須要是 /users/{username}/repos
    • 串接 GET /users/{username}/repos 回傳的資料
      • 第一次只能載入 10 個 repository
      • 列表在滾到頁面底部時要再自動發送 API 請求，載入額外 10 個 repository，直到沒有更多 repository
    • 上方需有 Header 顯示 username
    • 下方列表內的項目至少需顯示：repository.name、repository.stargazers_count
    • 每個 repository 可以被點擊，並切換 route 至單一 repository 頁面
  • 實作單一 repository 頁面
    • route 必須要是 /users/{username}/repos/{repo}
    • 串接 GET /repos/{owner}/{repo} 回傳的資料
    • 頁面至少需顯示：repository.full_name、repository.description、repository.stargazers_count
    • 有超連結可開新分頁至該 repository 在 GitHub 上的頁面
  • 請在文件內說明如何啟動與作業架構的設計

－加分條件（optional）

  • 有處理例外狀況
  • 有 deploy 至線上環境

－評分項目

  • 正確性：必須符合基本要求、能正常運作
  • 效能：例如避免重複發送 API 請求、避免 componentre-render
  • 程式碼架構與品質：例如易讀性、一致性、重用性

－Reference

｜Dcard Web Frontend Intern 第一次面談邀請

如果有順利通過履歷的話，就會收到第一次的面談邀請 Email，信中會給一個連結，點進去會到一個有日曆的網頁，裡面有許多建議的面談時間，讓我們選 2 到 3 個時段，以 1 小時為單位，預約面試的時間，並要求在一天內完成預約。

而因為 Dcard 在星期三、四會遠距上班，原本好像只有星期三會遠距上班，但因為疫情多了星期四。所以如果預約到了星期三、四，就會變成了視訊面試，而選到星期一、二、五的話，就會是實體面試，可以到 Dcard 總部辦公室一趟～

第一次面試的這一週剛好是大學的期中考週，所以其實也很忙，只能抽空準備面試，很難好好的花太多時間。

｜Dcard Web Frontend Intern 面試流程經驗分享

在面談邀請的 Email 中會建議提早個 10 到 15 分鐘到，Dcard 的 HR 會先帶著參觀整個 Dcard 14 樓的辦公室，在逛的過程中，會走到 IKEA 區，也就是放著許多零食飲料的茶水間！Dcard 的 HR 就邀請我拿幾樣自己喜歡的。當逛完介紹完整個 Dcard 辦公室之後，HR 就會問有沒有想問的問題，而如果沒有的話，HR 就會直接帶我們到待會要面試的會議室等待面試。

Dcard 14 樓辦公室 IKEA 區：零食飲料茶水間
Dcard 14 樓辦公室 IKEA 區：零食飲料茶水間

面試的會議室其實並不大，小小的，有桌子、滾輪椅、大大的電視螢幕、和透明的玻璃門，外面能清楚地看進來。面試時，會面對三位面試官，都是 Web Team 的，過程最多 1 小時，大致分成以下幾個部分：

  • 三位面試官各自簡單的做自我介紹
  • 換我自我介紹
  • 問關於網頁前端的一系列問題
  • 討論並問作業相關的問題
  • 問履歷上相關的問題
  • 最後可以問面試官問題的 QA 時間

｜Dcard Web Frontend Intern 面試題目

這裡只列出我有印象的題目，因為問題真的太多了，我沒特別記，但大致上是有關 JavaScript、React、和網頁技術的題目，反而沒有網路上其他文章分享提到的 Git 和 CSS 相關的問題。

－JavaScript 相關的技術面試問題

  • 解釋 preventdefault 和 stoppropagation
  • 兩個等號 == 和三個等號 === 的差別

－React 相關的技術面試問題

  • React 是怎麼顯示畫面的
  • React 在什麼時候會 re-render
  • React 如何避面 re-render 相同的 component
  • 有時候 React 在上層的 props 改變時，會 re-render 下層的每個 component，當一路往下層有一堆 component 時，如何避免這樣的一路傳遞
  • Hook 解決了什麼問題
  • 在 input 中，value 和 dafaultValue 的差別
  • 為什麼 State 不能放在 if 裡面

－網頁技術相關的面試問題

  • SessionStorage 和 LocalStorage 的差別
  • Cookie 和 SessionStorage、LocalStorage 的差別
  • 有聽過 CORS 嗎？能不能解釋一下
  • 能不能解釋 SSR？花資源在 Server 執行有什麼好處

分享文章

已複製到剪貼板

主題文章

查看 求職

關於看我所見

「看我所見」主題多元，分享作者的生活經歷、特殊經驗，舉凡：教育、生活、科技、3C、音樂、娛樂 ⋯⋯，我們也將持續優化，提供讀者最好的體驗！

Contacts

Ricky Chuang

看我所見

linktr.ee/5j54d93

最新文章