《前端交互设计》面向计算机相关专业的前端方向专业技能课,是Web前端开发工程师、1+X Web前端职业技能等级考试必修课程。
课程采用思路分析、技术实现、创新训练、知识梳理、拓展引导的教学模式,强调学习方向的引领,终身学习能力的培养。以情景诱发创新动机、营造创新氛围,激发好奇心、探索欲,培养有洞察力、思考力的创新者。
课程将前端交互设计基础的典型案例融入“校园志愿服务网站”的各个模块中,共同实现项目化教学。
聘请有企业经历的科研院所高级工程师、云平台首席专家联合组成课程思政教学示范团队,以就业为导向、应用为目标、实践为主线、能力为中心,校企研三方联合完成课程开发。
同时,课程作为四川省“课程思政”示范课程,在实现项目的过程中深挖思政融合点,融入职业规范,以正品德、树形象、寻典范、讲故事等形式,将社会主义核心价值观具体化、生动化;以“润物细无声”方式完成精神指引、职业素质提升;以“五育”融合的方式,培养学习者的家国情怀、民族自豪感与工匠精神。
项目一 走进前端交互世界
1.1前端技术演进-IT人的担当与奋斗
测试一
项目二 移动的欢迎页
2.1 问候语写入
2.2欢迎页的移动
2.3问候语写入调试
2.4欢迎页的完善
第二章 测验
项目三 首页链接
3.1志愿者日历
3.2志愿者时钟
第三章 测验
项目四 志愿项目
4.1表格隔行呈现不同色
4.2志愿者报名
第四章 测试
项目五 首页轮播图
5.1 幻灯片轮播
5.2点动控制幻灯片轮播
5.3无缝轮播
5.4特效轮播(一)
5.5特效轮播(二)
第五章 测试
项目六 注册页面
6.1表单验证(一)
6.2表单验证(二)
6.3本地储存
6.4注册信息存储
6.5自动表单生成(一)
6.6自动表单生成(二)
项目七 志愿风采
7.1 风采相册制作
7.2 敬老院服务
第七章 测试
项目八 志愿之星
8.1 认识jQuery
8.2服务宣言展示
8.3列表风格切换(一)
8.4列表风格切换(二)
8.5服务评星与留言实现
8.6网页交互效果丰富
8.7列表展示
第八章 测试
项目九 锦上添花
9.1 响应式导航栏
9.2飘动的树叶
9.3图片3D特效展