|應徵 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 實習校園招募](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq19JFPeyIG6XpoBvMB3sgsZqvs1kMQkN8WeROF2InFfi8W_b5PhIqez7HUs7QaqS2dKHw1qonhLP4zlC7ZPt-5k2cIIFbbGWmyN6-y6g5Q0fZ782y9mCpdGEwzDjC89wdlA9_rSrjpOmwqIEnUWUNu9QMVxPpNomoQAGH0IiNi3R8M1g_UIlCaSBq/s1440/272842723_2429014453896562_7546866850392680148_n.png)
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 實習生計畫流程](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivjIc8IYhH2eN6GHS3hkB6BFz6vxPiRCE6ePJRkb30IDdIFts7iT8BCxRdvaP8tc4o0ITwJdmeWtPvcrs0d4pAKWRO3j0PWuGcreH3Gkfbn0XsUCA1vcCXQxRe8xvaZNASWnAL2d4ioL-tGnvcTnr_w0Nsn1DFxQ-1KPCFno9zmirY61IndDBi-HUs/s1440/unnamed.png)
上面這張就是 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.
- 搭配 Gooogle Blogger 語法與 Bootstrap 重新設計 UI 介面
- 設計日夜間模式,提供更好的使用者體驗
GitHub 連結:https://github.com/5j54d93/Google-Blogger-Template
-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.
- 以 Python Flask 為後端,HTML、Bootstrap 為前端,開發植栽輔助照顧系統
- 負責空氣品質檢測功能、網頁前端、專案報告,協助其他組員 debug、程式撰寫,涵蓋整個專案,成為我們組的 Team Star
- 學習 Google 的產品開發流程與協作方式,每週固定和 mentor、PM 討論專案方向及進展,和組員互相學習,並在最後將功能整合起來
GitHub 連結:https://github.com/5j54d93/Google-Hardware-Product-Sprint
-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!
- 以 MVVM 架構串接 2 支 Google Blogger API,寫一個像 Medium 的 iOS App,可瀏覽、搜尋、收藏、分享文章和寫筆記,並可自動或手動切換日夜間模式、調整螢幕亮度
- 可運行在 iPhone、iPad、M1 Mac,也有 Apple watch app
- 四種大小、串接 Blogger API 的 Widgets 桌面小工具、設計像 Apple News 的 UI,且在加入頁面預覽時就 call API,顯示最新資料而非死資料
- 頂部下滑更新、滑到底部載入更多的 infinite scroll
GitHub 連結:https://github.com/5j54d93/Google-Blogger-iOS-App
|Dcard Web Frontend Intern 應徵作業
-Dcard Web Team 技術夥伴給的作業評語:
作業看的出來很用心,特別去研究了 Dcard 的 UI,體驗上也大致不錯,多做追蹤等功能也相當有特色,README 文件的詳細程度也很加分。
歡迎到 GitHub 上看看我做的 Dcard 2022 Web Frontend Intern Homework 作業,覺得不錯可以按顆星星!也歡迎 Fork 做些更改、測試!
GitHub 連結:https://github.com/5j54d93/Dcard-2022-Web-Frontend-Intern-Homework
以下簡單的描述一下應徵 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 區:零食飲料茶水間](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfN4kcNetn1gjgOMh-tnV4fAHjyYj9POhukG7-Zh0WcgR-hr4KCFBDrBZsi5ck3SJ05SR3-RMsWnIczfzBIlUrNE_05UBXf1aHqRtSWNefqNrhzf_5ch_JXgh3T-yq7ViqEmM7HCs1hQwa4CCJ3Rm4Zgu2LTTm0PK2WTch_IraxCPZlwZDkwriMRwV/s1440/2YUJDpj.jpg)
面試的會議室其實並不大,小小的,有桌子、滾輪椅、大大的電視螢幕、和透明的玻璃門,外面能清楚地看進來。面試時,會面對三位面試官,都是 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 執行有什麼好處