徵才 Recruiting > :hourglass_flowing_sand: 面試過程 Interview Process > :100: 選項A:加速申請 - 線上測驗(2.5小時)Accelerated Take-Home Exam > :dog: 前端測驗樣本 Front-End Sample Exam

繁體 | 简体 | English



立即申請 檢閱考試指示 測驗分數評估

考試

請實作依照設計圖像素完美桌面及手機前端介面。

桌面介面

手機介面

需求規範

  1. RWD. 桌面及手機Responsive Web Design。
  2. 必使用JavaScript.
  3. 必使用 React.js.
  4. 必使用 **CSS Flexbox
  5. 必使用React UI framework,從以下賽選:
    1. Material UI
    2. Semantic UI
    3. React Bootstrap
    4. React Toolbox
    5. Elemental UI
  6. 必使用static page方式(無後端)在雲端架構上架。
    1. 請用雲端架構 Heroku, Firebase, ZEIT, 或 Netilfy 上架static page。
    2. 這不是後端測驗,所以網頁和使用者互動全在前端實作。

重要提醒

考題大綱

  1. 像素完美在一下狀態:
    1. 桌面(Chrome)
    2. 手機(Android, iOS)
    3. 沒設計圖的狀態
  2. 效果
    1. Hover
    2. Selection
    3. Disable
  3. 鍵盤及滑鼠動作
滿分 網頁功能
50 數據輸入格
50 圈圈表格及數據介面
60 選項介面(每種選項型20分)
40 主頁及Hashtags

測驗分數評估

網頁功能

請以下表單選任網頁功能實作,不用照順序。

1. 數據輸入格

2. 圈圈表格及數據介面

桌面介面

手機介面

3. 選項介面

簡易選項

多選項

點勾選項

4. 主頁及Hashtags

桌面介面

手機介面




立即申请 检阅考试指示 测验分数评估

考试

请实作依照设计图像素完美桌面及手机前端介面。

桌面介面

手机介面

需求规范

  1. RWD. 桌面及手机Responsive Web Design。
  2. 必使用JavaScript.
  3. 必使用 React.js.
  4. 必使用 **CSS Flexbox
  5. 必使用React UI framework,从以下赛选:
  6. Material UI
  7. Semantic UI
  8. React Bootstrap
  9. React Toolbox
  10. Elemental UI
  11. **必使用static page方式(无后端)在云端架构上架。 **
  12. 请用云端架构 Heroku, Firebase, ZEIT, 或 Netilfy 上架static page。
  13. 这不是后端测验,所以网页和使用者互动全在前端实作。

重要提醒

考题大纲

  1. 像素完美在一下状态:
  2. 桌面(Chrome)
  3. 手机(Android, iOS)
  4. 没设计图的状态
  5. 效果
  6. Hover
  7. Selection
  8. Disable
  9. 键盘及滑鼠动作
满分 网页功能
50 数据输入格
50 圈圈表格及数据介面
60 选项介面(每种选项型20分)
40 主页及Hashtags

测验分数评估

网页功能

请以下表单选任网页功能实作,不用照顺序。

1. 数据输入格

2. 圈圈表格及数据介面

桌面介面

手机介面

3. 选项介面

简易选项

多选项

点勾选项

4. 主页及Hashtags

桌面介面

手机介面




Apply Now View Instructions View Rubric

Exam

Please build a pixel-perfect interactive desktop and mobile browser front-end of the following design mockups.

Desktop UI

Mobile UI

Requirements

  1. RWD. Responsive Web Design for both mobile and web.
  2. Must use JavaScript.
  3. Must use React.js.
  4. Must use **CSS Flexbox
  5. Must use a React UI framework from this list:
    1. Material UI
    2. Semantic UI
    3. React Bootstrap
    4. React Toolbox
    5. Elemental UI
  6. Must host your site as a live static page.
    1. Please use a free hosting service like Heroku, Firebase, ZEIT, or Netilfy to host your site as a live static page.
    2. This is a not a back-end exam. The web page interactions should all be client side.

Reminders

Features Rubric

  1. Pixel perfect on:
    1. Desktop (Chrome)
    2. Mobile (Android, iOS)
    3. Fill in gaps not in the design mockups in a polished manner
  2. Effects
    1. Hover
    2. Selection
    3. Disable
  3. Keyboard and mouse events
Score Feature
50 Numbers Entry Box
50 Radial Chart and Stats Pane
60 Search Filters and Dropdown Menu (20 pts per type of selector)
40 Main Pane and Hashtags

View Exam Rubric

Features List

Choose any of the following features to implement. There are no required ordering.

1. Numbers Entry Box

2. Radial Chart and Stats Pane

Desktop UI

Mobile UI

3. Search Filters and Dropdown Menu

Simple Selector

Multiple Selector

Checkbox Selector

4. Main Pane and Hashtags

Destkop UI

Mobile UI