百度前端技术学园

# 综合大作业基础版(二)

# 课程目标

  • 在上一任务基础上继续 JavaScript 的实践

# 阅读

# 任务

第二步：按照 ife_2021_st_02.jpg (opens new window) 所示，完成对上一步作业的进一步升级，升级内容包括：

  1. 实现一个报名区域

    1.1 报名区域内包含学校输入，年份输入，电子邮箱的输入以及一个报名按钮
    1.2 输入框请按照良好的用户体验设计焦点在 与 焦点不在（既图中当前样式）的样式，请实现时，设置合理的 placeholder
    1.3 按钮请实现其鼠标滑过以及点击时的样式
    1.4 暂不需要实现点击后的任何功能

  2. 实现课程安排的筛选功能

    2.1 包含“全部”、“HTML”、“CSS”、“JavaScript”四个模块
    2.2 如图给每一个课程增加一个或多个标签标示
    2.3 在课程安排筛选区域，当前选中的部分加粗，黑色，且底边有加重的样式
    2.4 根据用户在筛选区域的选择，动态设置下方课程列表的显示
    2.5 课程列表的总数在 6-10，保证每一个被筛选的选项都有对应的课程
    2.6 【可选】可以根据实际情况，设计和实现切换课程选项时的一些动效效果

← 综合大作业基础版(三) →