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

1、 Vue.js前端开发教学大纲Vue.js前端开发课程教学大纲一、 课程基本信息1.课程名称：Vue.js前端开发2.课程英文名称： Application Development of Vue3.课程类别：理论课4.先修课程：HTML与CSS设计基础 JavaScript程序设计5.学时安排：课内总学时理论授课实践教学学分6432324.0二、 教学目标1.教学目标的总体概括（1）专业能力目标：掌握Vue.js框架的基本特性和基本语法，能够使用vue-cli独立开发、打包和测试项目。（2）素质能力目标：培养学生通过查阅搜索资料方式进行学习，引导学生独立学习。（3）工程能力目标：培养学生项目的

2、基本需求分析和和设计能力，使学生能够独立开发移动Web、移动App、微信小程序、微信小游戏和快应用等。理解Vue.js手机开发技术的基本知识和常用的实现方法，涉及网页设计、CSS样式、JavaScript、面向对象程序设计,响应式、前端常用框架等内容,通过本课程的学习,学生能够了解Web前端开发中,使用面向对象编程思想进行代码封装的基本方法与基本思路；使用优秀的前端框架（Vue.js）；并且通过这些框架的学习和使用,培养学生运用新技术，解决Web前端开发的综合能力。2.教学目标列表目标内容培养能力掌握程度具体描述个人素质学习态度与习惯运用(Apply)能主动的学习和巩固知识技术。理论知识专业知

3、识理解(Understand)理解Vue.js框架的基本特性和MVVM编程模式专业技能引进、消化、吸收再创新能力理解(Understand)熟悉Vue.js编程基本规范，养成遵循工程规范的习惯和专业素养。建模分析(Analyze)能够对现实世界进行抽象和建模。应用技术运用(Apply)掌握Vue.js框架的基本语法，掌握vue-router和axios实现过程运用(Apply)运用vue-cli独立开发、打包和测试项目三、 各单元知识点、技能点分布及学时分配章主 要 内 容课堂学时实验学时第1章Vue.js简介，包括Vue.js概述、Vue.js的安装、开发工具WebStorm简介、创建第一个

4、Vue实例11第2章基础特性，包括Vue实例及选项、数据绑定31第3章条件判断与列表渲染21第4章计算属性与监听属性121第5章样式绑定，包括class属性绑定、内联样式绑定121第6章事件处理，包括事件监听、事件处理中的修饰符121第7章表单控件绑定，包括绑定文本框、绑定复选框、绑定单选按钮、绑定下拉菜单、值绑定、使用修饰符21第8章自定义指令，包括注册指令、钩子函数、自定义指令的绑定值121第9章组件，包括注册组件、数据传递、自定义事件、内容分发、混入、动态组件312第10章过渡，包括单元素过渡、多元素过渡、多组件过渡、列表过渡212第11章常用插件，包括应用vue-router实现路由、

5、应用axios实现Ajax请求212第12章单页Web应用，包括webpack简介、loader简介、单文件组件、项目目录结构212第13章状态管理，包括Vuex简介、基础用法、实例212第14章综合开发实例51购商城，包括项目的设计思路、主页的设计与实现、商品详情页面的设计与实现、购物车页面的设计与实现、付款页面的设计与实现、登录和注册页面的设计与实现44第15章课程设计仿豆瓣电影评分网，包括课程设计目的、系统设计、主页的设计与实现、电影信息页面的设计与实现、电影评价功能的实现33四、实践项目实施计划表单人实现项目名称项目类别项目内容项目成果学时实践场所仿豆瓣电影评分网课程级实训为用户提供资

6、源的浏览、更新、删除、查询和评价等功能可运行成果物8实训室五、教学方法讲授教学法 、 演示教学法 、 案例教学法 、 指导教学法 、 自主学习法。六、教学资源1.教材Vue.js前端开发实战（慕课版），人民邮电出版社，ISBN：978-7-115-52111-8。七、课程考核1.形成性考核标准考核项目满分值考核内容备注平时成绩考勤0迟到一次扣1分，旷课1学时扣2分，使用考勤系统。扣分制，扣分上限不超过10分。课堂表现10回答问题、课堂纪律等。扣分制，扣分上限不超过10分作业40每次作业根据提交以及完成情况酌情010分，批改4次。总计课程总成绩（100分）=形成性考核成绩（50分）+终结性考核成绩（100分×50%）2.终结性考核安排终结性考核方式上机考试考试时间90分钟试题类型、分值比例选择题50% 填空题/判断题20%编程题/问答题 30%知识点覆盖面知识点覆盖面达到95