3023D06026-前端设计与开发实验-2023版人才培养方案课程教学大纲.docxVIP

PAGE3

附件5-2

ADDINCNKISM.UserStyle《前端设计与开发实验》课程教学大纲

（实验课程·2023版）

一、课程基本信息

课程号

3023D06026

开课单位

国际学院

课程名称

前端设计与开发实验

Front-endDesignandDevelopmentLab

课程性质

选修

考核类型

考查

课程学分

1

课程学时

34周

课程类别

学科拓展课（学科基础课）

适用专业（类）

软件工程

二、课程描述及目标

（一）课程简介

《前端设计与开发实验》是软件工程专业拓展就业创业方向课，是面向软件系统前端的一门实践性很强的课程，主要讲授h5基础和vue框架的基本技术。其中vue框架是当前比较流行的框架之一，要想掌握这种框架，必须要做一定实验环节。本课程通过上机实验，使得学生能够理解vue框架的优势，灵活运用课堂所学知识实现自己的前端系统。

（二）教学目标

通过本课程的上机练习，使得学生能够熟练使用h5，css和js。熟练运用vue实现前端系统。掌握Vue组件的属性和方法，Vue组件的高级用法，如何处理用户交互，利用Vue进行响应式编程。

通过本课程的学习，使学生达到如下目标：

课程目标1：掌握vue架构、使用方法，掌握vue编程。

课程目标2：培养学生的终身学习能力、创新意识和创新能力以及职业和专业素养。

课程目标3：掌握文献检索的方法，并能够进行文献分析，提高分析问题，解决问题的能力并提高实际动手能力。

课程目标4：能够编写有一定规模的应用程序，养成良好的编程习惯，会使用重构、设计模式、单元测试等方式提高代码的质量。

三、课程目标对毕业要求的支撑关系

毕业要求指标点

课程目标

1-1：vue基础理论知识；1-2vue实战能力

课程目标1

2-1：求学能力；2-5：创新能力；3-2：创新意识；3-3：职业素养；3-4：专业素养。

课程目标2

2-3：信息获取能力。

课程目标3

2-2：工程实践能力；2-6：组织协调能力；3-4：专业素养

课程目标4

四、教学方式与方法

采用理论与实践相结合的教学方法，以及案例驱动的教学方式。在理论课的指导下，通过完成一个个实验，验证阶段性的任务和目标完成情况，引导学生掌握理论课讲授的知识，使学生能运用所学理论知识进行vue前端编程，完成简单的单页面设计和实现，培养其规范的编程习惯，掌握基本的操作技能和编程思想。

五、教学重点与难点

（一）教学重点

Vue组件和响应式编程思想。

（二）教学难点

Vue路由和状态管理

六、实验内容、基本要求与学时分配

序号

实验项目名称

实验内容与要求

学时

类型

对应课程目标

1

前端基础

编写html，js，css

8

验证性

课程目标1

课程目标2

2

Vue组件编写

编写vue组件

12

演示性

课程目标1

课程目标3

3

Vue高级应用

ElementPlus使用，练习vue路由等高级功能的使用

14

设计性

课程目标3

课程目标4

合计

34

七、学业评价和课程考核

（一）考核类型：?考试eq\o\ac(□,√)考查

（二）考核方式：eq\o\ac(□,√)实验报告?实验作品

?其它：（填写具体考核方式）

（三）成绩评定：

考核

依据

建议分值

（百分比）

考核/评价细则

对应课程目标

过程

考核

100%

课堂表现

20

是否旷课，迟到，早退。实验积极性。

课程目标2

实验操作

20

实验内容操作正确性，上机操作认真，调试正确，善于提问。

课程目标1

课程目标2

课程目标3

课程目标4

实验报告

20

是否及时上交实验报告，实验报告结构，内容，安排是否合理。

课程目标1

课程目标2

课程目标3

实验结果

20

实验结果是否正确，完善。

课程目标1

课程目标3

实验记录

20

识别和解决程序的的错误和异常。运用调试工具和技术定位问题，并解决问题。

课程目标1

课程目标3

课程目标4

期末

考核

0%

八、课程目标达成评价

课程目标的实际达成效果计算方式如下，达成值越高，教学效果越好。

课程目标达成度

毕业要求指标点达成度

九、教材与教学参考书

（一）教材

《循序渐进Vue.js3前端开发实战》，第1版，张益珲，清华大学出版社，2021年12月。

（二）教学参考书

《深入实战Vue开发》，殷荣桧，清华大学出版社，出版时间2021-9，第1版。

（三）参考资料

Vue官网/

执笔人

王涛

审核人

谢博鋆

教学院长

罗朝晖

院长

苏国伟

发布日期

2023年6月10日