Vuejs前端开发教学大纲

2022-07-15 11:19:13   第一文档网     [ 字体: ] [ 阅读: ] [ 文档下载 ]
说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。下载word有问题请添加QQ:admin处理,感谢您的支持与谅解。点击这里给我发消息

#第一文档网# 导语】以下是®第一文档网的小编为您整理的《Vuejs前端开发教学大纲》,欢迎阅读!
教学大纲,前端,开发,Vuejs

Vue.js 前端开发》教学大纲

Vue.js前端开发》课程教学大纲

一、 课程基本信息

1.课程名称:Vue.js前端开发

2.课程英文名称: Application Development of Vue 3.课程类别:理论课

4.先修课程:《HTMLCSS设计基础》 JavaScript程序设计》 5.学时安排:

课内总学时

理论授课

实践教学

学分

64 32 32 4.0

二、 教学目标

1.教学目标的总体概括

1)专业能力目标:掌握 Vue.js框架的基本特性和基本语法,能够使用 vue-cli独立开 发、打包和测试项目。

2)素质能力目标:培养学生通过查阅搜索资料方式进行学习,引导学生独立学习。 3)工程能力目标:培养学生项目的基本需求分析和和设计能力,使学生能够独立开发移动 Web、移动 App、微信小程序、微信小游戏和快应用等。

理解 Vue.js手机开发技术的基本知识和常用的实现方法,涉及网页设计、CSS样式、 JavaScript、面向对象程序设计,响应式、前端常用框架等内容,通过本课程的学习,学生能够 了解 Web前端开发中,使用面向对象编程思想进行代码封装的基本方法与基本思路;使用优秀 的前端框架(Vue.js);并且通过这些框架的学习和使用,培养学生运用新技术,解决 Web 端开发的综合能力。 2.教学目标列表

目标内容 个人素质

理论知识

专业技能

培养能力 学习态度与习惯 专业知识

引进、消化、吸收再创新能力

掌握程度 运用(Apply)

具体描述

能主动的学习和巩固知识技术。



理解 Vue.js框架的基本特性和 MVVM编程模式

(Understand)

熟悉 Vue.js编程基本规范,养成遵循工程规范的

(Understand) 习惯和专业素养。

1 / 3


Vue.js 前端开发》教学大纲

目标内容

培养能力 建模



应用技术 实现过程

掌握程度

具体描述

分析(Analyze) 能够对现实世界进行抽象和建模。 运用(Apply) 运用(Apply)

掌握 Vue.js框架的基本语法,掌握 vue-router

axios

运用 vue-cli独立开发、打包和测试项目

三、 各单元知识点、技能点分布及学时分配

1 2 3 4 5 6 7 8 9 10 11

12 13



Vue.js简介,包括 Vue.js概述、Vue.js的安装、开发工具 WebStorm 介、创建第一个 Vue实例

基础特性,包括 Vue实例及选项、数据绑定 条件判断与列表渲染 计算属性与监听属性

样式绑定,包括 class属性绑定、内联样式绑定 事件处理,包括事件监听、事件处理中的修饰符

表单控件绑定,包括绑定文本框、绑定复选框、绑定单选按钮、绑定下拉 菜单、值绑定、使用修饰符

自定义指令,包括注册指令、钩子函数、自定义指令的绑定值 组件,包括注册组件、数据传递、自定义事件、内容分发、混入、动态组件 过渡,包括单元素过渡、多元素过渡、多组件过渡、列表过渡 常用插件,包括应用 vue-router实现路由、应用 axios实现 Ajax请求 单页 Web应用,包括 webpack简介、loader简介、单文件组件、项目目 录结构

状态管理,包括 Vuex简介、基础用法、实例

综合开发实例 51购商城,包括项目的设计思路、主页的设计与实现、

14

15

商品详情页面的设计与实现、购物车页面的设计与实现、付款页面的设计 与实现、登录和注册页面的设计与实现

课程设计 仿豆瓣电影评分网,包括课程设计目的、系统设计、主页的 设计与实现、电影信息页面的设计与实现、电影评价功能的实现



3

3

4

4

课堂 学时

1~2 3 2 12 12 12 2 12 3 2 2 2 2

实验 学时 1 1 1 1 1 1 1 1 12 12 12 12 12

四、实践项目实施计划表

单人实现

项目名称

项目类别

项目内容

项目成果

学时

实践场所

仿豆瓣电影评分网 课程级实训

为用户提供资源的浏览、更新、

可运行成果物

删除、查询和评价等功能

8 实训室

五、教学方法

讲授教学法 演示教学法 案例教学法 指导教学法 自主学习法。

2 / 3


Vue.js 前端开发》教学大纲

六、教学资源

1.教材

Vue.js 前端开发实战》。

七、课程考核

1.形成性考核标准 考核项目



考核内容

备注

扣分制,扣分上限不超过 10 分。 扣分制,扣分上限不超过 10

考勤 0 迟到一次扣 1 分,旷课 1 学时扣 2 分,使用考勤系统。 平时

成绩 课堂

表现 10 回答问题、课堂纪律等。

作业

40

每次作业根据提交以及完成情况酌情 0~10 分,批改 4 次。

总计

课程总成绩(100 分)=形成性考核成绩(50 分)+终结性考核成绩(100 分×50%

2.终结性考核安排

终结性考核方式

试题类型、分值比例

上机考试 选择题

考试时间 90 分钟 50% 20% 30%

填空题/判断题

编程题/问答题

知识点覆盖面



知识点覆盖面达到 95%

应用、提高类知识点比例 应用、提高类知识点比例 10% 备注

考核环境需求:实验室/笔记本电脑/关闭有线无线网络等。

特殊要求:与其他课程同一时间考试/指定监考教师/草纸 2 /允许使用计算器。

3 / 3


本文来源:https://www.dywdw.cn/3c42e647c9aedd3383c4bb4cf7ec4afe04a1b1bb.html

相关推荐
推荐阅读