Vue.js前端开发实战-教学大纲

时间:2022-07-15 11:19:12 阅读: 最新文章 文档下载
说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。
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) 能主动的学习和巩固知识技术。

理解(Understand)

理解

理解Vue.js框架的基本特性和MVVM编程模式 熟悉Vue.js编程基本规范,养成遵循工程规范的

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

(Understand) 习惯和专业素养。

1 / 3




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

目标内容 培养能力 建模 应用技术 实现过程

掌握程度 具体描述

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

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

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



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







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

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

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

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

自定义指令,包括注册指令、钩子函数、自定义指令的绑定值 组件,包括注册组件、数据传递、自定义事件、内容分发、混入、动态组件

课堂 学时 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

1 2 3 4 5 6 7 8 9

10 过渡,包括单元素过渡、多元素过渡、多组件过渡、列表过渡

11 常用插件,包括应用vue-router实现路由、应用axios实现Ajax请求 12

单页Web应用,包括webpack简介、loader简介、单文件组件、项目目录结构

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

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

14 商品详情页面的设计与实现、购物车页面的设计与实现、付款页面的设计

与实现、登录和注册页面的设计与实现

15

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

4 4

3 3



四、实践项目实施计划表

单人实现

2 / 3




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

项目名称 项目类别 项目内容 项目成果 学时 实践场所

仿豆瓣电影评分网

课程级实训

为用户提供资源的浏览、更新、删除、查询和评价等功能

可运行成果物 8 实训室

五、教学方法

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

六、教学资源

1.教材

Vue.js前端开发实战(慕课版)》,人民邮电出版社,ISBN978-7-115-52111-8

七、课程考核

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.wddqw.com/doc/a27457f79a8fcc22bcd126fff705cc1755275f25.html