web前端框架-教学进度表.doc

XX职业学院

课程教学进度表

（20XX-20XX学年第XX学期）

课程名称：web前端框架

授课班级：2022软件技术3/4/5班

学生人数：

任课教师：郑少杰

系部审核：

教务审核：

制订时间：

（本表一式四份，教师、系部、教务处、实训中心各一份）

说明

1、本课程的教学目的及主要教学要求：

本课程的教学目的：本课程旨在培养学生使用主流前端框架vuejs开发网页的能力。该课程是一次综合性的大型的实践环节。通过课程设计使软件技术专业的专科学生，能够综合运用掌握的web前端框架vuejs技术操作技能和相关的理论知识，针对某个特定的项目，开发和设计出相对完整的网站作品，要求该作品要有一定的观赏性、实用性，从而提高自身的综合技能。

主要教学要求：

建立学生关于web前端框架vuejs的基本概念,掌握vuejs框架设计相关前端网页项目；对web前端框架vuejs基础知识、脚手架cli、vue-router和vuex等有一个基本认识，并能够使用对应技术完成相应项目作品；

能对复杂前端框架vuejs产生的问题提供解决方案，并尝试改进；

建立web前端框架vuejs使用的标准、要求、安全的概念和服务意识，理解并遵守网页设计职业道德和规范

2、学时分配；

总学时：

72

理论学时：

36

实践学时：

实训学时：

36

实验学时：

见习学时：

3、教材版本（名称、著作者、出版社、出版时间、版本）：

Vue.js前端开发快速入门与专业应用、陆陆扬、人民邮电出版社、2017年2月第1版

4、主要教学参考资料：

《教学课件》

《Vue.js前端开发快速入门与专业应用》作者：陆陆扬

出版社名称：人民邮电出版社

周次

?章/节

授课内容

学时

授课形式

备注

1

第一章—邂逅Vuejs

1.1认识Vue.js

1.2Vue.js安装方式

4

机房多媒体授课、实训室实训

2

第一章—邂逅Vuejs

1.3Vue.js初体验

1.4Vue.js的MVVM

4

机房多媒体授课、实训室实训

3

第二章—基础语法

2.1插值操作

2.2属性绑定

2.3计算属性的使用

4

机房多媒体授课、实训室实训

4

第二章—基础语法

2.4事件监听

2.5条件判断

2.6循环遍历

4

机房多媒体授课、实训室实训

5

第三章—组件化开发

3.1认识组件化

3.2注册组件

3.3组件的其它补充

3.4组件数据存放

4

机房多媒体授课、实训室实训

6

第三章—组件化开发

3.5父子组件通信

3.6父子组件传递

3.7父子组件的访问

3.8插槽的使用

4

机房多媒体授课、实训室实训

7

第四章—VueCli相关

4.1Cli是什么

4.2VueCli2详解

4

机房多媒体授课、实训室实训

8

第四章—VueCli相关

4.3VueCli3的简单介绍

4

机房多媒体授课、实训室实训

9

第五章—vue-router详解

5.1认识路由

5.2vue-router基本使用

5.3vue-router嵌套路由

4

机房多媒体授课、实训室实训

10

第五章—vue-router详解

5.4vue-router参数传递

5.5vue-router导航守卫

5.6keep-alive的使用

4

机房多媒体授课、实训室实训

11

第六章—Vuex详解

6.1认识Vuex

6.2Vuex的基本使用

4

机房多媒体授课、实训室实训

12

第六章—Vuex详解

6.3Vuex核心概念

4

机房多媒体授课、实训室实训

13

第七章—Promise的使用

7.1认识promise

7.2promise的基本使用

4

机房多媒体授课、实训室实训

14

第七章—Promise的使用

7.3promise的链式调用

4

机房多媒体授课、实训室实训

15

第八章—网络模块封装

8.1常见的网络请求模块

8.2JSOP的原理和封装

4

机房多媒体授课、实训室实训

16

第八章—网络模块封装

8.3axios的内容详解

4

机房多媒体授课、实训室实训

填表说明：1、“周次”填写第几周；2、“章节”填写课本章、节；3、“授课内容”填写章节名称和内容提要；4、“学时”填写每次上课学时数；5、“授课形式”填写多媒体讲授或机房、专业实训室操作；6、“备注”填写对实验实训室的具体要求。