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

考试

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

  • 必使用**React.js, Flexbox, 及React UI 零件架构。 **
  • 必使用static page方式(无后端)在Firebase或其他架构上架。

桌面介面

手机介面

需求规范

  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. 这不是后端测验,所以网页和使用者互动全在前端实作。

重要提醒

  • 我们并不期望你完整开发每个功能。重点不是要全部 “做完”,是要查看有尝试部分的能力、进度,尽力而为就可以。
  • 请使用 GitHub/GitLab.
  • 这份线上测验分数会决定您的职级与薪资范围。每个网页功能有分数。请必定要交卷。
  • 2.5小时到时:
  • 有开发多少,就交卷多少,考试并没有所谓的 “完成”。
  • 请必定要上架,并提供网页 URL.
  • 请填写测验完成表格 Exam Submission Form.

考题大纲

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

测验分数评估

网页功能

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

1. 数据输入格

  • 限制输入数字 (0-9), 逗点 (.), 及符号 (/)
  • 不行用左右键往前后
  • 不行用滑鼠点输入格
  • 键盘自动专注在输入格,不需点输入格
  • “Press Enter” 文字及 “Submit” 会在有输入数字时出现

2. 圈圈表格及数据介面

  • 桌面和手机介面像素完美
  • 不能只是个画面,需要跟着数据变动

桌面介面

手机介面

3. 选项介面

  • 桌面和手机介面像素完美
  • 三种选项
  • 简易选项
  • 多选项
  • 点勾选项

简易选项

多选项

点勾选项

4. 主页及Hashtags

  • 桌面和手机介面像素完美

桌面介面

手机介面