高职《Web前端开发技术》课程标准 .pdfVIP

软件技术专业

《Web前端开发技术》

课程标准

执笔：

初核：

复核：

审定：

审批：（教务处）

20XX年3月1日

1

《Web前端开发技术》课程标准

课程代码：X0502021课程类别：专业核心课

授课系（部）：信息工程系学分学时：5.5学分98学时

一、课程定位与作用

1.课程的定位：《Web前端开发技术》本课程是计算机软件技术专业的一门专业核

心课。

2.课程的作用：本课程的设计体现“以能力为本位、以职业实践为主线、以项目课

程为主体”，打破了传统的学科体系的模式，通过多个项目的练习操作，熟练地掌握岗

位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。充分体现

了职业教育“以就业为导向，以能力为本位”的职业教育理念。

3.与其他课程的关系：本课程的前置课程为《网页编程》、《JavaScript脚本语言》。

是前端开发学习路线的必修课程，也是为致力于从事前端开发工程师相关工作的同学打

下基础。

二、课程目标

通过本课程学习掌握VUE的知识体系，模板语法、组件、过渡动画、生命周期等基

础内容。掌握VUE基本概念、VUE实例、VUE模板语法、VUE生命周期、VUE组件及组件

间通信、VUE过渡与动画；掌握VUE-CLI脚手架、脚手架配置、APP路由、单页面APP

创建、APP组件开发、VUE-CLI组件间传参、VUE-CLI插槽、组件切换过渡动画、编译打

包处理。培养学生web前端开发能力。

同时，通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、

创新的精神，培养良好的职业道德，为学生学习动态网站开发相关课程提供知识和技术

支持。通过项目的实现，让学生具备良好的综合素质和职业道德，能够吃苦耐劳、爱岗

敬业、团结合作。

1．知识目标

（1）理解Vue编程理念与直接操作Dom的差异

（2）Vue常用的基础语法

（3）理解MVVM设计模式

（4）掌握Vue的组件和实例

2

（5）掌握前端组件化，全局样式与局部样式

（6）掌握父子组件传值与组件参数校验

（7）熟悉Vue中的动画特效

（8）理解Vue中的CSS动画原理

2．能力目标

（1）具备Vue常用的基础语法应用能力

（2）具备使用Vue编写TodoList功能的能力

（3）具备插槽的使用，动态组件的应用能力

（4）具备Vue-cli脚手架工具的使用的能力

（5）具备组件化思维修改TodoList的能力

（6）具备Vue中使用animate.css库的能力

（7）具备Vue中同时使用过渡与动画效果能力

（8）具备Vue中使用Velocity.js库的能力

（9）具备Vue中动画的封装能力

3．素质目标

具有社会主义和共产主义的理想信念

具有改革开放的意识和强烈的竞争意识

具有良好的行为规范和社会公德以及较强的法制观念

具有良好的职业道德和质量服务意识

具有不断学习、不断创新的进取精神

具有团队协作精神和较强的协调能力及独立工作的能力

具有健康的体魄和良好的心理素质

能吃苦耐劳、爱岗敬业

三、课程设计

1．设计思想

以校企合作为切入点，以培养职业能力为核心，以项目教学为主要手段，积极探索

教学方法与成绩评价方法的创新，保证课程目标的实现。

以职业能力培养为核心的课程设计。在重视学生专业能力的同时，重视方法能力与

社会能力的培养。学生通