web前端框架-课程标准.doc

PAGE37

《web网页设计》教学标准

一、基本信息

课程名称：web前端框架课时：72

适用专业：计算机软件技术专业专业核心课程

前修课程：web网页设计

后续课程：

二．课程目标：

????通过本课程的学习使学生掌握前端框架vuejs的基本概念和使用前端框架vuejs技术实现网页设计的基本思想；掌握前端框架vuejs基础语法+vuejs核心+vue-router+vuex+vuecli等基本知识；培养学生应用前端框架vuejs开发前端项目技术，并能够开发网页的能力，以培养学生实际开发网页的主要技能为主线，重点围绕前端框架vuejs基础语法+vuejs核心+vue-router+vuex+vuecli基本技能等内容培养学生使用vuejs框架实现网页设计的技能，并使学生养成善于观察、独立思考的习惯，同时通过教学过程中的实际开发过程的规范要求强化学生的职业道德意识和职业素质养成意识。为学生以后从事更专业化的软件开发工作奠定基础。

????通过本课程的教学，学生应达到如下能力目标：

（1）能利用网页设计开发工具，使用vuejs框架完成基本网页网站开发应用；?

（2）能使用vuejs进行基本的网页设计实现的应用；?

（3）能使用vuejs程序设计的结构、设计方法来实现程序的制作。?

（4）能理解使用vuejs框架的基本构成和实现方法，?

（5）能使用vuejs实现网页设计代码的设计和调试方法。

（6）能够对于给定问题进行基本的分析，并能够对网页进行布局划分，并通过程序代码予以实现；?

（7）能够对现实进行网页的基本设计，掌握基本的实现方法；?

（8）能够使用不同的方式解决一些比较困难的问题。

三．课程内容和要求：

序号

教学模块

能力目标

相关知识点

建议

学时

1

邂逅Vuejs

对vue.js框架概念和特点基本的认识，掌握vue.js的安装方式和使用技巧，能使用vuejs框架写出helloworld案例，掌握MVVM思想和原理。

1.1认识Vue.js

1.2Vue.js安装方式

1.3Vue.js初体验

1.4Vue.js的MVVM

4

2

基础语法

掌握插值的语法使用、属性绑定、计算属性的使用，理解什么是事件监听和使用技巧，掌握条件判断和循环遍历的使用。

2.1插值操作

2.2属性绑定

2.3计算属性的使用

2.4事件监听

2.5条件判断

2.6循环遍历

12

3

组件化开发

对组件化开发概念和特点有基本认识，掌握组件使用的基本步骤和注意事项，掌握父子组件间的通信、数据传递、相互访问，掌握插槽的基本使用。

3.1认识组件化

3.2注册组件

3.3组件的其它补充

3.4组件数据存放

3.5父子组件通信

3.6父子组件传递

3.7父子组件的访问

3.8插槽的使用

16

4

VueCli相关

充分理解什么是vuecli，重点掌握vuecli2和cli3的使用，并明确cli2与cli3的异同，能使用vuecli创建项目，掌握cli常用指令的使用。

4.1Cli是什么

4.2VueCli2详解

4.3VueCli3的简单介绍

4

5

vue-router详解

了解路由概念，理解什么是vue-router，掌握vue-router基本使用，掌握vue-router嵌套、参数传递、导航守卫，理解keep-router的用途。

5.1认识路由

5.2vue-router基本使用

5.3vue-router嵌套路由5.4vue-router参数传递5.5vue-router导航守卫5.6keep-alive的使用

12

6

Vuex详解

理解vuex的用途，掌握vuex的基本使用，能使用vuex实现数据状态管理。

6.1认识Vuex

6.2Vuex的基本使用

6.3Vuex核心概念

16

7

Promise的使用

理解什么是promise，掌握promise的基本使用，理解promise的应用场景，学会使用promise解决问题，掌握promise的链式调用。

7.1认识promise

7.2promise的基本使用

7.3promise的链式调用

4

8

网络模块封装

理解常见网络请求，理解JSOP的原理，理解axios的作用，能使用axios实现网络请求。

8.1常见的网络请求模块

8.2JSOP的原理和封装

8.3axios的内容详解

4

机动课时

?

合????计

72

四．课程考核

????本课程考核建议采用过程性评价与结果性评价相结合，理论考试与实践考核相结合，重点评价学生的职业能力。过程性评价建议包括学生平时课堂表现、作业（含实训报告）完成情况、考勤情况等。结果性评价主要为期末笔试，笔试全面考核本课程所学知识与技能，重点考核与