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

PAGE4

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

（实验课程·2023版）

一、课程基本信息

课程号

0923D05016

开课单位

数学与信息科学学院

课程名称

前端设计与开发

Front-endDesignandDevelopment

课程性质

选修

考核类型

考查

课程学分

3

课程学时

34+2周

课程类别

专业拓展课（就业创业方向）

适用专业（类）

软件工程

二、课程描述及目标

（一）课程简介

《前端设计与开发》是软件工程专业拓展就业创业方向课，是面向软件系统前端的一门实践性很强的课程，主要讲授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

练习HTML各个元素使用

2

讲授

课程目标1

2

CSS

练习CSS各种选择器使用

2

讲授

课程目标1

3

JS

练习JS的基本语法

4

讲授

课程目标1

4

VUE模板应用

掌握模板基础，理解模板渲染原理

2

讲授

课程目标1

5

VUE组件的属性和方法

掌握属性与方法基础，学习

计算属性和侦听器的使用，以及常见的各种绑定和双向绑定。

2

讲授

课程目标1

课程目标2

6

处理用户交互

掌握事件的监听方法，以及VUE事件的类型

2

演示

课程目标1

课程目标2

7

组件基础和高级应用

掌握组件中的数据与事件的传递，自定义组件的方法，以及组件的高级用法。

4

演示

课程目标1

课程目标2

8

VUE响应式编程

理解响应式编程的原理及在VUE中的应用

2

演示

课程目标1

课程目标2

9

ElementPlus

掌握VUE的UI库的使用

2

演示

课程目标1

课程目标2

课程目标3

10

VUE-axios的应用

掌握网络框架的使用

2

演示

课程目标1

课程目标2

课程目标3

11

VUE路由管理

学习VUE路由的使用

2

讲授

课程目标1

课程目标2

课程目标3

12

VUE状态管理

掌握VUE状态管理框架VUEx

2

讲授

课程目标1

课程目标2

课程目标3

13

VUE综合实例

掌握VUE单页面框架的基本开发流程。

6

演示

课程目标1

课程目标2

课程目标3

课程目标4

合计

34

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

序号

实验项目名称

实验内容与要求

学时

类型

对应课程目标

1

前端基础

编写HTML，JS，CSS

8

验证性

课程目标1-2

2

VUE组件编写

编写VUE组件

12

演示性

课程目标1-3

3

VUE第三方组件和高级应用

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

14

设计性

课程目标2-4

合计

2周

七、学业评价和课程考核

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

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

?其它：