职业学院移动应用开发专业使用Vue优化web页面课程标准.docx

《职业学院移动应用开发专业使用Vue优化web页面课程标准.docx》由会员分享，可在线阅读，更多相关《职业学院移动应用开发专业使用Vue优化web页面课程标准.docx（19页珍藏版）》请在优知文库上搜索。

1、XXXX职业学院移动应用开发专业使用Vue优化Web页面课程标准一、课程基本信息1.*程名称：使用YU。优化Web页面(544114052课程H性：专业核心课(B类).3.开课学期I31学年,第2学期4基准学时I84学时,计匚学分二、课程定位史用Vue优化Web页面3是移动应用开发专业的核心课程之一，是该专业的专业必修课.通过本课程的学习，使学生具备Beb应用开发相关知识、良好的编程习惯和前端项目开发的能力,能胜任基于eb前端开发等工作任务.Vuc的前端体系中,Vue指令,生命同期，Vue姐件占据了非常重要的位置，不仅成为Web项目开发的利器，而R也是人们接触和使用VUC的一个基础.通过详实的

2、内容和丰富的窠例，引领学生学习VUe指令,生命周期，YUe组件的开发体系，以及这套技术在项目开发中的实际应用。同时，通过教学过程中的实际开发过程的规冠要求,培养学生分析和解决实际问题的能力，强化学生的职业道德意识、职业素质笄逆识和创新意识,为学生以后从事更专业化的软件开发工作览定基础.使用VUe优化Web页面是面向计算机相关专业的一门专业Vue开发入门课程,涉及Vue基础特性.VUe指令，VUe过滤器，VUC姐件，YUCX状态管理等内容，通过本课程的学习，学生能够了解VUe的语法，健弊掌握VUe开发技术并开发简单的山前端项目。前导课程有CHTM1.商业网站设计、使用JaVaSCriP1.设计交

3、互页面式使用ES6优化配b页面,后续课程有打好用BOOtStraP优化能b页面、毕业实习等.三、课程目标1.能力目标(1)具缶使用Jm(1.,CSS,JaVaSCriP1.等技术编写网站前台静态页面的能力：(2)具备使用Ajax等技术编写无刷新网站界面的能力：(3)具符在Web环境卜创隹，使用Vue快速开发项目的能力：2知识目标(1)了解本课程的教学目标和该课程在本专业课程体系中的作用、考核方式：(2)掌握HTM1.,CSS,JavaScript等基本的网页编程知识：(3)掌握使用AjaX等技术编写无刷新网站界面；(4)掌握在Web环境下创建,配置并籁程访问MySQ1.数据库的相关知识:(5)

4、熟悉Web环境下文件律作，邮件端程等相关的知识：(6)掌握VUe联础特性，VUe指令，Vue过/器，YUe组件，YUeX状态管理&态度目标(1)具备前端的一叫相关知识，尤其是HnI1.JCSS1JavaScript：(2)具备良好的职业道M素养和产海细致的工作作风：(3)具备一定的自学能力,独立分析问题和解决问题的能力。四、课程设计本课程标准在设计上本看僦方法.理应用的总体思路.突出体现职业教育的技能型、应用性特色,着重培养学生的实践应用技能.力求达到理论方法好用,技术技能过便的目的.首先应依据专业人才培养方案中关于人才培养目标的阐述，明确课程目标；其次，结合职业教育课程观、教学观、能力双，旗

5、于软件工程的开发过程，以项目化教学来组织课程内容，在课程内容的选择与排序中,以软件工程实施的不同阶段、典型任分为软体，将课程内容划分为互相联系的学习情景：第三,通过对各学习情故中学习目标、主要内容、授课方式、师生要求等各项内容的描述.来现葩课程所要求的内容：第四,通过对课程内容的选取和组合.以一个完整的项目为战体，完成课程的实施；G后,通过时项目实施过程中各个环节的考察和评价，来完成时课程的评鉴与考核。2.课时分配序号课程单元学习任务参考学时1YUe.js简介了解Tuejs是什么”，了解”为什么要用Vue.js,掌握Yue.js的He11o*OrId掌握.网页开发的前世今生，掌握“MVC、招Y

6、P、MVVM三者的区别和优劣”82基础特性了解.实例及选项了解.模板二掌握数据二掌握方法”，常握生命周期83指令了解”内置.指令了解v-bind,掌握“-roode1.,掌握if-e1.se-show”.掌握-for”84过游器了解.过沌器原理概述”，了解过沌器注册掌握“双向过漉器:掌握动态参数，掌握“过泄器在Vue.js2.0中的变化”85过渡了rcss过渡了解“CSS过渡的用法”，掌握CSS过渡钩子函数掌握.显示声明过渡类型，掌握“自定义过渡类名.86组件了解组件注册二了解全局注册掌握筒部注册掌握注册语法怖”，掌握组件选项”87Vue.js常用插件了解Vue-router,了解引用方式”，

7、掌握基本用法掌握倏套路内掌握“路由兀配”88Vue.js工程实例了解“准备工作二了解“webpack.掌握“vueToader,掌握.目录结构二掌握前端开发”89状态管理：Vuex了解“概述8了解筒单实例掌握所衢组件”，掌握创建并注入store”.掌握“创建action及组件调用方式”10跨平台开发：Weex了解“CeX简介”，了解“eex安装，掌握Fos环境安装掌握“andruid环境安装”，掌握、曲雉运行”811Vue.js2.0新特性了解Render函数了解creaieE1.cmn1.用法，掌握使用案例二掌握函数化俎件”，掌握JSV43.课程单元描述I1.程单元一Vue.”介课程单元名称

8、Vue.js简介课时数8学习目标通过学习，学生能够了解Yue.js是什么，了解为什么要用Vue.js*.掌提Hue.js的He1.1。wor1.d,掌握网页开发的前世今生掌握WCMVP.MVVM三者的区别和优劣.学习内容1. Vue.js是什么2. 为什么要用VUe.js3. Vue.js的HeIIouorId,1.网页开发的前世今生5 .MVC,MVP,MVVM三者的区别和优劣6 .开发工具学习方法和建议在教学中采用理论讲授法、启发引导法、窠例分析法、，一定要能询动学生学习的主动性,让学牛.自己总结提商教学条件要求多媒体网络教室学生已有菸础WEB前跳HTM1.与CSS技术能力，JavaScr

9、ipt编程技术开发教师执教能力要求时ES6的前世今生了解得非常透彻,相关知识非常熟练,能够对学生的想法及时做出评价并善于引导学生理界单元二MWtt课程单元名珠施础特性课时数、学习目标通过学习，学生能够了解”实例及选项，了解快板M掌握数据”,掌握”方法掌握生命周期学习内容1 .实例及选Iij1.1 模板1.2 数据1.3 方法1.4 生命周期2 .数据绑定1 .1数据绑定语法2 .2计算属性3 .3表单拄件4 .IC1.aSS与Sty1.e绑定3 .模板泡染3.1 前后崩渲染对比3.2 条件渲染3.3 列表演染3.4 4IcBp1.atc标签用法4 1W件绑定与监听4.1 方法及内联语句处埋器4

10、.2 修饰符4.3 与传统事件绑定的区别5.Vue.cxtend学习方法和建议在教学中采用理论讲授法、培发引导法、案例分析法、，一定要能调动学生学习的主动性，让学生自己总结提高教学条件要求多媒体网络教史学生已有基础WEB前端HTM1.与CSS技术能力，JavaScript编程技术开发教酊执.教能力要求对ES6的曲世今生了解得非常透彻相关知识非常熟练,能够对学生的想法及时做出评价并善于引导学生课程单元三指令课程总元名称指令课时数8学习目标通过学习，学生能够了解“内置指令，了解“u-bim,掌握*v-tnode1.*,掌握v-if-e1.se-shw*,掌握v-fcr学习内容1 .内置指令1.1

11、v-bind1.2 v-三odc1.1.3 V-if-e1.se-show1. 4v-for1. 5v-on1.6 v-text1.7 VTnM1.1.8v-e1.1.9 v-ref1.10 V-DrC1.11 v-cIoak1.12v-once2 .自定义指令基础2.1 指令的注册2.2 指令的定义对象2.3 指令实例属性2.4 4元素指令3 .指令的高级选项3.1 1params3.2 deep3.3 IwoVay3.4 acceptState三ent3.5 termina1.3.6 priority4 .指令在Vue.Js2.。中的变化4.1 新的种子一函数4.2 钩子函数实例和参数变化

12、4.3 UPdate函数触发变化4.4 参数binding对象学习方法和建议在教学中采用理论讲授法、启发引导法、窠例分析法、，一定要能遍动学生学习的主动性，让学生自己总结提高教学条件要求多媒体网络教室学生已有祭眦WEB前跳HTM1.与CSS技术能力，JavaScript编程技术开发教师执教能力要求时ES6的前世今生了解得非常透彻.相关知识非常熟竦，能够对学生的想法及时做出评价并善于引导学生课程单元名珠过谑器课时数、学习目标通过学习，学生能够了解”过谑器晚理概述了解“过泄器注册掌握双向过泄器，掌握动态多数掌握“过滤器在YUe.js2.O中的变化”学习内容1 .过渔湍原理概述2 .过浓据注册3 .

13、双向过滤甥1.动态参数5 .过酒器在YUe.js2.。中的变化6 .计算局性与过漉零学习方法和建议在教学中采用理论讲授法、启发引导法、窠例分析法、，一定要能遍动学生学习的主动性,让学牛.自t2总结提商教学条件要求多媒体网络教室学生已有祭眦WEB前跳HTM1.与CSS技术能力，JavaScript编程技术开发教师执教能力要求时ES6的前世今生了解得非常透彻.相关知识非常熟竦，能够对学生的想法及时做出评价并善于引导学生1程单元五过波课程单元名称过渡课时数8学习目标通过学习，学生能够了解CSS过渡”，了解CSS过渡的用法掌握CSS过渡的子函数二掌樨”显示声明过渡类型二掌握”自定义过渡类名”学习内容1

14、. CSS过渡1.1 CSS过渡的用法1.2 CSS过渡钩子函数1.3 显示声明过渡类型1.4 自定义过渡类名2. JaVaSCriPt过渡1 .1Ve1.ocity,js2 .2JavaScript过渡使用3 .过渡系统在Vu%js2.Q中的变化3.1 用法变化3.2 类名变化3.3 笆子函数变化3. 4transitiongroup学习方法和建议在教学中采用理论讲授法、启发引导法、案例分析法、，一定要能得动学生学习的主动性,让学生自己总结提高教学条件要求多媒体网络教空学生已有明础WEB前跳HTM1.与CSS技术能力，JavaScript编程技术开发教师执教能力要求对ES6的前世今生了解得非常透彻相关知识非常熟练，能够对学生的想法及时做出评价并善于引导学生W三*融件课程单元名称讥件课时数学习目标通过学习，学生能鲂了解”组件注册了解全局注册，掌握局部注册，掌握注册语法糖，掌握组件选项”学习内容1 .1件注册1.1 全局注册